:root{color:#f4f1ea;background:#111217;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#5078ff2e,#0000 34rem),#111217;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:not-allowed}.app{place-items:center;min-height:100vh;padding:32px;display:grid}.hero{text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:28px;width:min(760px,100%);min-height:740px;padding:48px;box-shadow:0 24px 80px #00000052}.eyebrow{color:#9ea7ff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 16px;font-size:13px;font-weight:700}h1{margin:0;font-size:clamp(42px,7vw,76px);line-height:.95}.subtitle{color:#c7c9d1;max-width:620px;margin:24px auto 0;font-size:20px;line-height:1.55}.actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.actions button{color:#111217;background:#f4f1ea;border-radius:999px;min-height:48px;padding:14px 22px;font-weight:700}.status{color:#59f0d0;text-shadow:0 0 18px #59f0d03d;margin-top:18px;font-weight:800}.workspace{place-items:center;min-height:340px;margin-top:34px;display:grid}.workspace-content{gap:16px;display:grid}.workspace-kicker{color:#9ea7ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.workspace-content h2{margin:0;font-size:24px;line-height:1.2}.workspace-content p{color:#f4f1ea;margin:0;line-height:1.5}.workspace-note{font-size:14px;color:#9ca3b3!important}.player-card{text-align:left;background:#ffffff12;border-radius:18px;padding:16px}.player-card h2{margin:0 0 10px;font-size:17px}.cleaned-card{margin-top:12px}audio{width:100%}.result-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;margin-top:12px;display:flex}.format-control{color:#c7c9d1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:8px 12px 8px 16px;font-size:14px;font-weight:700;display:inline-flex}.format-control select{color:#111217;min-height:30px;font:inherit;cursor:pointer;background:#f4f1ea;border:0;border-radius:999px;padding:6px 30px 6px 12px;font-size:14px;font-weight:800}.format-control select:focus{outline-offset:2px;outline:2px solid #59f0d08c}.download-link,.secondary-action{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.download-link{color:#111217;background:#f4f1ea}.secondary-action{color:#f4f1ea;background:#ffffff1f}.note{color:#8f929d;margin:28px 0 0}.recording-timer{letter-spacing:.04em;color:#59f0d0;text-shadow:0 0 28px #59f0d03d;margin:18px 0;font-size:clamp(36px,7vw,64px);font-weight:800}.level-placeholder{justify-content:center;align-items:flex-end;gap:4px;min-height:42px;margin-top:18px;display:flex}.level-bar{opacity:.08;background:#ffffff24;border-radius:999px;width:5px;height:3px;transition:height .12s,background .12s,opacity .12s}.level-bar.active{opacity:1;background:#59f0d0;box-shadow:0 0 14px #59f0d059}.app-footer{color:#ffffffa3;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px;width:min(100%,1180px);margin:34px auto 0;padding:0 4px;font-size:15px;line-height:1.4;display:grid}.app-footer__link{color:inherit;text-decoration:none;transition:color .2s,opacity .2s}.app-footer__link:hover{color:#ffffffe6}.app-footer__center{min-height:1px}.app-footer__nav{justify-content:flex-end;align-items:center;gap:14px;display:flex}.app-footer__dot{opacity:.45}@media (width<=640px){.app-footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;margin-top:24px;font-size:13px}.app-footer__nav{justify-content:center}body{min-height:100svh}.app{min-height:100svh;padding:10px}.hero{min-height:auto;padding:24px 18px}h1{font-size:clamp(40px,13vw,64px)}.subtitle{margin-top:18px;font-size:16px;line-height:1.45}.workspace{min-height:280px;margin-top:24px}.actions{margin-top:24px}.note{margin-top:20px}.result-actions{justify-content:stretch;align-items:stretch}.format-control{justify-content:space-between;width:100%}.download-link,.secondary-action{width:100%}}@media (width<=640px) and (display-mode:standalone){.app{min-height:100vh;padding:20px}.hero{min-height:760px;padding:36px 22px}h1{font-size:clamp(42px,7vw,76px)}.subtitle{margin:24px auto 0;font-size:17px;line-height:1.55}.workspace{min-height:360px;margin-top:34px}.actions{margin-top:36px}.note{margin-top:28px}}@media (width<=640px){.app-footer{text-align:center;grid-template-columns:1fr;justify-items:center;margin-top:14px}.app-footer__back,.app-footer__center{display:none}.app-footer__nav{justify-content:center}}@media (width<=640px) and (display-mode:standalone){.app{padding:10px}.hero{min-height:auto;padding:24px 18px}.workspace{min-height:260px;margin-top:22px}.actions{margin-top:24px}.note{margin-top:16px}.app-footer{margin-top:12px}html,body,#app{overscroll-behavior:none;background:#111217;width:100%;height:100%;overflow:hidden}body{position:fixed;inset:0}.app{width:100%;height:100dvh;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 66px) 10px max(10px, env(safe-area-inset-bottom));align-content:center;place-items:stretch center;row-gap:22px;overflow:hidden}.hero{width:100%;max-height:100%;overflow:hidden}}
