@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f4f6f8;--bg-soft:#fff;--panel:#fff;--panel-alt:#eef2f6;--header:#0b0d12;--line:#0f172a14;--line-strong:#0f172a2e;--text:#12161d;--muted:#5d6675;--accent:#f5c518;--accent-strong:#ffd54d;--accent-cool:#01b4e4;--success:#8ce0a2;--danger:#ff8c80;--shadow:0 24px 60px #00000059, 0 8px 16px #00000038;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px;--shell-width:1320px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;color:var(--text);background:radial-gradient(circle at top,#f5c5181f,#0000 24%),radial-gradient(circle at 82% 6%,#01b4e41f,#0000 26%),linear-gradient(#f8fafc 0%,#eef2f6 44%,#e7edf3 100%);margin:0}body,button,input,a{font:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,a.button,.bottom-nav__item,.topbar__nav-item{min-height:48px}#root{min-height:100svh}h1,h2,h3{letter-spacing:-.03em;color:var(--text);margin:0;font-family:Archivo,sans-serif;font-weight:800}h1{font-size:clamp(2.6rem,5vw,4.3rem);line-height:.95}h2{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.02}h3{font-size:1rem;line-height:1.2}p{color:var(--muted);margin:0;line-height:1.55}code,pre{font-family:SFMono-Regular,JetBrains Mono,Fira Code,IBM Plex Mono,monospace}.app-shell{padding-bottom:7rem;position:relative}.app-frame{width:min(var(--shell-width), calc(100% - 1rem));margin:0 auto;padding:0 0 3rem}.page-shell,.page-stack{gap:1.35rem;display:grid}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0b0d12f5,#080d16fa),linear-gradient(135deg,#f5c5180a,#01b4e414);border:1px solid #ffffff14;border-radius:1.45rem;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0 1.15rem;padding:.95rem 1rem;display:flex;position:sticky;top:.65rem;box-shadow:0 16px 40px #01081447,inset 0 1px #ffffff0a}.brand-lockup{align-items:center;gap:.85rem;min-width:0;display:inline-flex}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{color:#fff;font-family:Archivo,sans-serif;font-size:1.05rem;font-weight:800}.brand-lockup small{color:#ffffff9e;margin-top:.15rem;font-size:.82rem}.brand-lockup__badge{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#0e1015;border-radius:.95rem;place-items:center;width:3rem;height:3rem;display:grid;box-shadow:0 10px 24px #f5c5183d}.topbar__search{color:#526072;background:#fffffffa;border:1px solid #ffffff24;border-radius:999px;flex:1;align-items:center;gap:.65rem;max-width:44rem;min-height:46px;padding:.15rem .9rem;display:flex;box-shadow:0 8px 24px #050a1229}.topbar__search input{color:#14181f;background:0 0;border:0;outline:0;width:100%}.topbar__search input::placeholder{color:#738093}.topbar__nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.topbar__nav-item{color:#ffffffb8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem .95rem;transition:transform .16s,border-color .16s,color .16s,background-color .16s;display:inline-flex}.topbar__nav-item:hover{color:#fff;border-color:#ffffff3d;transform:translateY(-1px)}.topbar__nav-item--active{background:linear-gradient(135deg, var(--accent), #fff2aa);color:#0b0d12;border-color:#f5c51833;box-shadow:0 10px 22px #f5c5182e}.hero-card,.browse-hero,.sync-panel,.detail-hero,.empty-state,.code-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffffb3, #fff), var(--panel);box-shadow:var(--shadow);position:relative;overflow:hidden}.sync-panel,.detail-panel,.sync-log-list{content-visibility:auto;contain-intrinsic-size:540px}.hero-card--catalog{background:radial-gradient(circle at 0 0,#f5c5182e,#0000 28%),linear-gradient(90deg,#032541f7,#01b4e4e6),linear-gradient(#ffffff0a,#ffffff05);min-height:35rem}.hero-card__backdrop{opacity:.28;position:absolute;inset:0}.hero-card__backdrop:after{content:"";background:linear-gradient(90deg,#032541f0,#03254194 48%,#012039d6),linear-gradient(#0325412e,#032541c2);position:absolute;inset:0}.hero-card__backdrop img{object-fit:cover;width:100%;height:100%}.hero-card__layout{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(21rem,27rem);align-items:stretch;gap:1.25rem;min-height:35rem;padding:clamp(1.2rem,3vw,2rem);display:grid;position:relative}.hero-card__copy{gap:1rem;display:grid}.hero-card--catalog h1,.hero-card--catalog h2,.hero-card--catalog p,.hero-card--catalog .section-heading__eyebrow,.hero-card--catalog .stat-chip__value,.hero-card--catalog .stat-chip__label,.hero-card--catalog .button--ghost,.hero-card--catalog .button--secondary{color:#fff}.hero-card__summary{max-width:44rem;font-size:1rem}.hero-card__links{flex-wrap:wrap;gap:.5rem;display:flex}.hero-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.hero-spotlight{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fff3,#ffffff14),linear-gradient(135deg,#ffffff14,#fff0);border:1px solid #ffffff29;grid-template-columns:10rem minmax(0,1fr);align-items:stretch;gap:1rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff14}.hero-spotlight--empty{grid-template-columns:1fr;align-items:start}.hero-spotlight__poster{border-radius:calc(var(--radius-lg) - .2rem);aspect-ratio:2/3;background:var(--panel-alt);border:1px solid #ffffff24;overflow:hidden}.hero-spotlight__poster img{object-fit:cover;width:100%;height:100%}.hero-spotlight__body{gap:.85rem;display:grid}.hero-spotlight__eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:800}.hero-spotlight__meta,.hero-spotlight__genres,.hero-spotlight__actions,.search-form__actions,.title-card__meta,.detail-hero__pills,.detail-hero__actions{flex-wrap:wrap;gap:.5rem;display:flex}.hero-spotlight__summary{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-spotlight__body h2,.hero-spotlight__body p,.hero-spotlight__summary{color:#fff}.search-form{gap:.9rem;display:grid}.search-form__field{color:#5d6675;background:#fffffffa;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.85rem;min-height:56px;padding:.2rem 1rem;display:flex;box-shadow:0 12px 28px #030e1c29}.search-form__field:focus-within{border-color:#f5c518b8;box-shadow:0 0 0 4px #f5c51814}.search-form__field input{color:#14181f;background:0 0;border:0;outline:0;width:100%}.search-form__field input::placeholder{color:#7a8595}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1rem;font-weight:800;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.button:disabled{opacity:.65;cursor:not-allowed}.button:hover:not(:disabled),.bottom-nav__item:hover,.title-card:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#0f1218}.button--secondary{color:#fff;background:#ffffff29;border-color:#ffffff2e}.button--ghost{border-color:var(--line);color:var(--muted);background:0 0}.hero-card--catalog .button--ghost{color:#fff;border-color:#ffffff38}.section-stack{gap:1rem;display:grid}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.section-heading__eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8rem;font-weight:800;display:inline-flex}.section-heading__eyebrow:before{content:"";background:var(--accent);border-radius:999px;width:1.2rem;height:.2rem;display:inline-block}.section-heading__summary{max-width:45rem;margin-top:.4rem}.section-heading__action{align-items:center;display:flex}.stat-chip{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff1f;align-items:center;gap:.75rem;padding:.95rem 1rem;display:flex}.stat-chip__icon{width:2.7rem;height:2.7rem;color:var(--accent-cool);background:#01b4e424;border-radius:.9rem;place-items:center;display:grid}.stat-chip__copy{display:grid}.stat-chip__value{color:var(--text);font-size:1rem;font-weight:800}.stat-chip__label{color:var(--muted);font-size:.82rem}.pill,.rating-pill,.tag-chip,.title-card__score{border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .68rem;font-size:.78rem;font-weight:800;display:inline-flex}.pill{color:var(--text);background:#0f172a14}.pill--quiet{color:var(--muted)}.pill--media{background:#01b4e429}.rating-pill,.title-card__score{background:var(--accent);color:#0d1016}.tag-chip{color:#fff;background:#ffffff29}.browse-link-chip{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:.55rem .9rem;font-size:.86rem;font-weight:700;display:inline-flex}.browse-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.browse-shortcut-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffffd6, #fff), var(--panel);align-content:space-between;gap:1rem;min-height:12rem;padding:1.2rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 16px 38px #0f172a14}.browse-shortcut-card:hover{border-color:#01b4e438;transform:translateY(-2px);box-shadow:0 22px 48px #0f172a1f}.browse-shortcut-card__copy{gap:.55rem;display:grid}.browse-shortcut-card__copy strong{letter-spacing:-.03em;font-family:Archivo,sans-serif;font-size:1.1rem}.browse-shortcut-card__action{color:var(--accent-cool);align-items:center;gap:.45rem;font-size:.86rem;font-weight:800;display:inline-flex}.browse-results-toolbar{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#ffffffeb,#f8fafc);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid;box-shadow:0 16px 34px #0f172a14}.browse-results-toolbar__copy{gap:.65rem;display:grid}.browse-results-toolbar__eyebrow,.browse-pagination-controls__eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}.browse-results-toolbar__meta{flex-wrap:wrap;gap:.55rem;display:flex}.browse-sort-controls{border:1px solid var(--line);background:#0f172a0a;border-radius:999px;justify-content:flex-start;align-items:center;gap:.35rem;padding:.3rem;display:inline-flex}.browse-sort-controls__button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.72rem 1rem;font-weight:800;transition:transform .16s,border-color .16s,background-color .16s,color .16s}.browse-sort-controls__button:hover{color:var(--text);transform:translateY(-1px)}.browse-sort-controls__button--active{color:var(--text);background:linear-gradient(135deg,#01b4e429,#f5c5182e);border-color:#01b4e42e;box-shadow:0 8px 18px #01b4e41f}.browse-pagination-controls{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#fffffff5,#f7fafc);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid;box-shadow:0 16px 34px #0f172a14}.browse-pagination-controls__copy{gap:.25rem;display:grid}.browse-pagination-controls__summary{max-width:36rem;font-size:.92rem}.browse-pagination-controls__actions,.browse-pagination-controls__pages{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.browse-pagination-controls__actions{justify-content:flex-end}.browse-pagination-controls__button{border:1px solid var(--line);min-width:3rem;min-height:48px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem .95rem;font-weight:800;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.browse-pagination-controls__button:hover:not(:disabled){border-color:#01b4e43d;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.browse-pagination-controls__button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none}.browse-pagination-controls__button--active{background:linear-gradient(135deg,#01b4e429,#f5c51838);border-color:#01b4e438;box-shadow:0 12px 24px #01b4e41a,inset 0 1px #ffffff73}.browse-pagination-controls__button--nav{color:var(--muted)}.browse-pagination-controls__ellipsis{width:2.6rem;height:2.6rem;color:var(--muted);place-items:center;display:grid}.browse-hero{background:radial-gradient(circle at 0 0,#f5c51829,#0000 24%),linear-gradient(135deg,#0a0e16fc,#032541f7 52%,#01b4e4db),#08101d;min-height:32rem}.browse-hero__backdrop{opacity:.22;position:absolute;inset:0}.browse-hero__backdrop:after{content:"";background:linear-gradient(90deg,#0a0e16f5,#0a0e168f 46%,#0a0e16e0),linear-gradient(#0a0e1629,#0a0e16e6);position:absolute;inset:0}.browse-hero__backdrop img{object-fit:cover;width:100%;height:100%}.browse-hero__content{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(20rem,27rem);align-items:stretch;gap:1.2rem;min-height:32rem;padding:clamp(1.2rem,2.6vw,1.75rem);display:grid;position:relative}.browse-hero h1,.browse-hero h2,.browse-hero p,.browse-hero .section-heading__eyebrow,.browse-hero .pill,.browse-hero .pill--quiet{color:#fff}.browse-hero .pill{background:#ffffff1f}.browse-hero__copy,.browse-hero__feature-copy{align-content:start;gap:1rem;display:grid}.browse-hero__summary{max-width:44rem;font-size:1rem}.browse-hero__stats,.browse-hero__links{flex-wrap:wrap;gap:.6rem;display:flex}.browse-hero__feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff24,#ffffff14),#ffffff14;border:1px solid #ffffff29;grid-template-columns:9.5rem minmax(0,1fr);align-items:stretch;gap:1rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffff0f}.browse-hero__poster{border-radius:calc(var(--radius-lg) - .25rem);aspect-ratio:2/3;background:#ffffff14;border:1px solid #ffffff24;overflow:hidden}.browse-hero__poster img{object-fit:cover;width:100%;height:100%}.browse-hero__feature-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:800}.browse-hero__feature-summary{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.browse-hero__feature-copy--empty{grid-column:1/-1;align-content:center;min-height:12rem}.rail{scroll-snap-type:inline mandatory;grid-auto-columns:minmax(11rem,12.5rem);grid-auto-flow:column;gap:1rem;padding-bottom:.3rem;display:grid;overflow-x:auto}.rail>*{scroll-snap-align:start}.title-grid,.sync-panel__grid{gap:1rem;display:grid}.title-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.title-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#ffffffeb,#fff);align-content:start;gap:.8rem;padding:.75rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 18px 34px #0f172a14}.title-card:hover{border-color:#01b4e438;box-shadow:0 24px 44px #0f172a1f}.title-card__image{border-radius:var(--radius-md);aspect-ratio:2/3;border:1px solid var(--line);background:linear-gradient(180deg, #f5c51824, #01b4e41a), var(--panel-alt);position:relative;overflow:hidden}.title-card__image img{object-fit:cover;width:100%;height:100%}.title-card__overlay{position:absolute;top:.7rem;left:.7rem}.title-card__placeholder{color:#ffffffc2;place-items:center;width:100%;height:100%;display:grid}.title-card__placeholder--large{min-height:100%}.title-card__body{gap:.7rem;display:grid}.title-card__body p{min-height:2.4rem;font-size:.84rem}.title-card__body h3{font-size:1.02rem;line-height:1.28}.title-card__facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding-top:.35rem;display:grid}.title-card__fact{gap:.16rem;display:grid}.title-card__fact-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:800}.title-card__fact-value{color:var(--text);font-size:.83rem;font-weight:800}.sync-panel{padding:1.2rem}.sync-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sync-panel__card,.meta-card,.score-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;padding:1rem}.sync-panel__card{align-content:start;gap:.7rem;display:grid}.sync-panel__card--wide{grid-column:1/-1}.sync-panel__unlock-card{background:radial-gradient(circle at 100% 0,#f5c51824,#0000 32%),linear-gradient(#fffffff5,#f5f8fb),#fff;border-color:#03254114}.sync-panel__card svg{color:var(--accent-cool)}.sync-panel__card h3{margin-top:.6rem}.sync-panel__backfill-meta{flex-wrap:wrap;gap:.55rem;display:flex}.sync-panel__backfill-callout{border-radius:var(--radius-md);background:linear-gradient(135deg,#01b4e414,#f5c5181f),#fff;border:1px solid #01b4e424;gap:.35rem;padding:.95rem 1rem;display:grid}.sync-panel__backfill-callout strong{color:var(--text);letter-spacing:-.02em;font-family:Archivo,sans-serif;font-size:1rem}.sync-panel__backfill-copy{gap:.35rem;display:grid}.sync-unlock-list{gap:.75rem;display:grid}.sync-unlock-list__item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffd6;grid-template-columns:2.65rem minmax(0,1fr);align-items:start;gap:.8rem;padding:.9rem;display:grid}.sync-unlock-list__item--active{background:linear-gradient(135deg,#01b4e414,#fffffff5),#fff;border-color:#01b4e42e}.sync-unlock-list__item--ready{background:linear-gradient(135deg,#8ce0a229,#fffffff5),#fff;border-color:#8ce0a247}.sync-unlock-list__item--locked{background:#eef2f6bd;border-color:#0f172a14}.sync-unlock-list__icon{width:2.65rem;height:2.65rem;color:var(--accent-cool);background:#0f172a0f;border-radius:.95rem;place-items:center;display:grid}.sync-unlock-list__item--ready .sync-unlock-list__icon{color:#1a7f43;background:#8ce0a22e}.sync-unlock-list__item--locked .sync-unlock-list__icon{color:var(--muted);background:#0f172a0f}.sync-unlock-list__copy{gap:.25rem;display:grid}.sync-unlock-list__copy strong{color:var(--text);font-size:.96rem}.sync-unlock-list__copy span{color:var(--muted);font-size:.88rem;line-height:1.5}.backfill-phase-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.backfill-phase-track__step{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(#ffffffeb,#f7fafc);gap:.8rem;padding:.95rem;display:grid;box-shadow:0 12px 24px #0f172a0d}.backfill-phase-track__step--active{background:linear-gradient(135deg,#01b4e41f,#f5c5181f),#fff;border-color:#01b4e438}.backfill-phase-track__step--complete{background:linear-gradient(135deg,#8ce0a22e,#fffffff0),#fff;border-color:#8ce0a257}.backfill-phase-track__step--error{background:linear-gradient(135deg,#ff8c8024,#fffffff0),#fff;border-color:#ff8c8057}.backfill-phase-track__meta{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.backfill-phase-track__icon{width:2.7rem;height:2.7rem;color:var(--accent-cool);background:#0f172a0f;border-radius:.9rem;place-items:center;display:grid}.backfill-phase-track__step--complete .backfill-phase-track__icon{color:#1a7f43;background:#8ce0a233}.backfill-phase-track__step--error .backfill-phase-track__icon{color:#d14b40;background:#ff8c802e}.backfill-phase-track__status{min-height:2rem;color:var(--text);letter-spacing:.12em;text-transform:uppercase;background:#0f172a0f;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.74rem;font-weight:800;display:inline-flex}.backfill-phase-track__step--active .backfill-phase-track__status{background:#01b4e41f}.backfill-phase-track__step--complete .backfill-phase-track__status{background:#8ce0a233}.backfill-phase-track__step--error .backfill-phase-track__status{background:#ff8c802e}.backfill-phase-track__copy{gap:.35rem;display:grid}.backfill-phase-track__copy h4{color:var(--text);letter-spacing:-.02em;margin:0;font-family:Archivo,sans-serif;font-size:1rem}.backfill-phase-track__copy p{font-size:.86rem}.sync-log-list{gap:.75rem;display:grid}.sync-log-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.9rem 1rem;display:grid}.sync-log-item__icon{width:2.6rem;height:2.6rem;color:var(--accent-cool);background:#01b4e424;border-radius:.9rem;place-items:center;display:grid}.sync-log-item__copy{gap:.2rem;display:grid}.sync-log-item__copy strong{align-items:center;gap:.35rem;display:inline-flex}.sync-log-item__time{color:var(--muted);font-size:.8rem}.empty-state,.setup-screen{gap:1rem;display:grid}.empty-state{padding:1.6rem}.setup-screen{width:min(var(--shell-width), calc(100% - 1rem));margin:0 auto;padding:1.5rem 0 4rem}.hero-card--setup{padding:1.5rem}.code-panel{padding:1rem}.code-panel pre{color:var(--accent-cool);margin:0;overflow-x:auto}.detail-hero{background:radial-gradient(circle at 0 0,#f5c51829,#0000 24%),linear-gradient(#032541f5,#032541eb),#0d1b2a;min-height:34rem}.detail-hero h1,.detail-hero h2,.detail-hero h3,.detail-hero p,.detail-hero .pill,.detail-hero .pill--quiet{color:#fff}.detail-hero .pill{background:#ffffff1f}.detail-hero .button--secondary{color:#fff;background:#ffffff29;border-color:#ffffff2e}.detail-hero .button--ghost{color:#fff;border-color:#fff3}.detail-hero:before{content:"";z-index:0;background:linear-gradient(90deg,#0e1117f0,#0e111785 46%,#0e1117cc),linear-gradient(#0e111729,#0e1117d9);position:absolute;inset:0}.detail-hero__backdrop{opacity:.34;position:absolute;inset:0}.detail-hero__backdrop img{object-fit:cover;width:100%;height:100%}.detail-hero__content{z-index:1;grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative}.detail-hero__poster{border-radius:var(--radius-lg);aspect-ratio:2/3;background:#ffffff14;border:1px solid #ffffff2e;overflow:hidden;box-shadow:0 18px 42px #020c1a57}.detail-hero__poster img{object-fit:cover;width:100%;height:100%}.detail-hero__copy{align-content:start;gap:1.1rem;display:grid}.detail-hero__eyebrow-row,.detail-hero__fact-line,.detail-hero__actions{flex-wrap:wrap;gap:.55rem;display:flex}.detail-hero__headline{gap:.5rem;display:grid}.detail-hero__headline-year{color:#ffffffb8;font-weight:500}.detail-hero__fact-line{color:#ffffffc7;font-size:.95rem}.detail-hero__fact-line span{align-items:center;gap:.55rem;display:inline-flex}.detail-hero__fact-line span:not(:last-child):after{content:"";background:#ffffff6b;border-radius:999px;width:.24rem;height:.24rem}.detail-hero__rating-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.detail-rating-chip,.detail-credit-preview-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff1f,#ffffff0f),#ffffff0d;border:1px solid #ffffff29;padding:.95rem 1rem}.detail-rating-chip{align-content:start;gap:.25rem;display:grid}.detail-rating-chip__label{color:#ffffffb8;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;font-weight:800}.detail-rating-chip strong{font-family:Archivo,sans-serif;font-size:1.4rem;line-height:1}.detail-rating-chip small{color:#ffffffb8}.detail-hero__tagline{color:var(--accent);font-size:1rem;font-style:italic}.detail-hero__overview,.detail-hero__credit-preview{gap:.9rem;display:grid}.detail-hero__summary{color:#ffffffeb;max-width:56rem;font-size:1rem}.detail-hero__label{color:#ffffffbd;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800}.detail-hero__credit-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-credit-preview-card{gap:.45rem;display:grid}.detail-credit-preview-card strong{color:#fff}.title-page__content{grid-template-columns:minmax(0,1.65fr) minmax(18rem,24rem);align-items:start;gap:1rem;display:grid}.title-page__main,.title-page__sidebar{gap:1rem;display:grid}.title-page__sidebar{position:sticky;top:.75rem}.title-section-nav{z-index:12;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffffd6, #fffffff5), var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);flex-wrap:wrap;gap:.5rem;padding:.75rem;display:flex;position:sticky;top:.75rem}.title-section-nav__link{border:1px solid var(--line);min-height:2.85rem;color:var(--text);background:var(--panel-alt);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-weight:800;display:inline-flex}.title-section-nav__link:hover{background:#fff;border-color:#0325412e}.detail-panel,.detail-side-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffffdb, #fffffffa), var(--panel);box-shadow:var(--shadow);gap:1rem;padding:1.1rem;display:grid}.detail-side-card--readiness{background:radial-gradient(circle at 100% 0,#f5c51829,#0000 30%),linear-gradient(#fffffffa,#f7fafc),#fff;border-color:#01b4e41f}.detail-panel__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.detail-panel__header h2,.detail-side-card h3{font-family:Archivo,sans-serif}.detail-panel__supporting,.detail-side-card__body{max-width:28rem;color:var(--muted)}.detail-panel__body{color:var(--text);line-height:1.7}.detail-chip-group,.detail-provider-row{flex-wrap:wrap;gap:.55rem;display:flex}.detail-chip,.detail-empty-chip,.detail-provider-pill{border:1px solid var(--line);background:var(--panel-alt);min-height:2.4rem;color:var(--text);border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .8rem;font-weight:700;display:inline-flex}.detail-chip--muted,.detail-provider-pill{color:var(--muted)}.detail-provider-pill--active{color:#033b56;background:#01b4e414;border-color:#01b4e438}.detail-people-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-people-column{gap:.8rem;display:grid}.detail-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.detail-person-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#eef2f6eb,#fff);grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.8rem;display:grid}.detail-person-card__avatar{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#032541,#01b4e4);border-radius:999px;place-items:center;width:3rem;font-weight:800;display:grid}.detail-person-card__copy{gap:.2rem;display:grid}.detail-person-card__copy span{color:var(--muted);font-size:.92rem}.detail-definition-grid,.detail-side-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.detail-definition-item,.detail-side-stat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-alt);gap:.35rem;padding:.9rem;display:grid}.detail-definition-item span,.detail-side-stat span,.detail-side-list span,.detail-side-card__eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.detail-definition-item strong,.detail-side-stat strong,.detail-side-list strong{color:var(--text)}.detail-side-stat strong{font-family:Archivo,sans-serif;font-size:1.3rem}.detail-side-stat small{color:var(--muted)}.detail-side-card__actions{gap:.7rem;display:grid}.detail-side-card__link{justify-content:flex-start}.detail-side-list{gap:.85rem;display:grid}.detail-side-list div{gap:.25rem;display:grid}.detail-readiness-callout{border-radius:var(--radius-lg);background:linear-gradient(135deg,#01b4e417,#fffffff5),#fff;border:1px solid #01b4e429;grid-template-columns:2.75rem minmax(0,1fr);align-items:start;gap:.8rem;padding:.95rem;display:grid}.detail-readiness-callout__icon{color:#044866;background:#01b4e424;border-radius:.95rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.detail-readiness-callout strong{color:var(--text);margin-bottom:.25rem;font-family:Archivo,sans-serif;display:block}.detail-readiness-list{gap:.7rem;display:grid}.detail-readiness-list__item{border:1px solid var(--line);border-radius:var(--radius-lg);background:#eef2f6bd;gap:.3rem;padding:.9rem;display:grid}.detail-readiness-list__item--active{background:linear-gradient(135deg,#8ce0a229,#fffffff5),#fff;border-color:#8ce0a247}.detail-readiness-list__meta{color:var(--text);align-items:center;gap:.45rem;display:inline-flex}.detail-readiness-list__meta strong{font-size:.92rem}.detail-readiness-list__item span{color:var(--muted);font-size:.88rem;line-height:1.5}.bottom-nav{left:50%;bottom:max(.9rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(30rem,100% - 1rem);box-shadow:var(--shadow);z-index:30;background:linear-gradient(#0a0e16eb,#0a0e16db),#0a0e16e6;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;padding:.35rem;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav__item{color:#ffffffad;background:0 0;border:0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.6rem .4rem;display:inline-flex}.bottom-nav__item--active{background:linear-gradient(135deg, var(--accent), #fff2a0);color:#11151c;box-shadow:0 10px 22px #f5c5182e}.rail--loading,.title-card--skeleton{pointer-events:none}.skeleton-box,.skeleton-line{background:#ffffff14;border-radius:999px;position:relative;overflow:hidden}.skeleton-box:after,.skeleton-line:after{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{height:.8rem}.skeleton-line--short{width:58%}.skeleton-line--tiny{width:34%}.title-card--skeleton .title-card__image{min-height:18rem}@keyframes shimmer{to{transform:translate(100%)}}@media (min-width:980px){.rail{grid-auto-flow:initial;grid-auto-columns:initial;scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));overflow:visible}}@media (max-width:1024px){.hero-card__layout,.browse-hero__content,.detail-hero__content,.title-page__content,.detail-people-columns{grid-template-columns:1fr}.hero-spotlight{grid-template-columns:8.5rem minmax(0,1fr)}.browse-shortcut-grid{grid-template-columns:1fr 1fr}.hero-card__stats,.sync-panel__grid,.detail-hero__rating-strip,.detail-hero__credit-preview,.detail-definition-grid,.detail-side-stat-grid,.detail-people-grid{grid-template-columns:1fr}.title-page__sidebar,.title-section-nav{position:static}}@media (max-width:760px){.topbar,.section-heading,.sync-log-item{grid-template-columns:1fr;display:grid}.topbar__nav{justify-content:start}.hero-spotlight,.browse-shortcut-grid,.browse-hero__feature-card{grid-template-columns:1fr}.detail-panel__header{display:grid}.title-section-nav{flex-wrap:nowrap;padding-bottom:.85rem;overflow-x:auto}.title-section-nav__link{flex:none}.backfill-phase-track,.browse-results-toolbar,.browse-pagination-controls{grid-template-columns:1fr}.browse-sort-controls,.browse-pagination-controls__actions{justify-content:flex-start}.browse-pagination-controls__button--nav{flex:10rem}.hero-spotlight__poster,.browse-hero__poster{max-width:11rem}.hero-card__stats,.title-grid{grid-template-columns:1fr 1fr}.sync-log-item{gap:.7rem}}@media (max-width:560px){.app-frame{width:calc(100% - .75rem)}.browse-shortcut-grid,.hero-card__stats{grid-template-columns:1fr}.title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero__poster{max-width:15rem}.detail-hero__actions,.detail-hero__eyebrow-row{grid-template-columns:1fr;display:grid}.detail-person-card{grid-template-columns:2.6rem minmax(0,1fr)}.bottom-nav{width:calc(100% - .75rem)}}@media (max-width:420px){.title-grid,.title-card__facts{grid-template-columns:1fr}}@media (any-pointer:coarse){button,input,a.button,.bottom-nav__item,.topbar__nav-item{min-height:52px}}