:root{--paper:#f3f2ee;--surface:#fbfaf8;--ink:#17181a;--ink-soft:#55585d;--line:#d4d2cb;--accent:#b32a17;--accent-ink:#fff;--accent-tint:#f6e3df;--radius:6px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#141516;--surface:#1c1d1f;--ink:#f0efeb;--ink-soft:#a9abae;--line:#36383b;--accent:#ff8a6e;--accent-ink:#1c0c07;--accent-tint:#3a211b}}*{box-sizing:border-box}:root[data-mood=club]{--paper:#0d0912;--surface:#1a1220;--ink:#f3e7d3;--ink-soft:#bcab95;--line:#3b2c3c;--accent:#e3a84a;--accent-ink:#1b1107;--accent-tint:#33230f;--font:Didot, "Bodoni 72", "Playfair Display", Georgia, "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--paper);color:var(--ink);font-family:var(--font);margin:0;font-size:16px;line-height:1.5;transition:background-color .6s,color .6s}:root[data-mood=club] body{background-image:radial-gradient(60vw 44rem at 78% -6rem,#e3a84a33,#0000 70%),radial-gradient(50vw 36rem at 8% 30rem,#781e4642,#0000 70%);background-attachment:fixed}:root[data-mood=club] h1,:root[data-mood=club] .report-head h2{letter-spacing:0;font-style:italic;font-weight:700}h1,h2,h3,h4,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:1120px;margin:0 auto;padding:48px 24px 40px}.masthead{margin-bottom:36px}h1{letter-spacing:-.035em;font-size:clamp(2.5rem,7vw,4.25rem);font-weight:800;line-height:1}.lede{max-width:34em;color:var(--ink-soft);margin-top:12px;font-size:1.125rem}.setup{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step{flex-direction:column;gap:12px;padding:20px 24px 24px 0;display:flex}.step+.step{border-left:1px solid var(--line);padding-left:24px}.step:last-of-type{padding-right:0}.step h2{font-size:1.0625rem;font-weight:700}.step-no{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:4px}.optional{color:var(--ink-soft);margin-left:4px;font-size:.8125rem;font-weight:400}.step-note{min-height:4.5em;color:var(--ink-soft);font-size:.9375rem}.drop{border:1px dashed var(--ink-soft);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;gap:2px;padding:14px 16px;display:flex;position:relative}.drop:hover,.drop-over{border-color:var(--accent);background:var(--accent-tint)}.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}.drop-done{border-style:solid;border-color:var(--ink)}.drop-title{overflow-wrap:anywhere;font-weight:600}.drop-hint{color:var(--ink-soft);font-size:.875rem}.error{color:var(--accent);font-size:.9375rem}select,textarea{border:1px solid var(--ink-soft);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);font:inherit}select{min-height:48px;padding:0 12px}textarea{resize:vertical;padding:10px 12px}.paste{flex-direction:column;align-items:flex-start;gap:8px;font-size:.9375rem;display:flex}.actions{border-top:1px solid var(--line);border-bottom:2px solid var(--ink);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 20px;padding:20px 0;display:flex}.waiting{color:var(--ink-soft);font-size:.9375rem}.privacy{color:var(--ink-soft);margin-left:auto;font-size:.875rem}.button{border:1px solid var(--ink);border-radius:var(--radius);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:0 16px;font-weight:600}.button:hover{background:var(--surface)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);padding:0 24px}.button-primary:hover{background:var(--accent);filter:brightness(.92)}.button:disabled{border-color:var(--line);color:var(--ink-soft);cursor:not-allowed;filter:none;background:0 0}.text-button{min-height:40px;color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:.9375rem;text-decoration:underline}.report{margin-top:48px}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.report-head h2{letter-spacing:-.025em;outline:none;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.summary{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:6px}.format-switch{border:1px solid var(--ink);border-radius:var(--radius);margin-bottom:16px;display:inline-flex}.format-option{min-width:96px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:0 20px;font-weight:600}.format-option[aria-pressed=true]{background:var(--ink);color:var(--paper)}.notice{border-left:3px solid var(--accent);background:var(--surface);margin-bottom:12px;padding:12px 16px;font-size:.9375rem}.report-grid{grid-template-columns:168px minmax(0,1fr) 280px;gap:36px;margin-top:28px;display:grid}.mixer{background:linear-gradient(90deg,#e6c48f,#d8ad72 12px,#1a1a1c 12px calc(100% - 12px),#d8ad72 calc(100% - 12px),#e6c48f);border-radius:3px;align-self:start;padding:0 11px;position:sticky;top:16px;box-shadow:0 6px 18px #00000059}.mixer-face{color:#f1f0ec;background:#151517;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 14px;display:flex}.mixer-brand{letter-spacing:.08em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:.8125rem;font-weight:800}.mixer-model{color:#a9a8a4;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;font-size:.5625rem}.channel{--dial:80px;flex-direction:column;align-items:center;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;display:flex}.channel-big{--dial:112px}.channel-dead{opacity:.4}.dial{width:var(--dial);height:var(--dial);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;position:relative}.dial:active{cursor:grabbing}.channel-dead .dial{cursor:not-allowed}.dial:focus-visible{outline-offset:-2px;outline:2px solid #ffd27a}.dial-ticks{fill:#f1f0ec;position:absolute;inset:0}.dial-skirt,.dial-cap,.dial-pointer{border-radius:50%;position:absolute}.dial-skirt{background:repeating-conic-gradient(#0a0a0b 0 5deg, #2c2c30 5deg 10deg);inset:16%;box-shadow:0 3px 6px #000000b3}.dial-cap{background:conic-gradient(#d9d9d9,#fbfbfb 12%,#a9a9a9 26%,#efefef 40%,#fbfbfb 50%,#a4a4a4 64%,#ececec 78%,#fdfdfd 90%,#d9d9d9);inset:24%;box-shadow:inset 0 0 0 1px #ffffff80}.dial-pointer{inset:24%}.dial-pointer:after{content:"";background:#0a0a0b;width:2px;height:42%;position:absolute;top:0;left:calc(50% - 1px)}.dial-ends{width:var(--dial);color:#d8d7d3;justify-content:space-between;margin-top:-9px;font-size:.5625rem;font-weight:600;display:flex}.dial-label{letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:.6875rem;font-weight:700}.channel-big .dial-label{font-size:.8125rem}.mixer-rule{border-top:1px solid #d8d7d3;width:100%;margin:6px 0 4px}.mixer-reset{color:#f1f0ec;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:0 4px;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:.6875rem;font-weight:700;display:inline-flex}.mixer-reset:disabled{opacity:.45;cursor:default}.mixer-reset-cap{background:radial-gradient(circle at 40% 32%,#fff,#c9c9c9 58%,#8e8e8e);border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 2px #0a0a0b}.comic-backdrop{z-index:50;background:#08040cb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.comic{flex-direction:column;width:min(100%,440px,80dvh - 76.8px);animation:.32s cubic-bezier(.2,1.6,.4,1) comic-in;display:flex}@keyframes comic-in{0%{opacity:0;transform:scale(.5)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.comic{animation:none}body{transition:none}}.comic-art{background:#24103f;border:5px solid #120a12;outline:3px solid #f3e7d3;width:100%;height:auto;display:block}.comic-close{color:#120a12;cursor:pointer;background:#ffd95e;border:3px solid #120a12;align-self:center;min-height:44px;margin-top:12px;padding:0 20px;font:700 1rem Comic Sans MS,Chalkboard SE,Marker Felt,ui-sans-serif,sans-serif}.comic-caption{fill:#120a12;font:700 14px Comic Sans MS,Chalkboard SE,Marker Felt,ui-sans-serif,sans-serif}.comic-speech{fill:#120a12;font:700 15px Comic Sans MS,Chalkboard SE,Marker Felt,ui-sans-serif,sans-serif}.comic-speech-big{font-size:24px;font-style:italic}.comic-shout{fill:#fff;stroke:#120a12;stroke-width:3px;paint-order:stroke;letter-spacing:1px;font:italic 900 88px Impact,Arial Black,Helvetica Neue,sans-serif}.comic-shout-shadow{fill:#120a12}.picks+.picks{margin-top:40px}.picks h3,.targets h3{border-bottom:2px solid var(--ink);padding-bottom:8px;font-size:1.125rem;font-weight:700}.count{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:400}.picks .button{margin-top:16px}.pick{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);gap:8px;padding:16px 0;display:grid}.pick-score{color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:800;line-height:1.2}.pick h4{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:500;line-height:1.3}.pick-artist{font-weight:800}.pick-diamond{background:var(--accent);color:var(--accent-ink);vertical-align:.1em;border-radius:3px;margin-left:8px;padding:0 7px;font-size:.75rem;font-weight:700;line-height:1.5;display:inline-block}.pick-meta{color:var(--ink-soft);margin-top:2px;font-size:.875rem}.pick-why{margin-top:6px;font-size:.9375rem}.pick-market{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.875rem}.lookup{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:4px;font-size:.875rem;display:flex}.lookup .text-button{min-height:32px}.discogs{flex-direction:column;gap:10px;font-size:.9375rem;display:flex}.discogs-login{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.discogs-name label,.discogs-folders label{color:var(--ink-soft);margin-bottom:4px;font-size:.875rem;display:block}.discogs-name div{gap:8px;display:flex}.discogs-name input{border:1px solid var(--ink-soft);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:44px;color:var(--ink);font:inherit;flex:1;padding:0 12px}.discogs-folders{flex-direction:column;gap:8px;display:flex}.discogs-user{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.pick-links{flex-wrap:wrap;gap:2px 16px;margin-top:6px;font-size:.875rem;display:flex}.pick-links a{min-height:32px;color:var(--ink-soft);align-items:center;display:inline-flex}.pick-links .link-strong{color:var(--accent);font-weight:600}.targets+.targets,.owned-out{margin-top:32px}.targets li{border-bottom:1px solid var(--line);padding:8px 0;font-weight:600}.target-why{color:var(--ink-soft);font-size:.8125rem;font-weight:400;display:block}.target-note{color:var(--ink-soft);margin-top:8px;font-size:.875rem}.owned-out summary{cursor:pointer;min-height:40px;font-weight:600}.owned-out li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:6px 0;font-size:.9375rem}.footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:56px;padding-top:16px;font-size:.8125rem}@media (height<=860px){.mixer{position:static}}@media (width<=1040px){.report-grid{grid-template-columns:168px minmax(0,1fr)}.report-grid>aside{grid-column:2}}@media (width<=860px){.page{padding:32px 16px}.setup{grid-template-columns:minmax(0,1fr)}.step,.step+.step,.step:last-of-type{border-left:0;padding:20px 0}.step+.step{border-top:1px solid var(--line)}.step-note{min-height:0}.privacy{width:100%;margin-left:0}.report-grid{grid-template-columns:minmax(0,1fr);gap:32px}.report-grid>aside{grid-column:auto}.mixer{position:static}.mixer-face{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;display:grid}.mixer-brand,.mixer-model,.mixer-rule{grid-column:1/-1}.channel{--dial:58px;text-align:center}.channel-big{--dial:96px;grid-column:1/span 4}.dial-label{font-size:.625rem}}
