:root{--bg-0: #05070f;--bg-1: #0a0e1c;--bg-2: #0f1533;--brand: #7c3aed;--brand-2: #4f7cff;--brand-3: #22d3ee;--rec: #ff4d6d;--ink: #eef3ff;--ink-dim: #9db0d6;--ink-faint: #5a6c93;--surface: rgba(16, 22, 46, .55);--surface-2: rgba(10, 15, 33, .6);--border: rgba(124, 140, 255, .22);--border-strong: rgba(124, 140, 255, .45);--card-shadow: 0 30px 80px -20px rgba(2, 4, 12, .9), 0 0 0 1px var(--border);--radius: 24px;--font-display: "Chakra Petch", system-ui, sans-serif;--font-body: "Sora", system-ui, sans-serif;--glass-blur: 18px;--atmo: block}[data-brand=englputzeder]{--bg-0: #131519;--bg-1: #1a1d22;--bg-2: #23272e;--brand: #c8202f;--brand-2: #e02838;--brand-3: #9c1622;--rec: #c8202f;--ink: #16181c;--ink-dim: #5b616c;--ink-faint: #9aa1ad;--surface: #ffffff;--surface-2: #f3f4f6;--border: rgba(20, 23, 28, .08);--border-strong: rgba(200, 32, 47, .55);--card-shadow: 0 28px 70px -18px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .04);--radius: 14px;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--glass-blur: 0px;--atmo: none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-0);-webkit-font-smoothing:antialiased;overflow-x:hidden}.atmo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.atmo-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 80% -10%,rgba(79,124,255,.22),transparent 55%),radial-gradient(90% 70% at 10% 110%,rgba(34,211,238,.16),transparent 50%),linear-gradient(160deg,var(--bg-1),var(--bg-0) 60%,var(--bg-2))}[data-brand=englputzeder] .atmo-base{background:radial-gradient(100% 60% at 85% -10%,rgba(200,32,47,.16),transparent 55%),linear-gradient(160deg,var(--bg-2),var(--bg-0))}.atmo-stars{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;display:var(--atmo);opacity:.8}.atmo-stars:before,.atmo-stars:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#cbd9ff 50%,transparent),radial-gradient(1px 1px at 70% 60%,#9ec5ff 50%,transparent),radial-gradient(1.5px 1.5px at 40% 80%,#e6d4ff 50%,transparent),radial-gradient(1px 1px at 85% 20%,#b9e6ff 50%,transparent),radial-gradient(1px 1px at 55% 45%,#ffffff 50%,transparent);background-size:380px 380px;animation:drift 90s linear infinite}.atmo-stars:after{background-size:540px 540px;opacity:.5;animation-duration:140s;animation-direction:reverse}.atmo-hatch{position:absolute;top:0;right:0;bottom:0;left:0;display:none}[data-brand=englputzeder] .atmo-hatch{display:block;opacity:.5;background:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(255,255,255,.012) 22px 24px)}[data-brand=englputzeder] .atmo-hatch:after{content:"";position:absolute;top:0;right:0;width:8px;height:100%;background:linear-gradient(var(--brand),var(--brand-3))}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-380px)}}.app{position:relative;z-index:1;min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom))}.card{width:100%;max-width:440px;margin-top:12px;background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:22px 22px 26px;position:relative;overflow:hidden;animation:rise .7s cubic-bezier(.16,1,.3,1) both}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.brand-word{font-family:var(--font-display);display:flex;flex-direction:column;line-height:1}.brand-name{font-weight:700;font-size:18px;letter-spacing:.5px;color:var(--ink)}.brand-name.grad{background:linear-gradient(100deg,#ffffff,var(--brand-2) 55%,var(--brand-3));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-faint);margin-top:3px;font-weight:600}.status{display:flex;align-items:center;gap:9px;margin-bottom:26px}.status .dot{width:9px;height:9px;border-radius:50%;background:var(--ink-faint);flex:none;box-shadow:0 0 0 0 currentColor}.status .dot.recording{background:var(--rec);color:var(--rec);animation:ping 1.6s ease-out infinite}.status .dot.paused{background:#f59e0b;color:#f59e0b}.status .dot.finalizing{background:var(--brand-2);color:var(--brand-2);animation:ping 1s linear infinite}.status .dot.stopped{background:#10b981}.status .dot.error{background:var(--rec)}.status-text{font-size:12.5px;color:var(--ink-dim);font-weight:500;letter-spacing:.2px}@keyframes ping{0%{box-shadow:0 0 0 0 currentColor}70%,to{box-shadow:0 0 0 7px transparent}}.stage{display:flex;flex-direction:column;align-items:center}.orb{position:relative;width:168px;height:168px;border-radius:50%;display:grid;place-items:center;border:none;padding:0;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.35),transparent 45%),conic-gradient(from 210deg,var(--brand),var(--brand-2),var(--brand-3),var(--brand));box-shadow:0 0 0 1px #ffffff1f inset,0 18px 50px -12px var(--brand),0 0 70px -8px var(--brand-2);cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .3s;animation:breathe 4.5s ease-in-out infinite}[data-brand=englputzeder] .orb{background:radial-gradient(circle at 34% 26%,#ff6b78,var(--brand) 55%,var(--brand-3))}.orb:active{transform:scale(.95)}.orb:disabled{cursor:default;animation:none}.orb-core{width:92px;height:92px;border-radius:50%;background:#070a16c7;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-brand=englputzeder] .orb-core{background:#fffffff0}.orb-core svg{width:34px;height:34px}.orb-glyph{color:var(--ink)}[data-brand=englputzeder] .orb-glyph{color:var(--brand)}.orb.live{animation:heartbeat 1.5s ease-in-out infinite}.orb.live:before,.orb.live:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--rec);opacity:0;animation:sonar 2.4s ease-out infinite}.orb.live:after{animation-delay:1.2s}.orb.live .orb-core{background:#070a16d9}[data-brand=englputzeder] .orb.live .orb-core{background:#fff}.orb-stop{width:26px;height:26px;border-radius:6px;background:var(--rec);box-shadow:0 0 24px var(--rec)}.orb-label{margin-top:18px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.6px;color:var(--ink-dim)}@keyframes breathe{0%,to{box-shadow:0 0 0 1px #ffffff1f inset,0 18px 50px -12px var(--brand),0 0 70px -8px var(--brand-2)}50%{box-shadow:0 0 0 1px #ffffff2e inset,0 22px 60px -10px var(--brand),0 0 90px -6px var(--brand-3)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes sonar{0%{transform:scale(1);opacity:.7}to{transform:scale(1.6);opacity:0}}.metrics{display:flex;align-items:baseline;justify-content:center;gap:36px;margin:26px 0 4px}.metric{text-align:center}.metric .n{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:1px}.metric.dim .n{font-size:22px;color:var(--ink-dim)}.metric .l{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--ink-faint);margin-top:7px;font-weight:600}.wave{width:100%;height:52px;margin:14px 0 4px;opacity:0;transition:opacity .4s}.wave.on{opacity:1}.wave canvas{width:100%;height:100%;display:block}.cadence{display:flex;align-items:center;justify-content:space-between;margin:22px 0 4px}.cadence .l{font-size:12px;color:var(--ink-dim)}.seg{display:flex;gap:6px;background:var(--surface-2);padding:4px;border-radius:11px;border:1px solid var(--border)}.seg button{border:none;background:transparent;color:var(--ink-dim);border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s}.seg button.on{background:var(--brand);color:#fff;box-shadow:0 4px 14px -4px var(--brand)}[data-brand=englputzeder] .seg button.on{color:#fff}.btn{width:100%;border:none;border-radius:14px;padding:16px;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.4px;color:#fff;cursor:pointer;margin-top:22px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .2s,filter .2s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:linear-gradient(120deg,var(--brand),var(--brand-2));box-shadow:0 14px 36px -12px var(--brand),0 0 0 1px #ffffff14 inset}.btn-stop{background:var(--rec);box-shadow:0 14px 36px -12px var(--rec)}.btn-ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--border)}.hint{color:var(--ink-faint);font-size:12.5px;line-height:1.6;margin:16px 2px 0;text-align:center}.banner{border-radius:12px;padding:12px 14px;font-size:13px;margin-bottom:16px;border:1px solid}.banner.warn{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.warnings{list-style:none;padding:0;margin:16px 0 0}.warnings li{background:#ff4d6d1a;color:var(--rec);border:1px solid rgba(255,77,109,.25);border-radius:10px;padding:9px 11px;font-size:12px;margin-bottom:6px}[data-brand=englputzeder] .warnings li{background:#c8202f14}.field{margin:22px 0 4px}.field-l{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--ink-faint);font-weight:600;margin-bottom:9px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:999px;padding:5px 6px 5px 12px}.chip button{border:none;background:none;color:var(--ink-faint);cursor:pointer;font-size:15px;line-height:1;padding:0 2px}.chip button:hover{color:var(--rec)}.input{width:100%;font-family:var(--font-body);font-size:14px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:11px 13px;outline:none;transition:border-color .2s}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--border-strong)}.recent{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.recent-h{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--ink-faint);font-weight:600;margin-bottom:8px}.rec-item{display:flex;align-items:center;gap:10px;padding:9px 0}.rec-item+.rec-item{border-top:1px solid var(--border)}.rec-item .rd{width:7px;height:7px;border-radius:50%;flex:none}.rec-item .rt{flex:1;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-item .rm{font-size:11px;color:var(--ink-faint);flex:none}.summary{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.summary h2{font-family:var(--font-display);font-size:13px;margin:0;letter-spacing:.3px;text-transform:uppercase;color:var(--ink-dim)}.badge{font-family:var(--font-display);background:var(--brand);color:#fff;border-radius:999px;padding:3px 11px;font-size:10px;font-weight:700;letter-spacing:.5px}.badge.muted{background:var(--surface-2);color:var(--ink-faint)}.tldr{font-size:14px;line-height:1.55;margin:10px 0;color:var(--ink)}.summary .block{margin-top:14px}.summary h3{font-size:11px;margin:0 0 7px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px}.summary ul{margin:0;padding-left:18px}.summary li{font-size:13px;line-height:1.55;margin-bottom:5px;color:var(--ink)}.muted{color:var(--ink-dim);font-size:13px}.muted.small{font-size:12px}.done{text-align:center}.done-check{width:64px;height:64px;margin:8px auto 18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#34e0a8,#10b981);color:#fff;font-size:32px;display:grid;place-items:center;box-shadow:0 0 50px -8px #10b981;animation:pop .5s cubic-bezier(.34,1.56,.64,1) both}.done h2{font-family:var(--font-display);font-size:20px;margin:0 0 8px;letter-spacing:.3px}.done-lead{font-size:14px;color:var(--ink-dim);margin:0 0 20px;line-height:1.5}.steps{list-style:none;counter-reset:s;padding:0;margin:0 0 18px;text-align:left}.steps li{position:relative;padding:12px 12px 12px 46px;margin-bottom:8px;font-size:13px;line-height:1.5;color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.steps li strong{color:var(--ink);font-weight:600}.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:11px;top:11px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.done .summary{text-align:left}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}