@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f5e9d8;background:#17101f;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#f5e9d8;--muted:#bbaac5;--orange:#ff873b;--violet:#bd96e7;--line:#45344f;--paper:#241a2d;--red:#ff625d}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 83% 9%,#49284b 0,transparent 24rem),radial-gradient(ellipse at 7% 68%,#352143 0,transparent 26rem),#17101f}.admin-shell{width:min(100% - 40px,850px);margin:0 auto;padding:24px 0 30px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.04em}.brand-mark{background:var(--orange);color:#24130c;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:20px}.back-link{color:#d0c1d3;font-size:12px;text-decoration:none}.back-link:hover{color:var(--orange)}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.11em;color:var(--orange);margin:0 0 8px}.intro{max-width:610px;padding:45px 0 25px}h1{font:600 clamp(45px,9vw,76px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:0 0 16px}h1 em{font-weight:400;color:var(--violet)}.lede{font-size:15px;line-height:1.6;color:#d0c1d3;max-width:480px;margin:0}.panel{background:linear-gradient(145deg,#2a1e34,#211729);border:1px solid #57415f;border-radius:16px;padding:23px 25px;box-shadow:0 18px 56px #09060d66}.login-panel{max-width:470px}.panel h2,.queue-heading h2{font:600 20px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 7px}.panel p:not(.eyebrow){color:#cbbbd0;font-size:13px;line-height:1.5;margin:0 0 18px}.login-panel form{display:grid;gap:10px}.login-panel label{font-size:12px;color:#d0c1d3}.login-panel input{background:#17101f;border:1px solid #594664;border-radius:8px;color:var(--ink);font:14px 'DM Mono',monospace;padding:12px}.button{border:0;border-radius:9px;padding:11px 15px;font:600 12px 'DM Sans',sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,.text-button:focus-visible,input:focus-visible{outline:3px solid #d5b2ff;outline-offset:3px}.button-primary{background:var(--orange);color:#25130b}.button-outline{background:transparent;border:1px solid #725779;color:#f5e9d8}.status{font-size:13px;color:#cbbbd0;min-height:20px;margin:10px 0}.status[data-kind=error]{color:#ff958b}.status[data-kind=success]{color:#b9e995}.approval-setting{display:flex;align-items:center;justify-content:space-between;gap:20px}.approval-setting .eyebrow{margin-bottom:7px}.approval-setting p:not(.eyebrow){margin:0}.switch{flex:0 0 auto;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{display:block;width:56px;height:32px;padding:4px;border-radius:20px;background:#54405c;transition:background .2s}.switch-track i{display:block;width:24px;height:24px;border-radius:50%;background:#f5e9d8;transition:transform .2s}.switch input:checked+.switch-track{background:#719450}.switch input:checked+.switch-track i{transform:translateX(24px)}.switch input:focus-visible+.switch-track{outline:3px solid #d5b2ff;outline-offset:3px}.queue-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:34px 0 10px}.queue-heading h2{margin:0}.queue-heading h2 span{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-left:5px;padding:0 7px;border-radius:20px;background:#513952;color:#f6d2ae;font:500 12px 'DM Mono',monospace;vertical-align:2px}.queue{display:grid;gap:12px}.sound-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 19px;background:#241a2d;border:1px solid #493553;border-radius:12px}.sound-meta{font:10px 'DM Mono',monospace;letter-spacing:.04em;color:#bbaac5;margin-bottom:10px}.sound-card audio{width:min(100%,390px);height:38px;display:block;accent-color:var(--orange)}.sound-actions{display:flex;align-items:center;gap:8px}.sound-actions .button{min-width:84px}.delete-button{border:1px solid #754546;background:#3a222b;color:#ffb1a6}.empty-state{padding:30px;border:1px dashed #5b4567;border-radius:12px;text-align:center;color:#cbbbd0;font-size:13px}.text-button{margin-top:19px;border:0;background:transparent;color:#bbaac5;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.text-button:hover{color:#ff9187}footer{border-top:1px solid var(--line);margin-top:33px;padding-top:16px;color:#aa98b4;font:9px 'DM Mono',monospace;letter-spacing:.045em}
@media(max-width:600px){.admin-shell{width:min(100% - 28px,850px);padding-top:16px}.intro{padding-top:36px}.panel{padding:20px 17px}.sound-card{grid-template-columns:1fr;gap:12px}.sound-card audio{width:100%}.sound-actions{justify-content:flex-end}.queue-heading h2{font-size:18px}.button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
.library-filters{display:grid;grid-template-columns:auto minmax(140px,200px) auto minmax(180px,1fr);align-items:center;gap:10px;margin:0 0 10px}.library-filters label{font-size:12px;color:#d0c1d3}.library-filters select,.library-filters input{min-width:0;background:#17101f;border:1px solid #594664;border-radius:8px;color:var(--ink);font:13px 'DM Mono',monospace;padding:10px}.library-filters select:focus-visible,.library-filters input:focus-visible{outline:3px solid #d5b2ff;outline-offset:3px}.sound-meta{overflow-wrap:anywhere}.preview-button{margin:0 0 8px}
@media(max-width:600px){.library-filters{grid-template-columns:1fr 1.5fr}.queue-heading{align-items:center}}
.button:disabled{opacity:.55;cursor:wait;transform:none}
.sound-editor{margin-top:10px;padding:14px;background:#1c1423;border:1px solid #594664;border-radius:10px}
.sound-editor[hidden]{display:none}
.editor-hint{margin:0 0 10px;color:#cbbbd0;font-size:12px;line-height:1.45}
.edit-waveform{display:block;width:100%;height:76px;border-radius:6px;touch-action:none}
.trim-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin:12px 0}
.trim-controls label{color:#d0c1d3;font:11px 'DM Mono',monospace;white-space:nowrap}
.trim-controls label span{color:var(--orange)}
.trim-controls input{width:100%;accent-color:var(--orange);touch-action:pan-y}
.editor-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){.editor-actions .button{flex:1}.trim-controls{grid-template-columns:1fr}.trim-controls input{min-height:30px}}