:root{--dusk-void:#0c0817;--dusk-navy:#1a1130;--dusk-plum:#402a63;--dusk-rose:#a54a72;--dusk-ember:#e58a5c;--dusk-gold:#ffd58f;--accent:#b47cff;--accent-strong:#863bff;--accent-soft:#b47cff29;--accent-line:#b47cff73;--ink:#f4eefc;--ink-dim:#cabfe0;--ink-faint:#9284b3;--glass-bg:#1c142e8c;--glass-border:#ffd8b024;--glass-highlight:#ffffff0f;--danger:#ff8a8a;--danger-bg:#ff5a5a1f;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--heading:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--dusk-void);overflow-x:hidden}#root{isolation:isolate;min-height:100svh;position:relative}.dusk-sky{z-index:-1;background:radial-gradient(120% 60% at 50% 100%, #e58a5c59, transparent 60%), linear-gradient(180deg, var(--dusk-void) 0%, var(--dusk-navy) 32%, var(--dusk-plum) 58%, var(--dusk-rose) 78%, var(--dusk-ember) 96%);position:fixed;inset:0;overflow:hidden}.dusk-sun{filter:blur(2px);background:radial-gradient(circle,#ffd58f8c 0%,#ffb07840 35%,#0000 70%);border-radius:50%;width:46vmax;height:46vmax;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.dusk-stars{opacity:.7;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,#0000),radial-gradient(1.5px 1.5px at 26% 8%,#fff,#0000),radial-gradient(1px 1px at 41% 22%,#fff,#0000),radial-gradient(1.5px 1.5px at 58% 12%,#fff,#0000),radial-gradient(1px 1px at 72% 26%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 15%,#fff,#0000),radial-gradient(1px 1px at 93% 34%,#fff,#0000),radial-gradient(1.5px 1.5px at 6% 34%,#fff,#0000),radial-gradient(1px 1px at 35% 5%,#fff,#0000),radial-gradient(1.5px 1.5px at 66% 4%,#fff,#0000);background-repeat:no-repeat;animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.45}to{opacity:.9}}.stage{z-index:1;flex-direction:column;gap:28px;min-height:100svh;padding:32px clamp(16px,4vw,56px) 64px;display:flex;position:relative}.stage-center{justify-content:center;align-items:center}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.layout{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}@media (width<=860px){.layout{grid-template-columns:1fr}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(140%);box-shadow:0 1px 0 var(--glass-highlight) inset, 0 30px 60px -20px #0000008c;border-radius:22px;flex-direction:column;gap:18px;padding:28px;display:flex}.login-card{width:min(440px,100%)}.brand-mark{color:var(--accent);align-items:center;gap:14px;display:flex}.brand-mark h1{font-family:var(--heading);letter-spacing:.3px;color:#0000;background:linear-gradient(120deg, var(--ink) 30%, var(--dusk-gold));-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:500}.brand-mark-compact h1{font-size:24px}.brand-tagline{color:var(--ink-faint);margin:2px 0 0;font-size:13px;font-style:italic}.field{flex-direction:column;gap:8px;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=520px){.field-grid{grid-template-columns:1fr}}.field-label{letter-spacing:.3px;text-transform:uppercase;color:var(--ink-dim);font-size:13px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-hint{color:var(--ink-faint);margin:0;font-size:12px}.field-hint code{color:var(--ink-dim);background:#ffffff12;border-radius:5px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px}input[type=text],input[type=url],input[type=password],input[type=number],textarea,select{width:100%;font:inherit;color:var(--ink);border:1px solid var(--glass-border);background:#0a061473;border-radius:12px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;min-height:96px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:focus,textarea:focus,select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.select-shell{position:relative}select{appearance:none;cursor:pointer;padding-right:36px}.select-shell:after{content:"";border-right:2px solid var(--ink-dim);border-bottom:2px solid var(--ink-dim);pointer-events:none;width:8px;height:8px;position:absolute;top:50%;right:14px;transform:translateY(-70%)rotate(45deg)}.form-error{background:var(--danger-bg);color:var(--danger);border:1px solid #ff8a8a4d;border-radius:10px;margin:0;padding:10px 14px;font-size:13.5px}.login-footnote{color:var(--ink-faint);margin:0;font-size:12px;line-height:1.5}.btn-3d{--btn-bg:linear-gradient(180deg, #6a3fd6, #4b23a8);--btn-shadow:#2c1370;font:inherit;letter-spacing:.2px;color:#fff;cursor:pointer;background:var(--btn-bg);box-shadow:0 1px 0 #ffffff40 inset, 0 -3px 0 #0000002e inset, 0 6px 0 var(--btn-shadow), 0 10px 18px #00000073;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:14.5px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;position:relative;transform:translateY(0)}.btn-3d:hover{filter:brightness(1.08)}.btn-3d:active{box-shadow:0 1px 0 #fff3 inset, 0 -2px 0 #0000002e inset, 0 2px 0 var(--btn-shadow), 0 4px 10px #0006;transform:translateY(4px)}.btn-3d:disabled{cursor:progress;filter:grayscale(.2)brightness(.85);box-shadow:0 1px 0 #ffffff26 inset, 0 3px 0 var(--btn-shadow), 0 4px 10px #00000059;transform:translateY(2px)}.btn-primary{--btn-bg:linear-gradient(180deg, #b47cff, #863bff 55%, #6a1fe0);--btn-shadow:#4c1499}.btn-ghost{--btn-bg:linear-gradient(180deg, #ffffff24, #ffffff0a);--btn-shadow:#0006;color:var(--ink)}.btn-block{width:100%}.btn-generate{margin-top:4px;padding:15px 22px;font-size:16px}.chip-toggle{color:var(--ink-dim);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.chip-toggle.is-active{color:#fff;background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-color:#0000;box-shadow:0 3px 10px #863bff66}.icon-button{width:34px;height:34px;color:var(--ink);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,background .15s;display:inline-flex}.icon-button:hover{background:#ffffff1f;transform:translateY(-1px)}.icon-button:active{transform:translateY(1px)}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.toggle-row.is-disabled{opacity:.5;cursor:not-allowed}.toggle-row-label{color:var(--ink-dim);font-size:14px;font-weight:600}.toggle{display:inline-flex;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle-track{border:1px solid var(--glass-border);background:#ffffff1a;border-radius:999px;align-items:center;width:46px;height:26px;padding:2px;transition:background .2s;display:flex}.toggle[data-on=true] .toggle-track{background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-color:#0000}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 2px 4px #00000059}.toggle[data-on=true] .toggle-thumb{transform:translate(20px)}.seed-control{gap:8px;display:flex}.seed-control.is-disabled{opacity:.5}.seed-control input{flex:1}.seed-steppers{border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.seed-steppers button{width:32px;height:20px;color:var(--ink-dim);cursor:pointer;background:#ffffff0f;border:none;font-size:10px;line-height:1;transition:background .12s}.seed-steppers button:hover{background:#ffffff24}.seed-steppers button:active{background:var(--accent-soft)}.seed-steppers button:disabled{cursor:not-allowed}.duration-readout{color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:2px 8px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.duration-slider{appearance:none;background:linear-gradient(90deg, var(--accent) 0%, var(--accent) var(--val,50%), #ffffff1f var(--val,50%));cursor:pointer;border-radius:999px;height:6px}.duration-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;box-shadow:0 0 0 4px var(--accent-soft), 0 2px 6px #0006;cursor:grab;background:#fff;border-radius:50%}.duration-slider::-moz-range-thumb{width:18px;height:18px;box-shadow:0 0 0 4px var(--accent-soft), 0 2px 6px #0006;cursor:grab;background:#fff;border:none;border-radius:50%}.duration-fine{align-items:center;gap:10px;display:flex}.duration-fine input{width:90px}.result-card h2{font-family:var(--heading);color:var(--dusk-gold);margin:0;font-size:20px}.empty-state{color:var(--ink-faint);text-align:center;padding:20px 0;font-size:14px;line-height:1.6}.player{align-items:center;gap:18px;padding:6px 0;display:flex}.play-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 32% 28%,#d7b4ff,#863bff 55%,#5a19cc);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:inset 0 2px #ffffff59,inset 0 -6px 10px #00000047,0 10px 22px #5a19cc8c}.play-button:hover{transform:translateY(-2px)scale(1.03)}.play-button:active{transform:translateY(1px)scale(.98);box-shadow:inset 0 1px #ffffff40,inset 0 -4px 8px #0000004d,0 4px 10px #5a19cc80}.play-button svg{transform:translate(1px)}.player-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.player-scrub{cursor:pointer;background:#ffffff1a;border-radius:999px;height:8px;position:relative}.player-scrub-fill{background:linear-gradient(90deg, var(--accent), var(--dusk-gold));border-radius:999px;position:absolute;inset:0 auto 0 0}.player-scrub-knob{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0006}.player-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.player-time{color:var(--ink-faint);font-family:ui-monospace,Consolas,monospace;font-size:12px}.player-actions{align-items:center;gap:10px;display:flex}.player-volume{color:var(--ink-faint);align-items:center;gap:6px;display:flex}.player-volume input{width:70px}.history{border-top:1px solid var(--glass-border);padding-top:14px}.history h3{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-faint);margin:0 0 10px;font-size:12.5px}.history ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.history-item:hover{background:var(--accent-soft);border-color:var(--accent-line)}.history-category{color:var(--accent);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.history-prompt{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}