:root{--bg:#17121c;--surface:#211a28;--sunk:#110d15;--fg:#efe7dc;--muted:#a79cb0;--line:#3a3043;--accent:#f2b45a;--accent-fg:#1d1306;--warn:#f08a6c;--ok:#8fd3a6;--display:"Big Shoulders Display","Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--keyL:62%;--keyS:62%;color-scheme:dark}:root[data-theme=light]{--bg:#f1ece4;--surface:#fbf8f3;--sunk:#e6dfd4;--fg:#1f1824;--muted:#685d70;--line:#d2c8bb;--accent:#9a5a0f;--accent-fg:#fff8ee;--warn:#a4482a;--ok:#2f7a4f;--keyL:40%;--keyS:62%;color-scheme:light}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.45;padding:env(safe-area-inset-top,0) max(16px,env(safe-area-inset-right,0px)) calc(96px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}img{max-width:100%}[hidden]{display:none!important}.wrap{max-width:1080px;margin:0 auto}header.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-block:22px 14px}h1{font-family:var(--display);font-weight:800;font-size:clamp(34px,7vw,56px);letter-spacing:.005em;line-height:.95;margin:0;text-transform:none}.count{font-size:14px;color:var(--muted);margin-top:8px}.btn,button{font:inherit;font-weight:600;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:1.2}.btn:hover,button:hover{border-color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.ghost{background:transparent}button.danger{color:var(--warn)}button.small{padding:4px 9px;font-size:13px}button:disabled{opacity:.55;cursor:default}input,select,textarea{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%;min-width:0}label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:500;letter-spacing:.02em;min-width:0}.tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.tools input{flex:1 1 220px}.tools select{width:auto}.keyfilter{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px}.chip{font-family:var(--mono);font-size:12px;font-weight:500;padding:3px 7px;border-radius:999px;border:1px solid transparent;line-height:1.3;white-space:nowrap;display:inline-block}.k{color:#fff;background:hsl(var(--h) var(--keyS) var(--keyL))}.k.B{background:transparent;color:hsl(var(--h) var(--keyS) var(--keyL));border-color:hsl(var(--h) var(--keyS) var(--keyL))}.k.none{background:var(--sunk);color:var(--muted)}.keyfilter .chip{cursor:pointer;opacity:.45;border:none;font:inherit;font-family:var(--mono);font-size:12px}.keyfilter .chip.on{opacity:1}.src{font-size:11px;color:var(--muted);font-family:var(--mono)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:18px;gap:18px}.sleeve{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:0}.sleeve:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.cover{aspect-ratio:1;width:100%;max-width:100%;background:var(--sunk);border-radius:3px;overflow:hidden;position:relative;box-shadow:0 1px 0 var(--line),0 6px 14px -8px rgba(0,0,0,.35)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover .disc{position:absolute;inset:14%;border-radius:50%;background:repeating-radial-gradient(circle,var(--fg) 0 1px,transparent 1px 4px);opacity:.15}.sleeve .t{font-weight:600;font-size:14px}.sleeve .a,.sleeve .t{line-height:1.25;overflow-wrap:anywhere}.sleeve .a{color:var(--muted);font-size:13px}.sleeve .cat{font-family:var(--mono);font-size:11px;color:var(--muted);overflow-wrap:anywhere}.sleeve .keys{display:flex;flex-wrap:wrap;gap:3px}.empty{border:1.5px dashed var(--line);border-radius:12px;padding:36px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:12px;align-items:center}.empty b{font-family:var(--display);font-size:22px;color:var(--fg)}.fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:20;padding:14px 20px;border-radius:999px;font-size:16px;box-shadow:0 8px 24px -8px rgba(0,0,0,.45)}.note{color:var(--muted)}.banner,.note{font-size:13px}.banner{background:var(--sunk);border-radius:8px;padding:10px 12px;color:var(--warn);margin-bottom:14px}.scrim{inset:0;background:rgba(10,14,18,.5);z-index:30}.scrim,.sheet{position:fixed}.sheet{left:0;right:0;bottom:0;z-index:31;max-height:94vh;max-height:94dvh;overflow:auto;background:var(--bg);border-radius:16px 16px 0 0;padding:18px max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-shadow:0 -10px 40px rgba(0,0,0,.3)}.sheet-in{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.sheet h2{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.01em;margin:0;text-wrap:balance;line-height:1.1;overflow-wrap:anywhere}.sheet h3{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.photos{display:flex;gap:10px;flex-wrap:wrap}.photos .ph{width:96px;height:96px;border-radius:6px;overflow:hidden;background:var(--sunk);position:relative}.photos .ph img{width:100%;height:100%;object-fit:cover}.photos .ph button{position:absolute;top:4px;right:4px;padding:2px 7px;font-size:12px;border-radius:999px}.drop{border:1.5px dashed var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--muted)}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:10px;gap:10px}.form .wide{grid-column:1/-1}.status{font-size:14px;padding:10px 12px;border-radius:8px;background:var(--sunk)}.status.err{color:var(--warn)}.cands{display:flex;flex-direction:column;gap:8px}.cand{all:unset;cursor:pointer;display:grid;grid-template-columns:64px 1fr;grid-gap:12px;gap:12px;align-items:center;padding:8px;border-radius:10px;border:1px solid var(--line);background:var(--surface)}.cand:hover{border-color:var(--accent)}.cand:focus-visible{outline:2px solid var(--accent)}.cand .noimg,.cand img{width:64px;height:64px;object-fit:cover;border-radius:4px;background:var(--sunk)}.cand .ct{font-weight:600}.cand .cm,.cand .ct{overflow-wrap:anywhere}.cand .cm{font-family:var(--mono);font-size:12px;color:var(--muted)}.tl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:600}td,th{padding:6px;border-bottom:1px solid var(--line)}td{vertical-align:top}td.pos{font-family:var(--mono);color:var(--muted);width:52px}td.num{width:84px}td.key{width:118px}td input,td select{padding:5px 7px;font-size:14px}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--mono)}.detail-head{display:grid;grid-template-columns:150px 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:520px){.detail-head{grid-template-columns:100px 1fr}}.meta{display:flex;flex-direction:column;gap:6px;min-width:0}.meta .by{font-size:17px}.meta .by,.meta .cat{color:var(--muted);overflow-wrap:anywhere}.meta .cat{font-family:var(--mono);font-size:13px}.mixes{display:flex;flex-direction:column;gap:6px}.mixes .m{align-items:baseline;font-size:14px}.links,.mixes .m{display:flex;gap:8px;flex-wrap:wrap}.links a{font-size:13px}.confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--sunk);padding:10px 12px;border-radius:8px}.login{max-width:360px;margin:16vh auto 0;display:flex;flex-direction:column;gap:14px}.login p{margin:0;color:var(--muted)}@media (prefers-reduced-motion:no-preference){.sheet{animation:up .22s ease-out}@keyframes up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}}.controls{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.ctl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.ctl-label{font-size:13px;color:var(--muted);min-width:64px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:var(--sunk);padding:4px;border-radius:10px}.seg button{border:0;background:transparent;color:var(--muted);padding:6px 11px;border-radius:7px;font-weight:500;font-size:14px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);font-weight:600}.seg button:hover{color:var(--fg)}.seg button[aria-pressed=true]:hover{color:var(--accent-fg)}.dir{font-size:13px;padding:6px 10px}.controls .keyfilter{margin:0}.top-actions{display:flex;gap:8px;align-items:center}.landing{max-width:1120px;margin:0 auto;padding-block:clamp(24px,6vh,64px) 40px;display:flex;flex-direction:column;gap:clamp(40px,8vh,88px)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-gap:clamp(24px,5vw,72px);gap:clamp(24px,5vw,72px);align-items:center}@media (max-width:820px){.hero{grid-template-columns:1fr}.hero .deck{order:-1;max-width:240px;margin:8px auto 0}}.brand{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.4vw,24px);letter-spacing:.04em;color:var(--accent)}.hero h1{font-size:clamp(50px,8vw,96px);line-height:.88;letter-spacing:-.005em;margin:14px 0 18px;text-wrap:balance}.lede{font-size:clamp(17px,1.6vw,19px);line-height:1.55;color:var(--fg);opacity:.86;max-width:34em;margin:0 0 26px}.login-box{display:flex;gap:8px;flex-wrap:wrap;max-width:440px}.login-box input{flex:1 1 200px;padding:12px 14px;border-radius:10px;background:var(--surface)}.login-box button{padding:12px 18px;border-radius:10px}.login-box .status{flex-basis:100%}.private{font-size:13px;color:var(--muted);margin-top:12px}.deck{position:relative;aspect-ratio:1;width:100%;max-width:520px;justify-self:center;container-type:inline-size}.platter{inset:0;background:radial-gradient(circle at 50% 50%,#2b2431 0 63%,#0c090f 63.5% 100%);box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}.platter,.record{position:absolute;border-radius:50%}.record{inset:4%;background:repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.55) 0 1px,transparent 1px 3px),conic-gradient(from 0deg,#3bceb6,#3b9dce,#5469d4,#8661d1,#b6c,#d161ac,#d65c70,#df7b49,#ddc23c,#97c639,#52b83d,#37be64,#3bceb6);-webkit-mask:radial-gradient(circle,transparent 0 17%,#000 17.3%);mask:radial-gradient(circle,transparent 0 17%,#000 17.3%);filter:saturate(.85) brightness(.82)}.record:after{content:"";inset:0;background:radial-gradient(circle,transparent 0 30%,rgba(0,0,0,.35) 30.5% 31.5%,transparent 32% 52%,rgba(0,0,0,.35) 52.5% 53.5%,transparent 54%)}.label,.record:after{position:absolute;border-radius:50%}.label{inset:33%;background:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26%;text-align:center;color:var(--accent-fg);font-family:var(--display);font-weight:800;font-size:clamp(14px,2.2vw,22px);line-height:.95;letter-spacing:.03em}.label small{display:block;font-family:var(--body);font-weight:500;font-size:clamp(9px,1vw,11px);letter-spacing:0;margin-top:4px;opacity:.75}.spindle{left:50%;top:50%;width:3%;height:3%;transform:translate(-50%,-50%);background:#d9d2c6}.spin,.spindle{position:absolute;border-radius:50%}.spin{inset:0}@media (prefers-reduced-motion:no-preference){.spin{animation:spin 9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}}.keyring{position:absolute;inset:-6%;pointer-events:none}.keyring span{position:absolute;left:50%;top:50%;font-family:var(--mono);font-size:clamp(9px,1vw,11px);color:var(--muted)}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;border-top:1px solid var(--line)}@media (max-width:820px){.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.flow{grid-template-columns:1fr}}.step{padding:22px 20px 6px 0;display:flex;flex-direction:column;gap:8px;min-width:0}.step+.step{padding-left:20px;border-left:1px solid var(--line)}@media (max-width:820px){.step:nth-child(3){border-left:0;padding-left:0}}@media (max-width:480px){.step+.step{border-left:0;padding-left:0;border-top:1px solid var(--line)}}.step .n{font-weight:800;font-size:40px;color:var(--accent)}.step .n,.step h2{font-family:var(--display);line-height:1}.step h2{font-weight:700;font-size:26px;margin:0;letter-spacing:.01em}.step p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.landing footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}.landing footer a{color:var(--fg)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.play-btn{width:30px;height:30px;padding:0;justify-content:center;border-radius:50%;font-size:11px;background:var(--sunk);border-color:var(--line);color:var(--fg);flex:none}.play-btn:hover{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}td.playcell{width:40px;vertical-align:middle}tr.playing td{background:color-mix(in srgb,var(--accent) 12%,transparent)}tr.playing .play-btn{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.mixes .m{align-items:center}.player{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -12px 30px -18px rgba(0,0,0,.6);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.pl-main{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:12px}.pl-btn{width:42px;height:42px;padding:0;justify-content:center;border-radius:50%;background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-size:13px;flex:none}.pl-btn.ghost{background:transparent;color:var(--muted);border-color:var(--line);width:36px;height:36px}.pl-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.pl-text b,.pl-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-text span{font-size:13px;color:var(--muted)}.pl-bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:4px}.pl-bar i{display:block;height:100%;background:var(--accent)}.pl-link{font-size:13px;color:var(--fg)}.fab.lifted{bottom:calc(86px + env(safe-area-inset-bottom,0px))}body:has(.player) .sheet{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.listen{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.listen .embed{display:block;width:100%;border:0;border-radius:10px;background:#000}.link-step{display:flex;flex-direction:column;gap:8px}.link-step p{margin:0}.flags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.flag{font-family:var(--mono);font-size:11px;font-weight:500;padding:1px 6px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);line-height:1.4}.flag.warn{color:var(--warn);border-color:var(--warn)}.flag.ok{color:var(--ok);border-color:var(--ok)}.panel-row td{background:var(--sunk)}.analyse,.cand-list{display:flex;flex-direction:column;gap:10px;padding:6px 2px}.cand-list .cl{display:grid;grid-template-columns:120px 52px 40px 1fr;grid-gap:8px;gap:8px;align-items:baseline;font-size:13px}.cand-list .cl.rel{opacity:.6}.cand-list a{color:inherit}