:root{--bg: #0b0c0e;--surface-1: #111317;--surface-2: #171a1f;--surface-3: #1e222a;--surface-inset: #08090b;--line: #23272f;--line-strong: #2f343d;--text: #eef1f5;--text-secondary: #a2a9b4;--text-muted: #6d7480;--accent: #e0a458;--accent-bright: #f0b96f;--accent-dim: #8a6534;--accent-wash: rgba(224, 164, 88, .12);--accent-glow: rgba(224, 164, 88, .28);--on-accent: #17120a;--danger: #e5766b;--danger-wash: rgba(229, 118, 107, .12);--success: #6fbf8b;--warning: #d9a441;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, sans-serif;--font-editor: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-round: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 24px -8px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .75);--ease: cubic-bezier(.22, .61, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur: .24s;--dur-slow: .4s;--content-width: 46rem}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% -10%,rgba(224,164,88,.05),transparent 60%);pointer-events:none;z-index:0}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em;line-height:1.25}p{margin:0}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-round);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#3b414c;background-clip:content-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes sat-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sat-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sat-pulse{0%,to{opacity:.55}50%{opacity:1}}.shell{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.shell__bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-3) var(--sp-5);background:#0b0c0ed1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.shell__brand{display:flex;align-items:center;gap:var(--sp-3);font-weight:600;letter-spacing:-.015em}.shell__mark{display:inline-flex;align-items:center;gap:2px;height:18px}.shell__mark span{width:3px;border-radius:2px;background:var(--accent)}.shell__mark span:nth-child(1){height:45%;opacity:.6}.shell__mark span:nth-child(2){height:100%}.shell__mark span:nth-child(3){height:65%;opacity:.8}.shell__nav{display:flex;gap:var(--sp-1);margin-left:var(--sp-4)}.shell__navitem{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);min-height:36px;border-radius:var(--radius);color:var(--text-muted);font-size:var(--text-sm);font-weight:550;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.shell__navitem:hover{color:var(--text);background:var(--surface-1)}.shell__navitem.is-active{color:var(--text);background:var(--surface-2)}.shell__navitem.is-active:after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:-9px;height:2px;border-radius:2px;background:var(--accent)}.shell__account{margin-left:auto;display:flex;align-items:center;gap:var(--sp-3)}.shell__user{font-size:var(--text-sm);color:var(--text-muted)}.shell__logout{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius);color:var(--text-muted);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.shell__logout:hover{color:var(--danger);background:var(--danger-wash)}.shell__main{flex:1 1 auto;width:100%;max-width:74rem;margin:0 auto;padding:var(--sp-7) var(--sp-5) var(--sp-8)}@media(max-width:860px){.shell__bar{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.shell__name{display:none}.shell__nav{margin-left:0}.shell__user{display:none}.shell__main{padding:var(--sp-5) var(--sp-4) var(--sp-8)}}@media(max-width:560px){.shell__navitem span{display:none}.shell__navitem{padding:var(--sp-2);min-width:40px;justify-content:center}}.editor{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--line);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.editor.is-focused{border-color:var(--accent-dim);background:#12151a;box-shadow:0 0 0 1px var(--accent-dim),0 18px 50px -28px var(--accent-glow)}.editor.is-disabled{opacity:.6}.editor__header{padding:var(--sp-4) var(--sp-5) 0}.editor__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.editor__input{width:100%;min-height:280px;padding:var(--sp-4) var(--sp-5);border:none;background:transparent;color:var(--text);font-family:var(--font-editor);font-size:1.125rem;line-height:1.75;letter-spacing:.003em;resize:none;overflow:hidden;outline:none}.editor__input:focus-visible{outline:none}.editor__input::placeholder{color:var(--text-muted);opacity:.75}.editor__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--line)}.editor__stats{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-muted)}.editor__stat{display:inline-flex;align-items:baseline;gap:var(--sp-1)}.editor__stat strong{color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums;transition:color var(--dur-fast) var(--ease)}.editor__stat.is-warn strong,.editor__stat.is-warn span{color:var(--danger)}.editor__stat-divider{width:3px;height:3px;border-radius:var(--radius-round);background:var(--line-strong)}.editor__actions{display:flex;align-items:center;gap:var(--sp-2)}@media(max-width:720px){.editor__header{padding:var(--sp-3) var(--sp-4) 0}.editor__input{padding:var(--sp-3) var(--sp-4);font-size:1.0625rem;line-height:1.7;min-height:220px}.editor__footer{padding:var(--sp-3) var(--sp-4)}.editor__actions{width:100%}.editor__actions>*{flex:1 1 auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--radius);font-weight:550;letter-spacing:-.005em;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--md{padding:var(--sp-3) var(--sp-5);min-height:44px;font-size:var(--text-base)}.btn--sm{padding:var(--sp-2) var(--sp-3);min-height:34px;font-size:var(--text-sm)}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-bright);box-shadow:0 0 0 6px var(--accent-wash)}.btn--secondary{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text)}.btn--secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--accent-dim)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn--danger{background:transparent;border:1px solid rgba(229,118,107,.35);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger)}.optimize{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--accent-wash),var(--surface-1) 60%);border:1px solid var(--accent-dim);animation:sat-fade-up var(--dur) var(--ease)}.optimize__head{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.optimize__badge{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright)}.optimize__edited{font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.optimize__discard{margin-left:auto}.optimize__text{width:100%;padding:var(--sp-3);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text);font-family:var(--font-editor);font-size:1.0625rem;line-height:1.7;resize:vertical;outline:none;transition:border-color var(--dur-fast) var(--ease)}.optimize__text:focus{border-color:var(--accent-dim)}.optimize__hint{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:720px){.optimize{padding:var(--sp-3) var(--sp-4)}}.voices{display:flex;flex-direction:column;gap:var(--sp-4)}.voices__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.section-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.voices__search{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);min-height:34px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-1);color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease)}.voices__search:focus-within{border-color:var(--accent-dim);color:var(--text-secondary)}.voices__search input{width:9rem;border:none;background:none;outline:none;font-size:var(--text-sm);color:var(--text)}.voices__search input::-webkit-search-cancel-button{filter:invert(.6)}.voices__filters{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1);scrollbar-width:none}.voices__filters::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);min-height:32px;white-space:nowrap;border-radius:var(--radius-round);border:1px solid var(--line);background:var(--surface-1);color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.chip:hover{border-color:var(--line-strong);color:var(--text)}.chip.is-active{background:var(--accent-wash);border-color:var(--accent-dim);color:var(--accent-bright)}.chip__count{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.chip.is-active .chip__count{color:var(--accent-dim)}.voices__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);max-height:22rem;overflow-y:auto;padding-right:var(--sp-1)}.voices__pinned{display:flex;flex-direction:column;gap:var(--sp-2)}.voices__pinned-label{font-size:var(--text-xs);color:var(--text-muted)}.voices__empty,.voices__error{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--radius);background:var(--surface-1);border:1px dashed var(--line-strong);color:var(--text-muted);font-size:var(--text-sm)}.voice-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-1);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.voice-card:hover{background:var(--surface-2);border-color:var(--line-strong)}.voice-card:active{transform:translateY(1px)}.voice-card.is-selected{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-wash),var(--surface-2))}.voice-card--skeleton{height:96px;cursor:default;animation:sat-pulse 1.6s var(--ease-inout) infinite}.voice-card__top{display:flex;align-items:flex-start;gap:var(--sp-3)}.voice-card__dot{width:8px;height:8px;margin-top:6px;flex:0 0 auto;border-radius:var(--radius-round);background:var(--line-strong);transition:background var(--dur-fast) var(--ease)}.voice-card.is-selected .voice-card__dot{background:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.voice-card__identity{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-card__name{font-weight:600;letter-spacing:-.01em}.voice-card__meta{font-size:var(--text-xs);color:var(--text-muted)}.voice-card__check{margin-left:auto;color:var(--accent)}.voice-card__preview{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);align-self:flex-start;padding:var(--sp-1) var(--sp-3);min-height:30px;border-radius:var(--radius-round);border:1px solid var(--line);background:var(--surface-inset);color:var(--text-secondary);font-size:var(--text-xs);transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.voice-card__preview:hover:not(:disabled){color:var(--accent-bright);border-color:var(--accent-dim);background:var(--accent-wash)}.voice-card.is-playing .voice-card__preview{color:var(--accent-bright);border-color:var(--accent)}.voice-card__bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.voice-card__bars i{width:2px;background:currentColor;border-radius:1px;animation:voice-bar .9s var(--ease-inout) infinite}.voice-card__bars i:nth-child(1){height:40%;animation-delay:0ms}.voice-card__bars i:nth-child(2){height:90%;animation-delay:.12s}.voice-card__bars i:nth-child(3){height:60%;animation-delay:.24s}.voice-card__bars i:nth-child(4){height:80%;animation-delay:80ms}@keyframes voice-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media(max-width:720px){.voices__grid{grid-template-columns:1fr;max-height:18rem}.voices__search input{width:100%}.voices__search{flex:1 1 100%}.voice-card{min-height:92px}.voice-card__preview{min-height:38px;padding:var(--sp-2) var(--sp-4)}}.controls{display:flex;flex-direction:column;gap:var(--sp-3)}.controls__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.controls__value{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--accent)}.controls__slider{display:flex;align-items:center;gap:var(--sp-3)}.controls__bound{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.controls__track-wrap{flex:1 1 auto;display:flex;align-items:center}.controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;outline:none;cursor:pointer}.controls input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-round);background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill, 33%),var(--line-strong) var(--fill, 33%),var(--line-strong) 100%)}.controls input[type=range]::-moz-range-track{height:4px;border-radius:var(--radius-round);background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--fill, 33%),var(--line-strong) var(--fill, 33%),var(--line-strong) 100%)}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:var(--radius-round);background:var(--text);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent-dim);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.controls input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 6px var(--accent-wash)}.controls input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-round);background:var(--text);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent-dim)}.controls input[type=range]:disabled{opacity:.5;cursor:not-allowed}.controls__presets{display:flex;gap:var(--sp-2)}.controls__preset{padding:var(--sp-1) var(--sp-3);min-height:30px;border-radius:var(--radius-round);border:1px solid var(--line);background:var(--surface-1);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.controls__preset:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.controls__preset.is-active{color:var(--accent-bright);border-color:var(--accent-dim);background:var(--accent-wash)}@media(max-width:720px){.controls__preset{flex:1 1 auto;min-height:38px}}.generate{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:var(--sp-3) var(--sp-6);border-radius:var(--radius);background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:var(--on-accent);font-size:var(--text-lg);font-weight:650;letter-spacing:-.01em;overflow:hidden;box-shadow:0 1px #ffffff2e inset,0 12px 32px -14px var(--accent-glow);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur-fast) var(--ease)}.generate:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 1px #ffffff38 inset,0 18px 40px -14px var(--accent-glow)}.generate:active:not(:disabled){transform:translateY(1px) scale(.995);filter:brightness(.97)}.generate:disabled{cursor:not-allowed;background:var(--surface-3);color:var(--text-muted);box-shadow:none}.generate__content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--sp-2)}.generate__sheen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);background-size:40% 100%;background-repeat:no-repeat}.generate.is-busy{cursor:progress}.generate.is-busy .generate__sheen{opacity:1;animation:generate-sheen 1.5s var(--ease-inout) infinite}@keyframes generate-sheen{0%{background-position:-40% 0}to{background-position:140% 0}}.genprog{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--accent-dim);box-shadow:0 16px 44px -30px var(--accent-glow);animation:sat-fade-up var(--dur) var(--ease)}.genprog__head{display:flex;align-items:center;gap:var(--sp-3)}.genprog__pulse{width:8px;height:8px;border-radius:var(--radius-round);background:var(--accent);animation:genprog-pulse 1.4s var(--ease-inout) infinite}@keyframes genprog-pulse{0%,to{opacity:.35;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:1;box-shadow:0 0 0 6px transparent}}.genprog__label{font-weight:550;letter-spacing:-.005em}.genprog__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted)}.genprog__track{height:4px;border-radius:var(--radius-round);background:var(--surface-inset);overflow:hidden}.genprog__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--accent-bright));transition:width var(--dur-slow) var(--ease)}.genprog__steps{display:flex;gap:var(--sp-4);margin:0;padding:0;list-style:none;font-size:var(--text-xs);color:var(--text-muted)}.genprog__step{display:inline-flex;align-items:center;gap:var(--sp-2);transition:color var(--dur) var(--ease)}.genprog__step:before{content:"";width:5px;height:5px;border-radius:var(--radius-round);background:currentColor;opacity:.5}.genprog__step.is-active{color:var(--accent-bright)}.genprog__step.is-active:before{opacity:1}.genprog__step.is-done{color:var(--text-secondary)}@media(max-width:720px){.genprog__steps{gap:var(--sp-3);flex-wrap:wrap}}.player{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);background:linear-gradient(180deg,var(--surface-1),var(--surface-inset));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:sat-fade-up var(--dur-slow) var(--ease)}.player--failed{flex-direction:row;align-items:center;gap:var(--sp-3);color:var(--text-secondary)}.player__wave{position:relative;height:132px;border-radius:var(--radius);background:var(--surface-inset);overflow:hidden;cursor:pointer}.player__wave:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.player__canvas{display:block;width:100%;height:100%;touch-action:none}.player__wave-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(224,164,88,.07),transparent);background-size:60% 100%;background-repeat:no-repeat;animation:player-shimmer 1.4s var(--ease-inout) infinite}@keyframes player-shimmer{0%{background-position:-60% 0}to{background-position:160% 0}}.player__transport{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.player__play{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:var(--radius-round);background:var(--accent);color:var(--on-accent);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);box-shadow:0 0 0 0 var(--accent-glow)}.player__play:hover{background:var(--accent-bright);box-shadow:0 0 0 8px var(--accent-wash)}.player__play:active{transform:scale(.94)}.player__times{display:flex;align-items:baseline;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--text-muted)}.player__time--current{color:var(--text);font-size:var(--text-base)}.player__volume{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-muted)}.player__volume input[type=range]{width:84px}.player__spacer{flex:1 1 auto}.player__download{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);min-height:40px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-weight:550;text-decoration:none;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.player__download:hover{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-bright)}.player__download:active{transform:translateY(1px)}.player__mobile-progress{display:none;height:3px;border-radius:var(--radius-round);background:var(--line);overflow:hidden}.player__mobile-fill{height:100%;background:var(--accent)}.player__volume input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:var(--radius-round);background:var(--line-strong);outline:none}.player__volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-round);background:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.player__volume input[type=range]::-webkit-slider-thumb:hover{background:var(--accent)}.player__volume input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:var(--radius-round);background:var(--text-secondary);cursor:pointer}@media(max-width:720px){.player{padding:var(--sp-4)}.player__wave{height:104px}.player__transport{gap:var(--sp-3)}.player__volume{display:none}.player__download{flex:1 1 100%;justify-content:center;min-height:46px}.player__mobile-progress{display:block}}.expiry{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);min-height:32px;border-radius:var(--radius-round);border:1px solid var(--line);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-xs);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.expiry__text strong{color:var(--text-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.expiry.is-urgent{color:var(--warning);border-color:#d9a44166}.expiry.is-urgent .expiry__text strong{color:var(--warning)}.expiry.is-urgent svg{animation:sat-pulse 1.6s var(--ease-inout) infinite}.create{display:flex;flex-direction:column;gap:var(--sp-6);animation:sat-fade-in var(--dur) var(--ease)}.create__head{display:flex;flex-direction:column;gap:var(--sp-2)}.create__title{font-size:var(--text-2xl);letter-spacing:-.025em}.create__subtitle{color:var(--text-muted);font-size:var(--text-base);max-width:44ch}.create__layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:var(--sp-6);align-items:start}.create__main,.create__side{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.create__side{position:sticky;top:calc(56px + var(--sp-5));gap:var(--sp-6)}.create__generate{display:flex;flex-direction:column;gap:var(--sp-2)}.create__inline-hint{font-size:var(--text-xs);color:var(--text-muted)}.create__note{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted)}.create__note-dot{width:6px;height:6px;border-radius:var(--radius-round);background:var(--accent);animation:sat-pulse 1.4s var(--ease-inout) infinite}.create__error{display:flex;align-items:center;gap:var(--sp-2);color:var(--danger);font-size:var(--text-sm)}.create__error--sm{font-size:var(--text-xs)}.create__output{display:flex;flex-direction:column;gap:var(--sp-4);min-height:1px}.create__result{display:flex;flex-direction:column;gap:var(--sp-3)}.create__result-head{display:flex;align-items:center;justify-content:space-between}.create__state{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:var(--surface-1);color:var(--text-secondary);animation:sat-fade-up var(--dur) var(--ease)}.create__state h2{font-size:var(--text-lg);color:var(--text)}.create__state p{font-size:var(--text-sm);color:var(--text-muted)}.create__state>:last-child{margin-left:auto}.create__state--error{border-style:solid;border-color:#e5766b59;color:var(--danger)}@media(max-width:1000px){.create__layout{grid-template-columns:1fr}.create__side{position:static}}@media(max-width:720px){.create{gap:var(--sp-5)}.create__title{font-size:var(--text-xl)}.create__state{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.create__state>:last-child{margin-left:0;width:100%}}.library{display:flex;flex-direction:column;gap:var(--sp-5);animation:sat-fade-in var(--dur) var(--ease)}.library__head{display:flex;flex-direction:column;gap:var(--sp-2)}.library__title{font-size:var(--text-2xl);letter-spacing:-.025em}.library__subtitle{color:var(--text-muted);font-size:var(--text-sm)}.library__list{display:flex;flex-direction:column;gap:var(--sp-3)}.library__row{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-1);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.library__row:hover{border-color:var(--line-strong)}.library__row.is-open{border-color:var(--accent-dim)}.library__row--skeleton{height:88px;animation:sat-pulse 1.6s var(--ease-inout) infinite}.library__row-main{display:flex;align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4)}.library__row-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}.library__text{font-size:var(--text-base);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.library__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--text-xs);color:var(--text-muted)}.library__dot{width:3px;height:3px;border-radius:var(--radius-round);background:var(--line-strong)}.library__remaining{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--accent-dim);font-variant-numeric:tabular-nums}.library__err{font-size:var(--text-xs);color:var(--danger)}.library__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.library__player{padding:0 var(--sp-4) var(--sp-4);animation:sat-fade-up var(--dur) var(--ease)}.library__pill{flex-shrink:0;padding:2px var(--sp-2);border-radius:var(--radius-round);border:1px solid var(--line-strong);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-inset)}.library__pill.is-done{color:var(--success);border-color:#6fbf8b59}.library__pill.is-failed{color:var(--danger);border-color:#e5766b59}.library__pill.is-queued,.library__pill.is-running{color:var(--accent);border-color:var(--accent-dim)}.library__empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-5);border-radius:var(--radius-lg);border:1px dashed var(--line-strong);background:var(--surface-1);color:var(--text-muted);text-align:center}.library__empty h2{font-size:var(--text-lg);color:var(--text)}.library__empty p{font-size:var(--text-sm);max-width:40ch}.library__error{display:flex;align-items:center;gap:var(--sp-2);color:var(--danger);font-size:var(--text-sm)}.library__pager{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:720px){.library__row-main{flex-wrap:wrap;gap:var(--sp-3)}.library__actions{width:100%;justify-content:flex-start}.library__actions>*:first-child{flex:1 1 auto}}.settings{display:flex;flex-direction:column;gap:var(--sp-5);max-width:var(--content-width);animation:sat-fade-in var(--dur) var(--ease)}.settings__head{display:flex;flex-direction:column;gap:var(--sp-2)}.settings__title{font-size:var(--text-2xl);letter-spacing:-.025em}.settings__subtitle{color:var(--text-muted);font-size:var(--text-sm)}.settings__subtitle strong{color:var(--text-secondary);font-weight:600}.settings__section{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-1)}.settings__section.is-danger{border-color:#e5766b40}.settings__section-head{display:flex;flex-direction:column;gap:var(--sp-1)}.settings__section-head h2{font-size:var(--text-lg)}.settings__section-head p{font-size:var(--text-sm);color:var(--text-muted)}.settings__users{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0;list-style:none}.settings__users li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--surface-inset);font-size:var(--text-sm)}.settings__user-name{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:550}.settings__you{padding:1px var(--sp-2);border-radius:var(--radius-round);background:var(--accent-wash);color:var(--accent-bright);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.settings__admin{padding:1px var(--sp-2);border-radius:var(--radius-round);border:1px solid var(--line-strong);color:var(--text-secondary);font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.settings__user-date{color:var(--text-muted);font-size:var(--text-xs)}.settings__form{display:flex;flex-direction:column;gap:var(--sp-3);max-width:24rem}.settings__field{display:flex;flex-direction:column;gap:var(--sp-2)}.settings__field label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.settings__field input{padding:var(--sp-3);min-height:42px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text);outline:none;transition:border-color var(--dur-fast) var(--ease)}.settings__field input:focus{border-color:var(--accent-dim)}.settings__error{display:flex;align-items:center;gap:var(--sp-2);color:var(--danger);font-size:var(--text-sm)}.settings__success{display:flex;align-items:center;gap:var(--sp-2);color:var(--success);font-size:var(--text-sm)}.settings__danger{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.settings__danger p{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:720px){.settings__section{padding:var(--sp-4)}.settings__form{max-width:none}}.login{position:relative;z-index:1;min-height:100%;display:grid;place-items:center;padding:var(--sp-5)}.login__panel{width:min(24rem,100%);display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-6);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-1);box-shadow:var(--shadow-lg);animation:sat-fade-up var(--dur-slow) var(--ease)}.login__brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.login__mark{display:inline-flex;align-items:center;gap:3px;height:28px;margin-bottom:var(--sp-2)}.login__mark span{width:4px;border-radius:2px;background:var(--accent);animation:login-bar 2.4s var(--ease-inout) infinite}.login__mark span:nth-child(1){height:40%;animation-delay:0ms}.login__mark span:nth-child(2){height:100%;animation-delay:.2s}.login__mark span:nth-child(3){height:65%;animation-delay:.4s}.login__mark span:nth-child(4){height:85%;animation-delay:.6s}@keyframes login-bar{0%,to{transform:scaleY(.65);opacity:.7}50%{transform:scaleY(1);opacity:1}}.login__brand h1{font-size:var(--text-xl);letter-spacing:-.02em}.login__brand p{font-size:var(--text-sm);color:var(--text-muted)}.login__form{display:flex;flex-direction:column;gap:var(--sp-4)}.login__field{display:flex;flex-direction:column;gap:var(--sp-2)}.login__field label{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.login__field input{padding:var(--sp-3);min-height:44px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-inset);color:var(--text);outline:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.login__field input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-wash)}.login__error{color:var(--danger);font-size:var(--text-sm)}