*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}:root{--void:#07070b;--void-2:#0f0f17;--void-3:#1a1a26;--line:#f1eef71a;--ink:#f1eef7;--mist:#a6a3b3;--sun:#ffd60a;--candy:#ff2742;--holo:#9fc4ff;--liner:#f3f2f7;--f-display:"Unbounded", "Arial Black", system-ui, sans-serif;--f-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--f-body:"Hanken Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--chrome:linear-gradient(180deg, #fff 0%, #e9e7f2 26%, #8d8a9e 47%, #3c3a4a 51%, #cfcbe0 66%, #fff 82%, #a7a3b8 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;display:flex}.gutter{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}button{font:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.eyebrow{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);font-size:11px}.note{color:var(--mist);max-width:62ch;font-size:15px}.note strong{color:var(--ink)}.topbar{top:env(safe-area-inset-top,0px);z-index:40;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--line);background:linear-gradient(#07070bdb,#07070b8c);justify-content:space-between;align-items:center;gap:12px;padding-block:14px;display:flex;position:sticky}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:12px;padding:0;display:flex}.brand-mark{font-family:var(--f-display);letter-spacing:-.02em;background:var(--chrome);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:900}.brand-sub{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mist);font-size:10px}.nav{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;gap:2px;padding:3px;display:flex}.nav button{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 13px;font-size:11px;transition:color .2s,background .2s}.nav button:hover{color:var(--ink)}.nav button[aria-current=page]{color:var(--void);background:var(--ink)}.btn-primary{font-family:var(--f-display);letter-spacing:-.01em;color:var(--void);background:var(--sun);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s;border:0;border-radius:999px;align-items:center;gap:12px;padding:16px 26px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40,0 10px 30px #ffd60a40}.btn-primary span{transition:transform .25s var(--ease)}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff59,0 16px 40px #ffd60a59}.btn-primary:hover span{transform:translate(4px)}.btn-ghost,.btn-danger{font-family:var(--f-body);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #f1eef738;border-radius:999px;padding:15px 24px;font-size:15px;font-weight:600;transition:border-color .2s,background .2s}.btn-ghost:hover{border-color:var(--ink);background:#ffffff14}.btn-ghost:disabled{opacity:.4;cursor:default}.btn-danger{background:var(--candy);border-color:var(--candy);color:#fff}.sm{padding:10px 18px;font-size:14px}.picker{flex-wrap:wrap;gap:6px;display:flex}.picker button{border:1px solid var(--line);color:var(--mist);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.picker button small{font-family:var(--f-mono);opacity:.8;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.picker button:hover{color:var(--ink);border-color:#f1eef74d}.picker button[aria-pressed=true]{color:var(--void);background:var(--ink);border-color:var(--ink)}.picker.compact button{padding:5px 11px;font-size:12px}.home{flex:1}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.chrome-field{width:100%;height:100%;display:block;position:absolute;inset:0}.chrome-field[data-fallback]{background:radial-gradient(60% 45% at 78% 58%, #ff274252, transparent 70%), radial-gradient(45% 35% at 18% 30%, #9fc4ff29, transparent 70%), radial-gradient(70% 55% at 60% 40%, #f1eef71a, transparent 65%), linear-gradient(160deg, #15151d 0%, var(--void) 60%)}.swipe-bg .chrome-field[data-fallback]{opacity:.45}.hero-scrim{background:linear-gradient(90deg, #07070be6 0%, #07070b8c 45%, #07070b1a 100%), linear-gradient(0deg, var(--void) 0%, transparent 30%);position:absolute;inset:0}.hero-inner{z-index:2;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding-block:clamp(56px,9vw,110px) clamp(48px,7vw,90px);display:grid;position:relative}.hero-copy{justify-items:start;gap:22px;min-width:0;display:grid}.mega{font-family:var(--f-display);letter-spacing:-.05em;background:var(--chrome);color:#0000;filter:drop-shadow(0 18px 40px #0009);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(64px,12.5vw,176px);font-weight:900;line-height:.86}.mega.small{font-size:clamp(48px,9vw,96px)}.lede{font-family:var(--f-display);letter-spacing:-.03em;text-wrap:balance;max-width:16ch;font-size:clamp(24px,3.3vw,42px);font-weight:500;line-height:1.08}.lede .w{display:inline-block}.lede em,.res-title em{font-family:var(--f-serif);color:var(--sun);letter-spacing:0;font-size:1.14em;font-style:italic;font-weight:400}.sub{color:var(--mist);text-wrap:pretty;max-width:50ch}.cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fan{perspective:1400px;min-width:0;height:clamp(360px,40vw,500px);position:relative}.mini-wrap{aspect-ratio:5/7;width:clamp(170px,18vw,240px);transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) rotate(var(--r));transition:transform .5s var(--ease);perspective:900px;position:absolute;top:50%;left:50%}.mini-wrap:hover{transform:translate(-50%, -50%) translate(var(--dx), calc(var(--dy) - 8%)) rotate(calc(var(--r) * .4)) scale(1.06);z-index:20!important}.tracklist{gap:14px;width:100%;max-width:1240px;margin:0 auto;padding-block:28px 56px;display:grid}.tl-head{border-bottom:1px solid var(--ink);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.tl-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 36px;display:grid}.track{border-bottom:1px solid var(--line);grid-template-columns:3.4em minmax(0,1fr) 70px 4em;align-items:center;gap:12px;padding-block:9px;font-size:15px;display:grid}.track .code{font-family:var(--f-mono);color:var(--sun);font-size:12px}.track .tname{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tbar{background:var(--void-3);border-radius:2px;height:3px;overflow:hidden}.tbar i{background:linear-gradient(90deg, var(--candy), var(--sun));height:100%;display:block}.track .n{font-family:var(--f-mono);color:var(--mist);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.holo{transform-style:preserve-3d;will-change:transform;--mx:.5;--my:.5;--tx:0;--ty:0;background:linear-gradient(135deg,#fff 0%,#a9a6b8 22%,#f5f4fa 40%,#7f7b90 62%,#fff 80%,#bdb9cc 100%);border-radius:22px;padding:2px;position:absolute;inset:0}.face{color:#0d0d14;background:radial-gradient(120% 70% at 50% 35%, #fff 0%, var(--liner) 55%, #dcdbe6 100%);border-radius:20px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.face:before{content:"";pointer-events:none;background-image:radial-gradient(#0d0d1417 1px,#0000 1.2px);background-size:14px 14px;position:absolute;inset:0}.face-top{justify-content:space-between;align-items:center;padding:14px 16px 0;display:flex;position:relative}.no{font-family:var(--f-mono);letter-spacing:.1em;font-size:11px;font-weight:600}.no em{color:#77748a;font-style:normal}.pill{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#0d0d14;border-radius:999px;padding:4px 9px;font-size:10px}.pill.g-ct{background:linear-gradient(90deg,#3a3a48,#0d0d14)}.pill.g-enja{color:#0d0d14;background:#ff6fb5}.face-art{flex:1;min-height:0;position:relative}.face-art img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 14px #0d0d144d);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:calc(100% - 32px);height:calc(100% - 24px);position:absolute;inset:12px 16px}.face-foot{-moz-column-gap:10px;background:#ffffff8c;border-top:1px solid #0d0d141f;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:12px 16px 16px;display:grid;position:relative}.fid{font-family:var(--f-mono);color:#fff;background:#0d0d14;border-radius:6px;grid-row:span 2;padding:4px 7px;font-size:11px;font-weight:600}.fname{font-family:var(--f-display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.15;overflow:hidden}.fser{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#6c6980;font-size:10px}.foil{pointer-events:none;mix-blend-mode:color-dodge;opacity:.42;background:linear-gradient(115deg,#0000 18%,#ff008c8c 30%,#ffdc0080 40%,#00ffbe80 50%,#4678ff8c 60%,#c850ff80 70%,#0000 82%) 0 0/260% 260%;background-position:calc(var(--mx) * 100%) calc(var(--my) * 100%);border-radius:20px;position:absolute;inset:2px}.glare{pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffffd9 0%, #ffffff26 28%, transparent 55%);border-radius:20px;position:absolute;inset:2px}.holo.mini .face-top{display:none}.holo.mini .fname{font-size:12px}.holo.mini .face-foot{padding:9px 12px 11px}.holo.mini{box-shadow:0 24px 50px #0000008c}.swipe{isolation:isolate;flex:1;min-height:0;display:flex;position:relative}.swipe-bg{z-index:-2;position:fixed;inset:0}.ambient{z-index:-1;pointer-events:none;background:radial-gradient(50% 45% at 50% 52%, color-mix(in srgb, var(--amb) 55%, transparent) 0%, transparent 70%);transition:background 1s;position:fixed;inset:0}.burst{z-index:30;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.swipe-inner{width:100%;padding-top:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;gap:12px;display:flex}.hud{justify-content:space-between;align-items:flex-end;gap:12px;width:min(420px,100%);display:flex}.count{align-items:baseline;gap:6px;line-height:1;display:flex}.count .big{font-family:var(--f-display);letter-spacing:-.05em;background:var(--chrome);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800}.count .of{font-family:var(--f-mono);color:var(--mist);font-size:13px}.hud-meta{text-align:right;justify-items:end;gap:6px;min-width:0;display:grid}.swipe .picker{justify-content:center;width:min(420px,100%)}.sync{font-family:var(--f-mono);color:var(--mist);align-items:center;gap:7px;font-size:11px;display:inline-flex}.sync:before{content:"";background:var(--mist);border-radius:50%;width:6px;height:6px}.sync.live:before{background:#4ff0b0;box-shadow:0 0 10px #4ff0b0}.sync.local:before{background:var(--sun)}.segments{align-items:flex-end;gap:2px;width:min(420px,100%);height:14px;display:flex}.segments i{height:5px;transition:height .3s var(--ease), background .3s;background:#f1eef724;border-radius:2px;flex:1}.segments i.like{background:var(--sun)}.segments i.nope{background:var(--candy);opacity:.7}.segments i.fav{background:linear-gradient(var(--holo), #c9a7ff);height:9px}.segments i.now{background:var(--ink);height:14px;box-shadow:0 0 10px #f1eef7cc}.deck{aspect-ratio:5/7;flex-shrink:0;width:max(230px,min(400px,88vw,72svh - 259.2px));max-width:100%;margin-top:6px;position:relative}.card-back{transition:transform .4s var(--ease), filter .4s;position:absolute;inset:0}.card-top{z-index:5;cursor:grab;touch-action:none;perspective:1000px;position:absolute;inset:0}.card-top:active{cursor:grabbing}.card-top .holo{box-shadow:0 0 0 1px #ffffff14,0 30px 60px #0000008c}.stamp{font-family:var(--f-display);letter-spacing:-.02em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:26px;font-weight:800;display:inline-flex;position:absolute}.stamp svg{fill:currentColor;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:24px;height:24px}.stamp.like{color:#0d0d14;background:var(--sun);top:56px;left:18px;transform:rotate(-12deg);box-shadow:0 10px 30px #ffd60a80}.stamp.nope{color:#fff;background:var(--candy);top:56px;right:18px;transform:rotate(12deg);box-shadow:0 10px 30px #ff274280}.stamp.nope svg{fill:none}.stamp.fav{color:#0d0d14;background:linear-gradient(110deg,#c6e2ff,#e8c9ff,#fff3b0,#b8ffe6);bottom:96px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 10px 34px #9fc4ff99}.dock{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);background:#0f0f1799;border-radius:999px;align-items:center;gap:10px;margin-top:8px;padding:8px;display:flex;box-shadow:0 20px 50px #00000073}.dk{cursor:pointer;height:54px;font-family:var(--f-display);transition:transform .2s var(--ease), box-shadow .2s, filter .2s;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:14px;font-weight:600;display:inline-flex}.dk svg{stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.dk:hover{transform:translateY(-2px)}.dk:active{transform:scale(.94)}.dk.nope{color:#ff6b7d;background:#ff274224;box-shadow:inset 0 0 0 1px #ff274273}.dk.nope svg{fill:none;stroke:currentColor}.dk.nope:hover{background:var(--candy);color:#fff}.dk.fav{color:#0d0d14;background:linear-gradient(110deg,#c6e2ff,#e8c9ff,#fff3b0,#b8ffe6)}.dk.fav svg{fill:currentColor;stroke:none}.dk.like{background:var(--sun);color:#0d0d14;height:58px;padding:0 24px 0 18px;box-shadow:0 8px 26px #ffd60a59}.dk.like svg{fill:currentColor;stroke:none}.dk.undo{width:46px;height:46px;color:var(--ink);background:#ffffff0f;justify-content:center;padding:0}.dk.undo svg{fill:none;stroke:currentColor;width:20px;height:20px}.dk:disabled{opacity:.3;cursor:default;transform:none}.hint{font-family:var(--f-mono);color:var(--mist);letter-spacing:.06em;text-align:center;opacity:.8;font-size:10.5px}.done{gap:20px;width:min(980px,100%);padding-block:18px 40px;display:grid}.stats{flex-wrap:wrap;gap:10px;display:flex}.stat{border:1px solid var(--line);font-family:var(--f-mono);color:var(--mist);font-variant-numeric:tabular-nums;background:#ffffff0a;border-radius:14px;align-items:baseline;gap:10px;padding:12px 18px;font-size:12px;display:flex}.stat b{font-family:var(--f-display);color:var(--ink);letter-spacing:-.04em;font-size:28px;font-weight:700}.stat.fav b{background:linear-gradient(110deg,#c6e2ff,#e8c9ff,#fff3b0);color:#0000;-webkit-background-clip:text;background-clip:text}.stat.like b{color:var(--sun)}.stat.nope b{color:var(--candy)}.next-decks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.codebox{font-family:var(--f-mono);border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#ffffff08;border-radius:14px;min-height:96px;padding:14px;font-size:12px}.results{gap:22px;width:100%;max-width:1240px;margin:0 auto;padding-block:34px 60px;display:grid}.res-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.res-title{gap:8px;display:grid}.res-title h2{font-family:var(--f-display);letter-spacing:-.045em;font-size:clamp(32px,5vw,60px);font-weight:700;line-height:1}.voters{flex-wrap:wrap;gap:8px;display:flex}.voter{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:700;display:flex}.voter small{font-family:var(--f-mono);color:var(--mist);font-size:11px;font-weight:500}.voter[aria-pressed=true]{background:var(--ink);color:var(--void)}.voter[aria-pressed=true] small{color:#55526a}.res-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding-bottom:14px;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:11px}.tab[aria-pressed=true]{background:var(--void-3);color:var(--ink)}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;display:grid}.tile{color:#0d0d14;background:radial-gradient(120% 70% at 50% 35%, #fff 0%, var(--liner) 60%, #dcdbe6 100%);transition:transform .3s var(--ease);border-radius:18px;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.tile:hover{transform:translateY(-4px)}.tile.is-fav{box-shadow:0 0 0 2px #c6e2ff,0 0 30px #9fc4ff59}.tile .art{aspect-ratio:1;position:relative}.tile .art img{-o-object-fit:contain;object-fit:contain;width:calc(100% - 24px);height:calc(100% - 24px);position:absolute;inset:12px}.tile .meta{border-top:1px solid #0d0d141a;gap:2px;padding:10px 12px 12px;display:grid}.tile .meta b{font-size:13px;line-height:1.25}.tile .meta span{font-family:var(--f-mono);color:#6c6980;font-size:10.5px}.chip{z-index:2;font-family:var(--f-mono);border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:600;position:absolute;top:9px;left:9px}.chip.fav{color:#0d0d14;background:linear-gradient(110deg,#c6e2ff,#e8c9ff,#fff3b0)}.chip.like{background:var(--sun);color:#0d0d14}.chip.nope{background:var(--candy);color:#fff}.chip.open{color:#55526a;background:#0d0d1414}.tile.dim{opacity:.5}.empty{border:1px dashed #f1eef740;border-radius:18px;gap:10px;max-width:640px;padding:30px;display:grid}.empty b{font-family:var(--f-display);letter-spacing:-.02em;font-size:20px}.import{border:1px solid var(--line);background:#ffffff08;border-radius:20px;gap:12px;max-width:760px;padding:22px;display:grid}.import b{font-family:var(--f-display);letter-spacing:-.02em;font-weight:600}.import .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import input{min-width:180px;color:var(--ink);background:var(--void-2);border:1px solid var(--line);border-radius:12px;flex:1;padding:11px 14px}.err{color:#ff8a9b;font-size:14px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;background:var(--ink);color:var(--void);border-radius:999px;padding:11px 20px;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@media (width<=860px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:8px}.hero-scrim{background:linear-gradient(180deg, #07070bbf 0%, #07070b73 55%, var(--void) 100%)}.fan{height:330px}.mini-wrap{width:150px}}@media (width<=520px){.brand-sub{display:none}.nav button{letter-spacing:.06em;padding:7px 10px}.dk span{display:none}.dk{justify-content:center;width:54px;padding:0}.dk.like{width:62px;height:62px;padding:0}.count .big{font-size:36px}.stamp{font-size:20px}.track{grid-template-columns:3.4em minmax(0,1fr) 50px 3.6em}}.gate{min-height:100%;padding-block:max(32px, env(safe-area-inset-top,0px)) max(32px, env(safe-area-inset-bottom,0px));background:radial-gradient(60% 45% at 78% 30%, #ff27422e, transparent 70%), radial-gradient(45% 35% at 18% 70%, #9fc4ff1a, transparent 70%), var(--void);place-items:center;display:grid}.gate-card{flex-direction:column;gap:14px;width:100%;max-width:400px;display:flex}.gate-mega{margin:4px 0 2px;font-size:clamp(56px,18vw,96px);line-height:.9}.gate-lead{color:var(--mist);margin:0 0 6px;font-size:15px}.gate-field{flex-direction:column;gap:6px;display:flex}.gate-field span{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);font-size:11px}.gate-field input{font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0a;border-radius:14px;outline:none;min-height:48px;padding:13px 15px;font-size:16px;transition:border-color .2s}.gate-field input:focus{border-color:var(--sun)}.gate-err{color:var(--candy);margin:0;font-weight:600}.gate-btn{justify-content:center;min-height:52px;margin-top:6px}.gate-btn:disabled{opacity:.6;cursor:default}.hint-touch{display:none}@media (pointer:coarse){.hint-key{display:none}.hint-touch{display:inline}.nav button,.picker button,.tab{position:relative}.nav button:after,.picker button:after,.tab:after{content:"";position:absolute;inset:-7px 0}}@media (prefers-reduced-motion:reduce){.mini-wrap,.card-back,.dk,.btn-primary,.tile,.segments i,.ambient{transition:none}}