:root{--night: #151830;--night-deep: #10132b;--panel: #1e2240;--panel-edge: #313763;--cream: #f2ede0;--mist: #99a3c7;--gold: #e8b448;--crimson: #c0343a;--display: Anton, "Arial Narrow", sans-serif;--body: Archivo, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:linear-gradient(180deg,var(--night-deep) 0%,var(--night) 30%);min-height:100vh;color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.5}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.shell{max-width:960px;margin:0 auto;padding:0 1.25rem 5rem}.topbar{display:flex;align-items:baseline;gap:2rem;padding:1.5rem 0 1rem;border-bottom:1px solid var(--panel-edge)}.wordmark{font-family:var(--display);font-size:1.75rem;letter-spacing:.04em;color:var(--cream);text-decoration:none;transform:skew(-6deg);display:inline-block}.wordmark-dot{color:var(--gold)}.nav{display:flex;gap:1.5rem;flex:1}.nav a{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--mist);text-decoration:none;padding-bottom:2px}.nav a:hover{color:var(--cream)}.nav a.active{color:var(--gold);border-bottom:2px solid var(--gold)}.session{display:flex;gap:1rem;align-items:baseline}.session-name{font-family:var(--mono);font-size:.8rem;color:var(--mist)}.content{padding-top:2.5rem}.eyebrow{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin:0 0 .5rem}.page-title{font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;margin:0 0 .5rem}.page-subtitle{color:var(--mist);max-width:46ch;margin:0 0 2rem}.form-error{color:var(--crimson);background:color-mix(in srgb,var(--crimson) 12%,transparent);border:1px solid var(--crimson);border-radius:4px;padding:.5rem .75rem;font-size:.9rem}button:not(.link-button):not(.search-result):not(.duel-card):not(.sentiment):not(.too-close):not(.provider-button),.button-primary-link{background:var(--gold);color:var(--night-deep);border:none;border-radius:4px;padding:.65rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}button:not(.link-button):not(.search-result):not(.duel-card):not(.sentiment):not(.too-close):not(.provider-button):hover,.button-primary-link:hover{background:color-mix(in srgb,var(--gold) 85%,white)}button:disabled{opacity:.45;cursor:not-allowed}.button-secondary{background:transparent;color:var(--cream);border:1px solid var(--panel-edge);border-radius:4px;padding:.65rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.button-secondary:hover{border-color:var(--mist)}.link-button{background:none;border:none;padding:0;color:var(--mist);text-decoration:underline;text-underline-offset:3px;font-size:.85rem}.link-button:hover{color:var(--cream)}.link-button-danger:hover{color:var(--crimson)}.poster{display:block;border-radius:3px;overflow:hidden;aspect-ratio:2 / 3;object-fit:cover;background:var(--panel)}.poster-sm{width:44px;flex:none}.poster-lg{width:min(220px,38vw)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;text-align:center}.login-marquee{font-family:var(--mono);font-size:.7rem;letter-spacing:.35em;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:.35rem 1.1rem .3rem 1.35rem;margin-bottom:1.5rem}.login-wordmark{font-family:var(--display);font-weight:400;font-size:clamp(4rem,16vw,8rem);line-height:1;margin:0;transform:skew(-6deg);letter-spacing:.02em}.login-tagline{color:var(--mist);max-width:42ch;margin:1.25rem 0 2.5rem}.login-form{width:min(420px,100%)}.login-label{display:block;font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--mist);margin-bottom:.6rem;text-align:left}.login-row{display:flex;gap:.5rem}.login-row input{flex:1;background:var(--panel);border:1px solid var(--panel-edge);border-radius:4px;color:var(--cream);padding:.65rem .9rem;font:inherit}.login-row input::placeholder{color:var(--mist);opacity:.7}.login-footnote{font-size:.8rem;color:var(--mist);margin-top:1rem}.login-wordmark-sm{font-size:clamp(2.2rem,7vw,3.5rem);text-transform:uppercase}.provider-buttons{display:flex;flex-direction:column;gap:.6rem;width:min(320px,100%);margin-bottom:1rem}.provider-button{display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--cream);color:var(--night-deep);border:none;border-radius:4px;padding:.7rem 1.2rem;font-weight:600}.provider-button:hover{background:#fff}.provider-guest{background:transparent;color:var(--mist);border:1px dashed var(--panel-edge)}.provider-guest:hover{color:var(--cream);border-color:var(--mist)}.search-input{width:min(480px,100%);background:var(--panel);border:1px solid var(--panel-edge);border-radius:4px;color:var(--cream);padding:.75rem 1rem;font:inherit;font-size:1.05rem;margin:.5rem 0 1.5rem}.search-results{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.search-result{width:100%;display:flex;align-items:center;gap:.9rem;text-align:left;background:var(--panel);border:1px solid transparent;border-radius:6px;padding:.5rem .75rem;color:var(--cream)}.search-result:hover:not(:disabled){border-color:var(--gold)}.search-result:disabled{opacity:.55;cursor:not-allowed}.search-result-text{display:flex;flex-direction:column;flex:1;min-width:0}.search-result-title{font-weight:600}.search-result-meta{color:var(--mist);font-size:.85rem}.search-empty{color:var(--mist);padding:1rem 0}.sentiment-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.sentiment{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:1.5rem 1.25rem;text-align:left;color:var(--cream);display:flex;flex-direction:column;gap:.4rem;transition:transform .12s ease,border-color .12s ease}.sentiment:hover{transform:translateY(-3px)}.sentiment-label{font-family:var(--display);font-size:1.5rem;text-transform:uppercase;letter-spacing:.03em}.sentiment-blurb{color:var(--mist);font-size:.9rem}.sentiment-loved:hover{border-color:var(--gold)}.sentiment-loved .sentiment-label{color:var(--gold)}.sentiment-fine:hover{border-color:var(--mist)}.sentiment-disliked:hover{border-color:var(--crimson)}.sentiment-disliked .sentiment-label{color:var(--crimson)}.duel-stage,.duel-stage .eyebrow,.duel-stage .page-title{text-align:center}.duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem;margin:2.5rem 0 1.5rem}.duel-card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--cream);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.duel-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 32px #00000073}.duel-card-title{font-family:var(--display);font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.15}.duel-card-meta{color:var(--mist);font-size:.85rem}.duel-card-hint{font-family:var(--mono);font-size:.75rem;color:var(--mist);margin-top:.4rem}kbd{font-family:var(--mono);border:1px solid var(--panel-edge);border-radius:3px;padding:0 .35rem;font-size:.75rem}.vs-badge{font-family:var(--display);font-size:1.6rem;color:var(--night-deep);background:var(--crimson);width:3.4rem;height:3.4rem;border-radius:999px;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 0 0 4px color-mix(in srgb,var(--crimson) 35%,transparent)}.too-close{background:none;border:1px dashed var(--panel-edge);border-radius:999px;color:var(--mist);padding:.5rem 1.25rem;font-size:.9rem}.too-close:hover{color:var(--cream);border-color:var(--mist)}.reveal{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;animation:reveal-rise .5s ease both}.reveal-poster{margin-bottom:1.25rem}.reveal-headline{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,4.5vw,2.8rem);text-transform:uppercase;line-height:1.1;margin:0;max-width:22ch}.reveal-score{display:flex;flex-direction:column;align-items:center;margin:1rem 0 1.75rem}.reveal-score-number{font-family:var(--display);font-size:clamp(3.5rem,10vw,5.5rem);line-height:1;color:var(--gold)}.reveal-score-caption{font-family:var(--mono);font-size:.8rem;color:var(--mist);margin-top:.4rem}.reveal-actions{display:flex;gap:.75rem}@keyframes reveal-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ledger{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.ledger-row{display:grid;grid-template-columns:2.5rem 44px 1fr auto 4rem auto;align-items:center;gap:.9rem;background:var(--panel);border:1px solid transparent;border-radius:6px;padding:.5rem .9rem}.ledger-row:hover{border-color:var(--panel-edge)}.ledger-rank{font-family:var(--mono);color:var(--mist);font-size:.9rem;text-align:right}.ledger-text{display:flex;flex-direction:column;min-width:0}.ledger-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-meta{color:var(--mist);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-score{font-family:var(--display);font-size:1.5rem;color:var(--gold);text-align:right}.ledger-actions{display:flex;gap:.75rem}.chip{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.2rem .7rem;white-space:nowrap}.chip-loved{color:var(--gold);border:1px solid var(--gold)}.chip-fine{color:var(--mist);border:1px solid var(--mist)}.chip-disliked{color:var(--crimson);border:1px solid var(--crimson)}.chip-muted{color:var(--mist);border:1px solid var(--panel-edge)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow-link{color:var(--mist);text-decoration:underline;text-underline-offset:3px}.eyebrow-link:hover{color:var(--cream)}.dropzone{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:min(480px,100%);padding:3rem 2rem;background:var(--panel);border:2px dashed var(--panel-edge);border-radius:10px;color:var(--cream)}.dropzone:hover{border-color:var(--gold)}.dropzone-title{font-family:var(--display);font-size:1.3rem;text-transform:uppercase;letter-spacing:.03em}.dropzone-hint{font-family:var(--mono);font-size:.75rem;color:var(--mist)}.import-buckets{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:min(560px,100%);margin-bottom:2rem}.import-bucket{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.import-bucket-count{font-family:var(--display);font-size:2.2rem;line-height:1;color:var(--gold)}.import-bucket-range{font-family:var(--mono);font-size:.7rem;color:var(--mist)}.import-actions{display:flex;gap:.75rem}.import-progress{animation:import-pulse 1.6s ease-in-out infinite}@keyframes import-pulse{50%{opacity:.45}}.import-unmatched{color:var(--mist);margin-bottom:1.5rem;max-width:46ch}.import-unmatched summary{cursor:pointer;color:var(--cream)}.import-unmatched ul{margin:.5rem 0 0;padding-left:1.25rem}@media(max-width:720px){.import-buckets{grid-template-columns:1fr}}.empty-state{text-align:center;padding:4rem 0;display:flex;flex-direction:column;align-items:center}.empty-state .page-subtitle{margin-bottom:2rem}.empty-actions{display:flex;gap:.75rem}@media(max-width:720px){.topbar{flex-wrap:wrap;gap:.75rem 1.25rem}.duel{grid-template-columns:1fr}.vs-badge{margin:0 auto}.sentiment-row{grid-template-columns:1fr}.ledger-row{grid-template-columns:2rem 44px 1fr 3.5rem}.ledger-row .chip,.ledger-actions{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}