:root{--bg-0:#07080c;--bg-1:#10131a;--ink:#f3ebe0;--ink-dim:#b7aea2;--amber:#e0a93a;--amber-deep:#b8791c;--line:#f3ebe01f;--danger:#c23b22;--ok:#6fbf7a;--panel:#10131ae0;--shadow:0 24px 60px #00000073;--font-display:"Syne", "Avenir Next", sans-serif;--font-body:"Source Serif 4", "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--bg-0);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #e0a93a24, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 20%, #5a281e40, transparent 50%), radial-gradient(ellipse 50% 35% at 0% 80%, #28465a33, transparent 45%), var(--bg-0);min-width:320px;margin:0}a{color:var(--amber);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:#f0c56a}button,input{font:inherit}.app-shell{min-height:100vh;position:relative}.starfield{pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#ffffff8c,#0000),radial-gradient(1px 1px at 28% 72%,#ffffff59,#0000),radial-gradient(1.5px 1.5px at 66% 24%,#ffffff73,#0000),radial-gradient(1px 1px at 81% 63%,#ffffff4d,#0000),radial-gradient(1px 1px at 45% 40%,#ffffff40,#0000),radial-gradient(1px 1px at 92% 12%,#fff6,#0000);animation:48s linear infinite drift;position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translateY(-18px)}}.gate{z-index:1;place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid;position:relative}.gate__panel{border:1px solid var(--line);background:linear-gradient(160deg, #e0a93a14, transparent 40%), var(--panel);width:min(36rem,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.25rem 2rem;animation:.7s both rise}.gate__panel--warn{border-color:#e0a93a73}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.gate__eyebrow,.page__eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin:0 0 .6rem;font-size:.78rem;font-weight:700}.gate__brand,.page__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.05}.gate__brand{font-size:clamp(2.8rem,8vw,4.2rem)}.page__title{font-size:clamp(2rem,5vw,3rem)}.gate__lede,.page__lede{color:var(--ink-dim);margin:1rem 0 0;font-size:1.08rem;line-height:1.55}.gate__code{font-family:var(--font-mono);letter-spacing:.02em;word-break:break-all;color:var(--ink);background:#00000059;border:1px dashed #e0a93a8c;margin:1.5rem 0 0;padding:1rem 1.1rem;font-size:clamp(.95rem,2.8vw,1.15rem);display:block}.gate__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.gate__form{margin-top:1.25rem}.gate__label{font-family:var(--font-display);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.gate__input{border:1px solid var(--line);width:100%;color:var(--ink);background:#00000059;outline:none;padding:.85rem 1rem}.gate__input:focus{border-color:var(--amber)}.gate__error{color:#ff8d7a;margin:1rem 0 0}.gate__note{color:var(--ink-dim);margin:1.25rem 0 0;font-size:.92rem}.btn{appearance:none;border:1px solid var(--amber-deep);background:linear-gradient(180deg, var(--amber), var(--amber-deep));color:#1a1205;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;padding:.75rem 1.15rem;font-weight:700;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--small{padding:.45rem .8rem;font-size:.85rem}.page{z-index:1;width:min(1100px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem;animation:.55s both rise;position:relative}.page__header{gap:1.25rem;margin-bottom:2rem;display:grid}@media (width>=800px){.page__header{grid-template-columns:1.4fr .8fr;align-items:end}}.page__aside{justify-items:stretch;gap:.75rem;display:grid}.crumb{color:var(--ink-dim);font-family:var(--font-display);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.9rem;display:flex}.crumb a{color:var(--ink-dim)}.era-grid{gap:1rem;display:grid}@media (width>=720px){.era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.era-card{border:1px solid var(--line);min-height:11.5rem;color:inherit;background-color:var(--bg-1);background-size:cover;padding:1.4rem 1.35rem;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.era-card:hover{color:inherit;border-color:#e0a93a80;transform:translateY(-2px)}.era-card__name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:750}.era-card__blurb{color:var(--ink-dim);margin:.55rem 0 1rem;font-size:.98rem;line-height:1.45}.progress{gap:.35rem;display:grid}.progress__track{background:#ffffff14;height:.35rem;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--amber-deep), var(--amber));height:100%;transition:width .25s}.progress__label{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-dim);font-size:.78rem}.code-chip{border:1px solid var(--line);background:#00000040;padding:.65rem .8rem}.code-chip summary{cursor:pointer;font-family:var(--font-display);font-size:.85rem;font-weight:600}.code-chip code{font-family:var(--font-mono);word-break:break-all;margin-top:.55rem;font-size:.85rem;display:block}.code-chip p{color:var(--ink-dim);margin:.4rem 0 0;font-size:.85rem}.year-stack{gap:2rem;display:grid}.year-block__label{z-index:2;font-family:var(--font-display);letter-spacing:.04em;color:var(--amber);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:linear-gradient(#07080cf2,#07080ccc);margin:0 0 .85rem;padding:.55rem 0;font-size:1.05rem;font-weight:700;position:sticky;top:0}.year-block__list{gap:.75rem;display:grid}.media-card{border:1px solid var(--line);border-left:3px solid var(--tier,#f3ebe038);background:#0c0e14b8;grid-template-columns:auto 1fr;gap:.9rem;padding:.95rem 1rem;transition:opacity .2s,border-color .2s;display:grid}.media-card--watched{opacity:.62}.media-card__check{border:1px solid var(--line);width:2rem;height:2rem;color:var(--ok);cursor:pointer;background:#00000059;place-items:center;margin-top:.15rem;font-size:1rem;line-height:1;display:grid}.media-card__check[aria-pressed=true]{border-color:var(--ok);background:#6fbf7a26}.media-card__meta{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;gap:.55rem;margin-bottom:.25rem;font-size:.75rem;display:flex}.media-card__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.media-card__desc,.media-card__comment{color:var(--ink-dim);margin:.45rem 0 0;line-height:1.45}.media-card__comment{border-left:2px solid #e0a93a73;padding-left:.65rem;font-style:italic}.media-card__imdb{font-family:var(--font-display);letter-spacing:.04em;margin-top:.65rem;font-size:.82rem;font-weight:600;display:inline-block}