@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#0e0c16;background-color:#0a0a0f;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 20%,#1b1438 0,transparent 30%),radial-gradient(circle at 80% 0,#0d3f49 0,transparent 35%),linear-gradient(145deg,#0d0a14,#0b0c10);color:#0e0c16}#app{min-height:100vh}.page{min-height:100vh;display:grid;place-items:center;padding:clamp(16px,3vw,32px)}.panel{width:min(780px,100%);background:#ffffffe6;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:clamp(18px,4vw,32px);box-shadow:0 20px 70px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel__header h1{margin:4px 0 12px;font-size:clamp(1.8rem,3vw,2.2rem);letter-spacing:-.02em}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#6b6b7a;margin:0}.lede{margin:0;color:#2c2a38}.field{margin:24px 0}.field label{display:block;font-weight:600;margin-bottom:8px;color:#24212e}.field__inline{display:flex;gap:10px;flex-wrap:wrap}input{flex:1;min-width:200px;padding:12px 14px;border-radius:12px;border:1px solid #d7d8e1;background:#f7f8fb;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:#3f83f8;box-shadow:0 0 0 4px #3f83f833}.actions{margin:24px 0 12px}button{border:none;cursor:pointer;font-family:inherit;font-weight:600;border-radius:12px;transition:transform .1s ease,box-shadow .2s ease,background .2s ease}button.primary{width:100%;padding:14px 16px;background:linear-gradient(135deg,#2d7efb,#24c0f6);color:#fff;box-shadow:0 10px 30px #2d7efb66}button.primary:active{transform:translateY(1px)}button.ghost{padding:12px 14px;background:#e9eaf2;color:#272533}button:disabled{opacity:.7;cursor:not-allowed;transform:none}.status{background:#f4f6fc;border-radius:12px;padding:14px 16px;border:1px solid #e2e6f4;color:#1f2431}.status__label{margin:0;font-size:.9rem;color:#5e6370}.status__value{margin:4px 0;font-weight:600}.status__error{margin:4px 0 0;color:#b4203b;font-weight:600}.hint{margin:6px 0 0;color:#62657a;font-size:.9rem}.audio{margin-top:18px}.audio audio{width:100%;margin-top:10px;background:#111;border-radius:10px}.tips{margin-top:18px;padding:12px 14px;background:#0f172a;color:#d7e4ff;border-radius:12px;font-size:.95rem}code{padding:2px 6px;background:#0a0c14;color:#d9e4ff;border-radius:6px}@media(max-width:600px){.panel{padding:16px}.field__inline{flex-direction:column}}