:root{--bg:#2b1b2e;--surface:#3d2a40;--surface-2:#4a334d;--coral:#ff6b5e;--amber:#ffd166;--mint:#9bd8c8;--text:#f7f3ea;--text-dim:#b9aeb9;--on-accent:#2b1b2e;--radius:20px;--radius-sm:12px;--tap:44px;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display:ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-wrap:pretty;font-size:16px;line-height:1.45}a{color:var(--mint);text-underline-offset:3px}:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{max-width:720px;margin:0 auto;padding:0 16px 48px}header.app{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--text) 10%, transparent);align-items:center;gap:12px;padding:12px 0 10px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.2px;color:var(--text);align-items:center;gap:9px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.brand .reel{background:radial-gradient(circle at 50% 50%, var(--bg) 0 3.5px, transparent 3.5px), radial-gradient(circle at 50% 16%, var(--bg) 0 2.8px, transparent 2.8px), radial-gradient(circle at 84% 50%, var(--bg) 0 2.8px, transparent 2.8px), radial-gradient(circle at 50% 84%, var(--bg) 0 2.8px, transparent 2.8px), radial-gradient(circle at 16% 50%, var(--bg) 0 2.8px, transparent 2.8px), conic-gradient(from 0deg, var(--amber), var(--coral));border-radius:50%;flex:0 0 26px;width:26px;height:26px}.build{font-family:var(--font-mono);color:var(--on-accent);background:var(--mint);letter-spacing:.3px;border-radius:5px;padding:1px 5px;font-size:10.5px;font-weight:700}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{min-height:var(--tap);color:var(--text-dim);border-radius:12px;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--surface);color:var(--text)}.nav a[aria-current=page]{color:var(--amber)}h1{font-family:var(--font-display);letter-spacing:-.6px;margin:24px 0 8px;font-size:28px;line-height:1.15}.lede{color:var(--text-dim);margin:0 0 20px;font-size:14.5px}.sec-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);margin:26px 0 10px;font-size:12.5px;font-weight:700}.card{background:var(--surface);border-radius:var(--radius);margin-bottom:12px;padding:16px}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.field .hint{color:var(--text-dim);margin:6px 0 0;font-size:12.5px}input[type=email],input[type=password],input[type=search],input[type=text]{background:var(--surface);width:100%;min-height:52px;color:var(--text);border:1px solid color-mix(in srgb, var(--text) 16%, transparent);font-family:var(--font-ui);border-radius:14px;padding:0 14px;font-size:16px}input::placeholder{color:var(--text-dim)}input:focus{border-color:var(--amber)}.btn{background:var(--coral);min-height:52px;color:var(--on-accent);font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;padding:0 20px;font-size:16px;font-weight:800}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{min-height:var(--tap);border:1px solid color-mix(in srgb, var(--text) 18%, transparent);color:var(--text);font-family:var(--font-ui);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:14.5px;font-weight:600}.btn-ghost:hover{background:var(--surface)}.msg{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 14px;font-size:14px}.msg.error{background:color-mix(in srgb, var(--coral) 18%, var(--surface));border-left:3px solid var(--coral)}.msg.ok{background:color-mix(in srgb, var(--mint) 16%, var(--surface));border-left:3px solid var(--mint)}ol.ranking{margin:0;padding:0;list-style:none}li.row{background:var(--surface);border-radius:var(--radius-sm);border:2px solid #0000;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}li.row[data-dragging=true]{opacity:.45}li.row[data-dropzone=true]{border-color:var(--mint);border-style:dashed}.grip{flex:0 0 var(--tap);width:var(--tap);height:var(--tap);color:var(--text-dim);cursor:grab;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.grip:active{cursor:grabbing}.poster-cell{flex:0 0 46px;display:block;position:relative}.poster{background:linear-gradient(155deg, var(--h1), var(--h2));width:100%;height:69px;font-family:var(--font-mono);color:#1c1320;text-align:center;border-radius:8px;place-items:center;padding:3px;font-size:13px;font-weight:700;line-height:1.1;display:grid;overflow:hidden;box-shadow:0 2px 8px #00000059}.rank{z-index:1;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);background:color-mix(in srgb, var(--bg) 86%, transparent);border:1px solid color-mix(in srgb, var(--text) 18%, transparent);border-radius:6px;padding:1px 5px;font-size:12px;font-weight:700;line-height:1.35;position:absolute;top:3px;left:3px}li.row:nth-child(-n+3) .rank{color:var(--on-accent);background:var(--amber);border-color:var(--amber)}.meta{flex:auto;min-width:0;overflow:hidden}.meta .t{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15.5px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.meta .s{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}ul.results{margin:0;padding:0;list-style:none}.result-form{margin-bottom:6px}.result{background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;font-family:var(--font-ui);border:2px solid #0000;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.result:hover:not(:disabled){background:var(--surface-2)}.result:disabled{opacity:.48;cursor:not-allowed}.result .thumb{background:linear-gradient(155deg, var(--h1), var(--h2));width:40px;height:60px;font-family:var(--font-mono);color:#1c1320;text-align:center;border-radius:6px;place-items:center;padding:2px;font-size:11px;font-weight:700;line-height:1.1;display:grid}.result .r-title{font-family:var(--font-display);font-size:14.5px;font-weight:700;line-height:1.2}.result .r-sub{color:var(--text-dim);font-size:12px}.chip{color:var(--text-dim);border:1px solid color-mix(in srgb, var(--text) 20%, transparent);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11.5px}.chip-added{color:var(--mint);background:color-mix(in srgb, var(--mint) 16%, var(--surface));border:0}.progress-card{background:var(--surface);border-radius:var(--radius);margin-bottom:18px;padding:16px}.progress-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.progress-top .count{font-family:var(--font-mono);font-size:22px;font-weight:600}.progress-top .label{color:var(--text-dim);font-size:14px}.bar{background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;height:10px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--mint), var(--amber));border-radius:999px;height:100%;display:block}.progress-hint{color:var(--text-dim);margin-top:10px;font-size:13.5px}.tier{background:var(--amber);color:var(--on-accent);letter-spacing:.3px;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:800;display:inline-block}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;margin-bottom:24px;display:grid}.pod{background:var(--surface);border-radius:var(--radius-sm);text-align:center;padding:10px 8px 12px}.pod.first{background:var(--surface-2);border:2px solid var(--amber)}.pod .medal{font-family:var(--font-mono);color:var(--on-accent);background:var(--amber);border-radius:6px;margin-bottom:8px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.pod .thumb{aspect-ratio:2/3;background:linear-gradient(155deg, var(--h1), var(--h2));width:100%;font-family:var(--font-mono);color:#1c1320;border-radius:8px;place-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:grid}.pod .t{font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.25}.pod .s{font-family:var(--font-mono);color:var(--mint);margin-top:4px;font-size:12px}ol.ranked{margin:0;padding:0;list-style:none}li.ranked-row{background:var(--surface);border-radius:var(--radius-sm);grid-template-columns:34px 1fr 74px 62px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:grid}li.ranked-row .r{font-family:var(--font-mono);color:var(--text-dim);text-align:right;font-size:16px;font-weight:700}li.ranked-row:nth-child(-n+3) .r{color:var(--amber)}li.ranked-row .sc{font-family:var(--font-mono);text-align:right;font-size:14px;font-weight:700}li.ranked-row .vot{font-family:var(--font-mono);color:var(--text-dim);text-align:right;font-size:11.5px}.prov{color:var(--amber);font-size:11.5px}.note{background:var(--surface);border-left:3px solid var(--amber);border-radius:var(--radius-sm);color:var(--text-dim);margin-bottom:14px;padding:13px 15px;font-size:13.5px}.note b{color:var(--text)}.empty{background:var(--surface);border-radius:var(--radius);text-align:center;color:var(--text-dim);padding:30px 20px;font-size:14.5px}.inline-form{display:inline}.linklike{cursor:pointer;color:var(--coral);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (max-width:419px){li.ranked-row{grid-template-columns:26px 1fr 58px;gap:8px}li.ranked-row .vot{display:none}.nav a{padding:0 8px;font-size:13px}}