:root {
  color-scheme: dark;
  --canvas: #080a0c;
  --surface: #0e1114;
  --raised: #14181c;
  --hover: #191e23;
  --line: #252b31;
  --line-strong: #394149;
  --text: #eef2f4;
  --soft: #ccd5db;
  --muted: #9caab3;
  --faint: #85939d;
  --accent: #a0fb00;
  --accent-strong: #c2ff5c;
  --accent-soft: rgba(160, 251, 0, .12);
  --green: #73d8a2;
  --yellow: #e7bf6a;
  --red: #f17b86;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--canvas); scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; color: var(--text); background: var(--canvas); font-family: var(--sans); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { color: inherit; font: inherit; }
button { cursor: pointer; }
form { margin: 0; }
img { display: block; max-width: 100%; }
.icon { width: 1.3rem; height: 1.3rem; display: block; color: inherit; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.icon * { fill: none; stroke: currentColor; }
::selection { color: #0d0d0d; background: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.app-frame { min-height: 100vh; }
.brand { display: flex; align-items: center; gap: .8rem; }
.brand > span:last-child { display: flex; align-items: baseline; font-size: 1.15rem; letter-spacing: -.04em; }
.brand strong, .brand em { font-weight: 700; }
.brand em { color: var(--accent); font-style: normal; }
.brand-mark { width: 2.45rem; height: 2.45rem; display: grid; place-items: center; color: #0d0d0d; background: var(--accent); font-family: var(--mono); font-size: .95rem; font-weight: 900; letter-spacing: -.15em; transform: skew(-5deg); }
.brand-mark span { color: #426800; }
.top-primary-nav { display: flex; align-items: center; gap: .15rem; }
.top-primary-nav a { min-height: 2.65rem; padding: 0 .72rem; display: flex; align-items: center; gap: .45rem; color: var(--muted); border: 1px solid transparent; font-size: .9rem; font-weight: 580; }
.top-primary-nav a:hover, .top-primary-nav a.active { color: var(--text); background: var(--raised); border-color: var(--line); }
.top-primary-nav a.active .nav-icon { color: var(--accent); }
.top-primary-nav .nav-icon { width: 1.25rem; display: grid; place-items: center; }
.nav-icon .icon { width: 1.35rem; height: 1.35rem; }
.app-content { min-width: 0; }
.topbar { position: sticky; z-index: 15; top: 0; background: rgba(8,10,12,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.topbar-main { min-height: 4.8rem; padding: .7rem clamp(1rem,3vw,2.5rem); display: flex; align-items: center; gap: .7rem; }
.topbar-main > .brand { margin-right: .35rem; flex: none; }
.global-search { width: min(40rem, 100%); min-width: 12rem; height: 2.65rem; margin-left: auto; display: flex; align-items: center; gap: .7rem; background: var(--surface); border: 1px solid var(--line); }
.global-search:focus-within { border-color: var(--line-strong); box-shadow: 0 0 0 3px var(--accent-soft); }
.global-search > .search-icon { margin-left: .85rem; color: var(--accent); }
.global-search input { min-width: 0; flex: 1; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1.02rem; }
.global-search input::placeholder { color: var(--faint); }
.global-search button { height: 100%; padding: 0 1rem; color: var(--accent); background: transparent; border: 0; border-left: 1px solid var(--line); font-family: var(--mono); font-size: .82rem; letter-spacing: .08em; }
.top-actions, .user-pill { display: flex; align-items: center; gap: .7rem; }
.top-actions { flex: none; }
.cart-shortcut { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; position: relative; color: var(--soft); border: 1px solid var(--line); }
.cart-shortcut:hover, .cart-shortcut.active { color: var(--accent); border-color: var(--line-strong); background: var(--accent-soft); }
.cart-badge { position: absolute; top: -.52rem; right: -.52rem; min-width: 1.35rem; height: 1.35rem; padding: 0 .3rem; display: grid; place-items: center; color: #0b0d0f; background: var(--accent); border: 2px solid var(--canvas); border-radius: 999px; font-family: var(--mono); font-size: .72rem; font-weight: 900; line-height: 1; }
.cart-badge[hidden] { display: none; }
.user-menu { position: relative; }
.user-menu > summary { list-style: none; cursor: pointer; user-select: none; }
.user-menu > summary::-webkit-details-marker { display: none; }
.user-pill > span { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; color: var(--accent); background: var(--accent-soft); border: 1px solid rgba(160,251,0,.25); font-family: var(--mono); font-size: .98rem; }
.user-pill div { display: grid; }
.user-pill strong { font-size: .95rem; font-weight: 650; }
.user-pill small { color: var(--faint); font-family: var(--mono); font-size: .82rem; text-transform: uppercase; }
.user-pill > .icon { width: .9rem; height: .9rem; color: var(--faint); transition: transform 150ms ease; }
.user-menu[open] .user-pill > .icon { transform: rotate(180deg); }
.user-menu.active .user-pill > span { border-color: rgba(160,251,0,.5); }
.user-dropdown { position: absolute; z-index: 45; top: calc(100% + .7rem); right: 0; min-width: 13rem; padding: .45rem; display: grid; background: #0b0e10; border: 1px solid var(--line-strong); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.45); }
.user-dropdown > a, .user-dropdown button, .user-menu-primary a { width: 100%; min-height: 2.7rem; padding: .55rem .7rem; display: flex; align-items: center; gap: .65rem; color: var(--muted); background: transparent; border: 0; font-size: .9rem; text-align: left; }
.user-dropdown > a:hover, .user-dropdown button:hover, .user-menu-primary a:hover { color: var(--text); background: var(--raised); }
.user-dropdown .icon { width: 1.15rem; height: 1.15rem; }
.user-menu-primary { display: none; padding-bottom: .35rem; margin-bottom: .35rem; border-bottom: 1px solid var(--line); }
.advanced-search, .category-menu { position: relative; }
.advanced-search > summary, .category-menu > summary { list-style: none; cursor: pointer; user-select: none; }
.advanced-search > summary::-webkit-details-marker, .category-menu > summary::-webkit-details-marker { display: none; }
.advanced-search > summary { min-height: 2.65rem; padding: 0 .75rem; display: flex; align-items: center; gap: .45rem; color: var(--muted); background: var(--surface); border: 1px solid var(--line); font-family: var(--mono); font-size: .8rem; white-space: nowrap; }
.advanced-search > summary .icon:first-child { width: 1.1rem; color: var(--accent); }
.advanced-search > summary .icon:last-child, .category-menu > summary .icon { width: .9rem; height: .9rem; transition: transform 150ms ease; }
.advanced-search[open] > summary, .advanced-search > summary:hover { color: var(--text); border-color: var(--line-strong); }
.advanced-search[open] > summary .icon:last-child, .category-menu[open] > summary .icon { transform: rotate(180deg); }
.advanced-panel { position: absolute; z-index: 40; top: calc(100% + .75rem); right: 0; width: min(35rem,calc(100vw - 2rem)); max-height: calc(100vh - 6.5rem); padding: 1.1rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; overflow-y: auto; background: #0b0e10; border: 1px solid var(--line-strong); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.5); }
.advanced-heading { grid-column: 1/-1; padding-bottom: .85rem; display: flex; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid var(--line); }
.advanced-heading > div { display: grid; gap: .25rem; }
.advanced-heading strong { font-size: 1.1rem; }
.advanced-heading a { color: var(--accent); font-family: var(--mono); font-size: .8rem; text-transform: uppercase; }
.advanced-wide { grid-column: 1/-1; }
.advanced-quality { grid-template-columns: repeat(4,1fr); }
.category-nav { min-height: 3.15rem; padding: 0 clamp(1rem,3vw,2.5rem); display: flex; align-items: stretch; gap: .1rem; border-top: 1px solid rgba(37,43,49,.65); }
.category-nav > a, .category-menu > summary { min-height: 3.1rem; padding: 0 .78rem; display: flex; align-items: center; gap: .25rem; color: var(--muted); font-family: var(--mono); font-size: .82rem; white-space: nowrap; }
.category-nav > a:hover, .category-menu > summary:hover, .category-menu[open] > summary { color: var(--accent-strong); background: var(--raised); }
.category-nav .all-releases { color: var(--soft); padding-left: .78rem; padding-right: 1rem; }
.category-dropdown { position: absolute; z-index: 35; top: calc(100% + 1px); left: 0; min-width: 13.5rem; padding: .45rem; display: grid; background: #0b0e10; border: 1px solid var(--line-strong); box-shadow: 0 1rem 2.5rem rgba(0,0,0,.45); }
.category-dropdown a { min-height: 2.5rem; padding: .55rem .65rem; display: grid; align-content: center; gap: .15rem; color: var(--muted); font-size: .88rem; }
.category-dropdown a:hover { color: var(--text); background: var(--raised); }
.category-dropdown strong { color: var(--accent-strong); font-size: .9rem; }
.category-dropdown small { color: var(--faint); font-family: var(--mono); font-size: .72rem; }
.compact-more { display: none; }
.page-content { width: min(100%, 104rem); margin: 0 auto; padding: clamp(1.25rem,3vw,2.8rem); }

.eyebrow { display: block; color: var(--accent); font-family: var(--mono); font-size: .84rem; font-weight: 700; letter-spacing: .14em; }
.media-sections { display: grid; gap: 4rem; }
.section-header { margin-bottom: 1rem; display: flex; align-items: flex-end; justify-content: space-between; }
.section-header span { color: var(--faint); font-family: var(--mono); font-size: .82rem; letter-spacing: .13em; }
.section-header h2 { margin: .25rem 0 0; font-size: 1.35rem; font-weight: 620; letter-spacing: -.025em; }
.section-header > a { color: var(--muted); font-family: var(--mono); font-size: .87rem; }
.section-header > a b { color: var(--accent); }
.poster-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: clamp(.7rem,1.3vw,1.25rem); }
.poster-card { min-width: 0; display: grid; }
.poster-art { aspect-ratio: 2/3; margin-bottom: .7rem; display: grid; place-items: center; position: relative; overflow: hidden; background: linear-gradient(145deg,#202b31,#111519); border: 1px solid var(--line); transition: transform 160ms ease,border-color 160ms ease; }
.poster-art img { width: 100%; height: 100%; object-fit: cover; }
.poster-art::after { content: ""; position: absolute; inset: 48% 0 0; background: linear-gradient(transparent,rgba(5,7,9,.9)); pointer-events: none; }
.poster-card:hover .poster-art { transform: translateY(-4px); border-color: var(--line-strong); }
.poster-fallback { color: var(--faint); font-family: var(--mono); font-size: 1.8rem; }
.rating { position: absolute; z-index: 2; right: .55rem; bottom: .55rem; padding: .24rem .45rem; font-family: var(--mono); font-size: .82rem; }
.rating { color: var(--yellow); background: rgba(8,10,12,.86); }
.poster-card > strong { overflow: hidden; font-size: 1rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.poster-card > small { margin-top: .22rem; color: var(--faint); font-family: var(--mono); font-size: .82rem; }
.row-empty, .table-empty { padding: 2.5rem 1rem; color: var(--faint); background: var(--surface); border: 1px dashed var(--line); font-family: var(--mono); font-size: .92rem; text-align: center; }
.row-empty { grid-column: 1/-1; }

.page-heading, .search-title-row { margin-bottom: 2.3rem; }
.page-heading h1, .search-title-row h1 { margin: .45rem 0 .6rem; font-size: clamp(1.85rem,3.4vw,3rem); font-weight: 570; letter-spacing: -.05em; }
.page-heading p { max-width: 48rem; margin: 0; color: var(--muted); line-height: 1.7; }
.search-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.result-time { color: var(--faint); font-family: var(--mono); font-size: .86rem; }
label { display: grid; gap: .4rem; color: var(--muted); font-family: var(--mono); font-size: .84rem; letter-spacing: .035em; }
input, select, textarea { width: 100%; min-height: 2.55rem; padding: .55rem .7rem; color: var(--text); background: #0a0d0f; border: 1px solid var(--line); border-radius: 0; outline: 0; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
fieldset legend { margin-bottom: .45rem; }
.quality-selector { display: grid; grid-template-columns: repeat(2,1fr); gap: .35rem; }
.quality-selector .check { min-height: 2.2rem; padding: .45rem; display: flex; align-items: center; gap: .45rem; background: #0a0d0f; border: 1px solid var(--line); }
.quality-selector input { width: .95rem; min-height: 0; height: .95rem; accent-color: var(--accent); }
.button { min-height: 2.8rem; padding: .7rem 1rem; display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 1px solid var(--line); font-size: .92rem; font-weight: 650; }
.button .icon { width: 1.15rem; height: 1.15rem; }
.button.primary { color: #0d0d0d; background: var(--accent); border-color: var(--accent); }
.button.primary:hover { background: var(--accent-strong); }
.button.subtle { color: var(--soft); background: var(--surface); }
.button.subtle:hover { background: var(--hover); border-color: var(--line-strong); }
.button.full { width: 100%; }
.result-panel { min-width: 0; }
.result-meta { min-height: 2.25rem; margin-bottom: .65rem; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: .86rem; }
.result-meta strong { color: var(--text); font-weight: 500; }
.release-list { overflow: hidden; border: 1px solid var(--line); }
.release-head, .release-row { display: grid; grid-template-columns: minmax(15rem,1fr) 5rem 4rem 5.5rem 3.5rem 4.5rem; align-items: center; gap: .55rem; }
.release-head { min-height: 2.6rem; padding: 0 .8rem; color: var(--faint); background: #0a0d0f; border-bottom: 1px solid var(--line); font-family: var(--mono); font-size: .82rem; text-transform: uppercase; }
.release-row { min-height: 4.6rem; padding: .7rem .8rem; background: var(--surface); border-bottom: 1px solid var(--line); }
.release-row:last-child { border-bottom: 0; }
.release-row:hover { background: var(--hover); }
.release-name { min-width: 0; display: grid; gap: .25rem; }
.release-name a { overflow: hidden; font-size: .96rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.release-name a:hover { color: var(--accent-strong); }
.release-name small { color: var(--faint); font-family: var(--mono); font-size: .82rem; }
.release-row > span { color: var(--muted); font-size: .87rem; }
.mono { font-family: var(--mono); }
.quality { padding: .24rem .4rem; color: var(--soft); background: var(--raised); border: 1px solid var(--line); font-family: var(--mono); font-size: .82rem; font-weight: 500; }
.q-2160p { color: #c89df2; border-color: rgba(200,157,242,.3); }
.q-1080p { color: var(--accent-strong); border-color: rgba(160,251,0,.3); }
.q-720p { color: var(--green); border-color: rgba(115,216,162,.3); }
.release-actions, .release-actions form { display: flex; justify-content: flex-end; gap: .3rem; }
.release-actions button, .release-actions a { width: 2.3rem; height: 2.3rem; display: grid; place-items: center; color: var(--soft); background: transparent; border: 1px solid var(--line); }
.release-actions .icon { width: 1.2rem; height: 1.2rem; }
.release-actions button:hover, .release-actions a:hover { color: var(--accent); background: var(--accent-soft); }
.release-actions button.is-added, button.is-added { color: var(--accent); background: var(--accent-soft); border-color: rgba(160,251,0,.45); }
.pagination { margin-top: 1rem; display: flex; justify-content: space-between; color: var(--muted); font-family: var(--mono); font-size: .85rem; }
.pagination a { padding: .55rem .75rem; border: 1px solid var(--line); }
.pagination a[aria-disabled="true"] { opacity: .35; pointer-events: none; }
.notice { margin-bottom: 1rem; padding: .8rem 1rem; font-size: .96rem; }
.notice.error, .form-error { color: var(--red); background: rgba(241,123,134,.08); border: 1px solid rgba(241,123,134,.22); }
.notice.success { color: var(--green); background: rgba(115,216,162,.08); border: 1px solid rgba(115,216,162,.2); }

.media-hero { min-height: 30rem; margin: calc(clamp(1.25rem,3vw,2.8rem)*-1); margin-bottom: 2.5rem; padding: clamp(4rem,9vw,8rem) clamp(1.25rem,4vw,4rem) 3rem; display: flex; align-items: flex-end; gap: 2rem; position: relative; overflow: hidden; background: linear-gradient(145deg,#162027,#0c1013); border-bottom: 1px solid var(--line); }
.media-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(8,10,12,.98) 8%,rgba(8,10,12,.66) 65%,rgba(8,10,12,.88)); }
.media-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.media-poster, .media-copy { position: relative; z-index: 1; }
.media-poster { width: 10rem; aspect-ratio: 2/3; flex: none; display: grid; place-items: center; overflow: hidden; color: var(--faint); background: var(--raised); border: 1px solid var(--line-strong); font-family: var(--mono); font-size: 1.4rem; box-shadow: 0 1.5rem 4rem rgba(0,0,0,.35); }
.media-poster img { width: 100%; height: 100%; object-fit: cover; }
.media-copy { max-width: 52rem; }
.media-copy h1 { margin: .55rem 0 .75rem; font-size: clamp(2.2rem,5vw,4.4rem); font-weight: 570; letter-spacing: -.06em; line-height: .98; }
.media-copy > p { max-width: 46rem; color: var(--soft); font-size: 1rem; line-height: 1.7; }
.media-meta, .tag-list, .inline-actions { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.media-meta span { color: var(--muted); font-family: var(--mono); font-size: .85rem; }
.media-meta span:not(:last-child)::after { content: "·"; margin-left: .4rem; color: var(--faint); }
.tag-list span, .tag-list a { padding: .32rem .55rem; color: var(--soft); background: rgba(8,10,12,.65); border: 1px solid var(--line); font-family: var(--mono); font-size: .82rem; }
.tag-list a:hover { color: var(--accent-strong); background: var(--accent-soft); border-color: rgba(160,251,0,.4); }
.entity-body { display: grid; grid-template-columns: minmax(0,1fr) 17rem; gap: 1.5rem; align-items: start; }
.entity-main { min-width: 0; }
.entity-toolbar { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.entity-toolbar h2 { margin: .2rem 0 0; font-size: 1.25rem; }
.quality-tabs { display: flex; flex-wrap: wrap; gap: .3rem; }
.quality-tabs a { padding: .5rem .62rem; color: var(--muted); background: #0a0d0f; border: 1px solid var(--line); font-family: var(--mono); font-size: .82rem; }
.quality-tabs a.selected { color: var(--accent-strong); background: var(--accent-soft); border-color: rgba(160,251,0,.4); }
.entity-aside { padding: 1rem; display: grid; gap: 1.1rem; background: var(--surface); border: 1px solid var(--line); }
.fact { padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.fact:last-child { padding-bottom: 0; border: 0; }
.fact span { color: var(--faint); font-family: var(--mono); font-size: .82rem; letter-spacing: .11em; text-transform: uppercase; }
.fact p { margin: .45rem 0 0; color: var(--soft); font-size: .92rem; line-height: 1.6; }
.episode-controls { min-height: 4.5rem; padding: .6rem; display: flex; align-items: end; gap: .6rem; background: var(--surface); border: 1px solid var(--line); border-bottom: 0; }
.episode-controls label { min-width: 9rem; flex: 1; }

.release-detail { max-width: 78rem; margin: 0 auto; }
.release-detail-hero { margin-bottom: 1.5rem; padding: 1.25rem; display: flex; align-items: flex-end; gap: 1.5rem; background: linear-gradient(115deg,var(--surface),rgba(160,251,0,.035)); border: 1px solid var(--line); }
.release-detail-poster { width: 8.5rem; aspect-ratio: 2/3; flex: none; display: grid; place-items: center; overflow: hidden; color: var(--accent); background: var(--raised); border: 1px solid var(--line-strong); font-family: var(--mono); font-size: 1.35rem; box-shadow: 0 1rem 2.5rem rgba(0,0,0,.3); }
.release-detail-poster img { width: 100%; height: 100%; object-fit: cover; }
a.release-detail-poster:hover { border-color: var(--accent); }
.release-detail-head { min-width: 0; max-width: 64rem; }
.release-detail-head h1 { margin: .55rem 0 1rem; overflow-wrap: anywhere; font-size: clamp(1.65rem,2.6vw,2.5rem); font-weight: 580; letter-spacing: -.035em; line-height: 1.12; }
.release-detail-head .tag-list span { padding: .38rem .62rem; font-size: .87rem; }
.release-media-link { margin-top: 1rem; display: flex; align-items: baseline; flex-wrap: wrap; gap: .45rem; }
.release-media-link > span { color: var(--faint); font-family: var(--mono); font-size: .82rem; text-transform: uppercase; }
.release-media-link a, .release-media-link strong { color: var(--soft); font-size: 1rem; font-weight: 650; }
.release-media-link a:hover, .release-media-link a b { color: var(--accent); }
.metric-grid { margin-bottom: 1rem; display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); }
.metric-grid > div { min-width: 0; padding: 1.05rem 1.15rem; display: grid; gap: .35rem; background: var(--surface); border-right: 1px solid var(--line); }
.metric-grid > div:last-child { border: 0; }
.metric-grid span { color: var(--faint); font-family: var(--mono); font-size: .84rem; text-transform: uppercase; }
.metric-grid strong { overflow: hidden; font-family: var(--mono); font-size: 1.08rem; font-weight: 550; text-overflow: ellipsis; }
.release-detail-actions, .page-actions { margin-bottom: 2rem; display: flex; justify-content: flex-end; align-items: center; gap: .6rem; }
.release-detail-actions .button { min-height: 3rem; padding-inline: 1.1rem; font-size: .97rem; }
.detail-panel { margin-top: 1rem; padding: 1.4rem; background: var(--surface); border: 1px solid var(--line); }
.detail-panel h2 { margin: .35rem 0; font-size: 1.12rem; }
.detail-panel > p, .detail-panel div > p { color: var(--muted); font-size: .94rem; line-height: 1.65; }
.detail-panel.split { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.file-list { margin-top: 1rem; border-top: 1px solid var(--line); }
.file-list > div { min-height: 3.2rem; padding: .7rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.file-list span { min-width: 0; overflow-wrap: anywhere; font-family: var(--mono); font-size: .93rem; }
.file-list small { flex: none; color: var(--faint); font-family: var(--mono); font-size: .86rem; }
.vote-score { padding: .6rem; color: var(--accent); font-family: var(--mono); }
.report-form { margin-top: .7rem; display: grid; gap: .5rem; }
.report-form textarea { min-height: 5rem; resize: vertical; }

.settings-grid { display: grid; grid-template-columns: minmax(15rem,.7fr) 1.3fr; gap: 1rem; }
.settings-card { min-height: 20rem; padding: 1.5rem; background: var(--surface); border: 1px solid var(--line); }
.settings-card h2 { margin: .5rem 0 .25rem; font-size: 1.5rem; }
.settings-card > p { color: var(--muted); font-size: .96rem; line-height: 1.65; }
.admin-settings { min-height: 0; grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1fr) minmax(20rem,.75fr); align-items: center; gap: 2rem; }
.admin-settings h2 { margin: .45rem 0 .25rem; }
.admin-settings p { max-width: 48rem; margin: 0; color: var(--muted); font-size: .96rem; line-height: 1.65; }
.registration-control { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; }
.registration-toggle { min-width: 20rem; padding: .85rem 1rem; display: flex; grid-template-columns: none; align-items: center; justify-content: space-between; gap: 1rem; color: var(--text); background: #0a0d0f; border: 1px solid var(--line); font-family: var(--sans); letter-spacing: 0; cursor: pointer; }
.registration-copy { display: grid; gap: .2rem; }
.registration-copy strong { font-size: .96rem; }
.registration-copy small { color: var(--faint); font-size: .82rem; line-height: 1.35; }
.switch { width: 3.25rem; height: 1.75rem; flex: none; position: relative; }
.switch input { width: 100%; height: 100%; min-height: 0; margin: 0; position: absolute; z-index: 2; inset: 0; opacity: 0; cursor: pointer; }
.switch-track { position: absolute; inset: 0; background: var(--raised); border: 1px solid var(--line-strong); transition: background 150ms ease,border-color 150ms ease; }
.switch-track::after { content: ""; width: 1.15rem; height: 1.15rem; position: absolute; top: .24rem; left: .25rem; background: var(--muted); transition: transform 150ms ease,background 150ms ease; }
.switch input:checked + .switch-track { background: var(--accent-soft); border-color: rgba(160,251,0,.5); }
.switch input:checked + .switch-track::after { background: var(--accent); transform: translateX(1.45rem); }
.switch input:focus-visible + .switch-track { outline: 2px solid var(--accent); outline-offset: 2px; }
.js .registration-control > button { display: none; }
.membership-badge { width: fit-content; margin: 1.5rem 0 3rem; padding: .4rem .6rem; color: var(--green); background: rgba(115,216,162,.08); border: 1px solid rgba(115,216,162,.2); font-family: var(--mono); font-size: .82rem; text-transform: uppercase; }
.membership-badge i { width: .35rem; height: .35rem; display: inline-block; margin-right: .35rem; background: var(--green); border-radius: 50%; }
.facts-list { display: grid; gap: .8rem; }
.facts-list div { display: flex; justify-content: space-between; gap: 1rem; }
.facts-list dt, .facts-list dd { margin: 0; color: var(--faint); font-family: var(--mono); font-size: .84rem; }
.facts-list dd { color: var(--soft); }
.inline-form { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr auto; gap: .5rem; }
.secret-output { margin-top: 1rem; padding: 1rem; display: grid; gap: .5rem; color: var(--accent-strong); background: #07090a; border: 1px solid var(--line); }
.secret-output code { overflow-wrap: anywhere; font-size: .92rem; }
.secret-output span { color: var(--red); font-size: .87rem; }
.key-list { margin-top: 1rem; display: grid; border-top: 1px solid var(--line); }
.key-list > div { padding: .8rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.key-list span { display: grid; gap: .25rem; }
.key-list strong { font-size: .96rem; }
.key-list small, .muted { color: var(--faint); font-family: var(--mono); font-size: .82rem; }
.key-list .key-actions { display: flex; align-items: center; gap: .6rem; }
.key-actions button { padding: .4rem .55rem; color: var(--red); background: transparent; border: 1px solid rgba(241,123,134,.25); font-family: var(--mono); font-size: .82rem; }
.integration-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.integration-card { min-height: 15rem; padding: 1.25rem; display: flex; gap: 1rem; background: var(--surface); border: 1px solid var(--line); }
.integration-card.featured { border-color: rgba(160,251,0,.32); background: linear-gradient(145deg,var(--accent-soft),var(--surface) 55%); }
.integration-mark { width: 2.5rem; height: 2.5rem; flex: none; display: grid; place-items: center; color: var(--accent); background: var(--accent-soft); border: 1px solid rgba(160,251,0,.22); font-family: var(--mono); }
.integration-card h2 { margin: .5rem 0; font-size: 1rem; }
.integration-card p { color: var(--muted); font-size: .94rem; line-height: 1.65; }
.integration-card code, .docs-panel code { color: var(--accent-strong); font-size: .84rem; overflow-wrap: anywhere; }
.docs-panel { margin-top: 1rem; }
.endpoint-list { margin-top: 1rem; display: grid; grid-template-columns: 10rem 1fr; border-top: 1px solid var(--line); }
.endpoint-list code, .endpoint-list span { padding: .75rem; border-bottom: 1px solid var(--line); font-size: .88rem; }
.endpoint-list code { color: var(--accent); background: #0a0d0f; }
.endpoint-list span { color: var(--muted); }

.auth-page { min-height: 100vh; display: grid; grid-template-columns: 1.15fr .85fr; background: var(--canvas); }
.auth-visual { min-height: 100vh; padding: 2rem clamp(2rem,6vw,6rem); display: flex; flex-direction: column; position: relative; overflow: hidden; background: radial-gradient(circle at 70% 30%,rgba(160,251,0,.15),transparent 25rem),#0d1114; border-right: 1px solid var(--line); }
.auth-grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 3rem 3rem; mask-image: linear-gradient(135deg,#000,transparent 75%); }
.auth-brand, .auth-message { position: relative; z-index: 1; }
.auth-message { margin: auto 0; }
.auth-message > span { color: var(--accent); font-family: var(--mono); font-size: .84rem; letter-spacing: .14em; }
.auth-message h1 { margin: .8rem 0 1rem; font-size: clamp(2.7rem,5vw,5.1rem); font-weight: 550; letter-spacing: -.065em; line-height: .95; }
.auth-message p { max-width: 32rem; color: var(--muted); line-height: 1.7; }
.auth-form-wrap { display: grid; place-items: center; padding: 2rem; }
.auth-form { width: min(100%,24rem); display: grid; gap: 1rem; }
.auth-form h2 { margin: .25rem 0 -.6rem; font-size: 2rem; letter-spacing: -.04em; }
.auth-form > p { margin: 0 0 1rem; color: var(--muted); font-size: 1rem; }
.auth-form > small { color: var(--faint); font-size: .89rem; text-align: center; }
.auth-form > small a { color: var(--accent); }
.auth-form label small { color: var(--faint); }
.form-error { padding: .75rem; font-size: .9rem; }
.error-state { min-height: 60vh; display: grid; place-content: center; justify-items: start; }
.error-state h1 { max-width: 42rem; margin: .6rem 0; font-size: clamp(2.5rem,6vw,5rem); letter-spacing: -.06em; line-height: .95; }
.error-state p { color: var(--muted); }
.error-state div { display: flex; gap: .5rem; }

@media (max-width: 1400px) {
  .top-primary-nav .top-nav-label { display: none; }
  .top-primary-nav a { width: 2.65rem; padding: 0; justify-content: center; }
}
@media (max-width: 1200px) {
  .poster-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .release-head, .release-row { grid-template-columns: minmax(12rem,1fr) 4.5rem 3.2rem 5rem 4rem; }
  .release-head > :nth-child(5), .release-row > :nth-child(5) { display: none; }
  .integration-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .brand > span:last-child { display: none; }
  .user-pill div { display: none; }
  .topbar-main { padding-inline: 1rem; }
  .advanced-search > summary span { display: none; }
  .advanced-search > summary .icon:last-child { display: none; }
  .advanced-search > summary { width: 2.65rem; padding: 0; justify-content: center; }
  .advanced-panel { width: min(35rem,calc(100vw - 2rem)); }
  .category-nav { padding-inline: 1rem; }
  .entity-body { grid-template-columns: 1fr; }
  .entity-aside { grid-template-columns: repeat(2,1fr); }
  .metric-grid { grid-template-columns: repeat(3,1fr); }
  .metric-grid > div:nth-child(3n) { border-right: 0; }
  .metric-grid > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .auth-page { grid-template-columns: 1fr; }
  .auth-visual { display: none; }
  .admin-settings { grid-template-columns: 1fr; gap: 1.25rem; }
  .registration-control { justify-content: flex-start; }
}
@media (max-width: 680px) {
  .page-content { padding: 1rem; }
  .topbar-main { min-height: 4rem; padding: .65rem .75rem; gap: .5rem; }
  .top-primary-nav { display: none; }
  .topbar-main > .brand { margin-right: 0; }
  .brand-mark { width: 2.35rem; height: 2.35rem; }
  .global-search { width: auto; min-width: 0; flex: 1; }
  .global-search button { display: none; }
  .top-actions { margin-left: 0; }
  .cart-shortcut { width: 2.65rem; height: 2.65rem; }
  .user-pill { gap: 0; }
  .user-pill > span { width: 2.65rem; height: 2.65rem; }
  .user-pill > .icon { display: none; }
  .user-menu-primary { display: grid; }
  .advanced-panel { position: fixed; top: 4rem; right: .65rem; width: calc(100vw - 1.3rem); max-height: calc(100vh - 5rem); }
  .category-nav { padding-inline: 1rem; }
  .category-nav > :nth-child(n+4):not(.compact-more) { display: none; }
  .category-nav .compact-more { display: block; }
  .category-nav > :nth-child(4) .category-dropdown, .category-nav .compact-more .category-dropdown { right: 0; left: auto; }
  .poster-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .media-sections { gap: 2.5rem; }
  .search-title-row { align-items: flex-start; flex-direction: column; }
  .release-head { display: none; }
  .release-row { grid-template-columns: minmax(0,1fr) auto auto; gap: .5rem; }
  .release-row > :nth-child(3), .release-row > :nth-child(4), .release-row > :nth-child(5) { display: none; }
  .release-actions { grid-column: 3; grid-row: 1; }
  .media-hero { min-height: 34rem; padding: 6rem 1rem 2rem; align-items: flex-start; flex-direction: column; justify-content: flex-end; }
  .media-poster { width: 7rem; }
  .media-copy h1 { font-size: 2.3rem; }
  .release-detail-hero { padding: 1rem; align-items: flex-start; flex-direction: column; gap: 1rem; }
  .release-detail-poster { width: 6rem; }
  .release-detail-head h1 { font-size: 1.65rem; line-height: 1.16; }
  .entity-aside { grid-template-columns: 1fr; }
  .entity-toolbar, .episode-controls { align-items: flex-start; flex-direction: column; }
  .episode-controls label { width: 100%; }
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .metric-grid > div, .metric-grid > div:nth-child(3n) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .metric-grid > div:nth-child(2n) { border-right: 0; }
  .detail-panel.split, .settings-grid { grid-template-columns: 1fr; }
  .registration-control, .registration-toggle { width: 100%; min-width: 0; }
  .file-list > div { align-items: flex-start; flex-direction: column; }
  .inline-form { grid-template-columns: 1fr; }
  .auth-form-wrap { padding: 1.25rem; }
  .endpoint-list { grid-template-columns: 1fr; }
  .endpoint-list code { border-bottom: 0; }
  .page-actions { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}