:root{--bg: #16130E;--panel: #1F1B14;--panel-2: #27221A;--line: rgba(232, 219, 190, .13);--line-strong: rgba(232, 219, 190, .28);--ivory: #F2EADA;--ivory-dim: #B9AE97;--trench: #D9C193;--trench-deep: #A98B52;--blue: #27328F;--blue-bright: #5868D6;--red: #A8432E;--ok: #7FA06B;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--ease: cubic-bezier(.22, .8, .3, 1);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Archivo", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overscroll-behavior:none}body{background:#0b0a08;color:var(--ivory);font-family:var(--sans);font-weight:300;letter-spacing:.01em;user-select:none;-webkit-user-select:none;overflow:hidden;font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--trench);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:0;height:0}.screen-fill{position:absolute;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.weave{position:absolute;inset:-40%;pointer-events:none;opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(217,193,147,.05) 26px 27px),repeating-linear-gradient(115deg,transparent 0 90px,rgba(217,193,147,.08) 90px 91px),repeating-linear-gradient(25deg,transparent 0 140px,rgba(217,193,147,.045) 140px 141px);animation:weaveDrift 80s linear infinite}@keyframes weaveDrift{0%{transform:translateZ(0)}to{transform:translate3d(220px,140px,0)}}.wordmark{display:inline-block;width:clamp(260px,34cqw,560px);color:var(--ivory)}.thread{position:relative;height:1px;background:var(--line);overflow:hidden;margin-top:14px}.thread:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:1px;background:var(--trench);animation:threadRun 5.5s var(--ease) infinite}@keyframes threadRun{0%{left:-30%}55%{left:100%}to{left:100%}}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.9}}.view{animation:viewIn .5s var(--ease)}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.view-head{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.view-title{font-family:var(--serif);font-weight:500;font-size:40px;letter-spacing:.1em}.view-sub{font-size:12px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ivory-dim)}.section-label{font-size:11px;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--trench);margin:36px 0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.pill{border:1px solid var(--line);border-radius:999px;padding:13px 22px;font-size:12px;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;transition:all .25s}.pill.sel{border-color:var(--trench);color:var(--trench)}.src-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.src-btn{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px 18px;text-align:left;background:var(--panel);min-height:96px;transition:border-color .25s,background .25s,transform .12s}.src-btn:active{transform:scale(.985)}.src-btn .s-kind{font-size:10px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ivory-dim)}.src-btn .s-name{font-size:17px;font-weight:400;margin-top:8px;letter-spacing:.04em}.src-btn.sel{border-color:var(--trench);background:var(--panel-2)}.src-btn.sel:after{content:"";position:absolute;top:18px;right:18px;width:8px;height:8px;border-radius:50%;background:var(--trench)}.src-btn.dj.sel{border-color:var(--blue-bright)}.src-btn.dj.sel:after{background:var(--blue-bright)}.src-btn:disabled{opacity:.35;cursor:default}.set-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.set-row:last-child{border-bottom:0}.set-name{font-size:15px;font-weight:400;letter-spacing:.04em}.set-hint{font-size:11.5px;color:var(--ivory-dim);margin-top:5px;letter-spacing:.04em;line-height:1.5}.ghost-btn{border:1px solid var(--line-strong);border-radius:999px;padding:13px 26px;font-size:12px;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;transition:all .25s}.ghost-btn:active{border-color:var(--trench);color:var(--trench)}.ghost-btn.red{border-color:#a8432e99;color:var(--red)}.vol-block{display:flex;align-items:center;gap:24px;margin-top:6px}.vol-val{font-family:var(--serif);font-size:46px;font-weight:500;width:96px;text-align:right}.vol-track{position:relative;flex:1;height:64px;border-radius:999px;border:1px solid var(--line);background:var(--panel);overflow:hidden;touch-action:none;cursor:pointer}.vol-track.mini{height:44px;flex:none}.vol-fill{position:absolute;inset:0;width:40%;background:linear-gradient(90deg,#a98b5280,#d9c193d9);transition:width .08s linear}.vol-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--ivory)}.vol-track.dj .vol-fill{background:linear-gradient(90deg,#27328f99,#5868d6e6)}.mute-btn{width:64px;height:64px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;transition:all .25s;flex:none}.mute-btn svg{width:22px;height:22px}.mute-btn.muted{border-color:var(--red);color:var(--red);background:#a8432e1f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}