:root {
  --site-gutter: 16px;
  --site-content-standard: 1120px;
  --site-content-wide: 1400px;
  --site-content-narrow: 880px;
  --site-bg-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
}
@media (min-width: 760px) {
  :root { --site-gutter: 24px; }
}
@media (min-width: 1180px) {
  :root { --site-gutter: 36px; }
}
.site-shell,
.site-shell-standard {
  width: min(var(--site-content-standard), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.site-shell-wide {
  width: min(var(--site-content-wide), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.site-shell-narrow {
  width: min(var(--site-content-narrow), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img,svg{display:block}
.hidden{display:none!important}
.block{display:block}
.inline-block{display:inline-block}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed}
.inset-0{inset:0}
.top-0{top:0}
.left-0{left:0}
.right-0{right:0}
.z-0{z-index:0}
.z-1{z-index:1}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-1{margin-left:.25rem}
.ml-2{margin-left:.5rem}
.mt-0\.5{margin-top:.125rem}
.mt-1{margin-top:.25rem}
.mt-1\.5{margin-top:.375rem}
.mt-2{margin-top:.5rem}
.mb-1{margin-bottom:.25rem}
.mb-1\.5{margin-bottom:.375rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.p-1\.5{padding:.375rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-1\.5{padding-left:.375rem;padding-right:.375rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.pt-1{padding-top:.25rem}
.pt-4{padding-top:1rem}
.pb-2{padding-bottom:.5rem}
.pb-12{padding-bottom:3rem}
.pb-16{padding-bottom:4rem}
.pr-3{padding-right:.75rem}
.space-y-1\.5>:not([hidden])~:not([hidden]){margin-top:.375rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
.max-w-3xl{max-width:48rem}
.max-w-5xl{max-width:64rem}
.w-3{width:.75rem}
.w-3\.5{width:.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-32{width:8rem}
.w-80{width:20rem}
.w-full{width:100%}
.h-3{height:.75rem}
.h-3\.5{height:.875rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-7{height:1.75rem}
.h-14{height:3.5rem}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-0\.5{gap:.125rem}
.gap-1{gap:.25rem}
.gap-1\.5{gap:.375rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-x-6{column-gap:1.5rem}
.gap-y-1{row-gap:.25rem}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.aspect-\[2\/3\]{aspect-ratio:2/3}
.aspect-video{aspect-ratio:16/9}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.border{border:1px solid var(--border,rgba(255,255,255,.08))}
.border-b{border-bottom:1px solid var(--border,rgba(255,255,255,.08))}
.border-t{border-top:1px solid var(--border,rgba(255,255,255,.08))}
.border-collapse{border-collapse:collapse}
.border-red-900{border-color:#7f1d1d}
.last\:border-0:last-child{border:0}
.rounded{border-radius:.25rem}
.rounded-md{border-radius:.4375rem}
.rounded-lg{border-radius:.625rem}
.rounded-xl{border-radius:.75rem}
.rounded-full{border-radius:9999px}
.object-cover{object-fit:cover}
.text-center{text-align:center}
.text-\[9px\]{font-size:9px}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.italic{font-style:italic}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.leading-relaxed{line-height:1.625}
.break-all{word-break:break-all}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whitespace-nowrap{white-space:nowrap}
.text-white{color:#f5f3ee}
.text-red-400{color:#f87171}
.text-green-400{color:#4ade80}
.text-green-600{color:#16a34a}
.text-yellow-400{color:#facc15}
.bg-slate-800{background:#1e293b}
.bg-slate-700{background:#334155}
.bg-blue-600{background:#2563eb}
.border-slate-600{border-color:#475569}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.65)}
.opacity-0{opacity:0}
.opacity-25{opacity:.25}
.opacity-75{opacity:.75}
.opacity-100{opacity:1}
.transition{transition-property:color,background-color,border-color,opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}
.duration-100{transition-duration:.1s}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}
.animate-spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hover\:text-white:hover{color:#f5f3ee}
.hover\:text-\[\#d4a04a\]:hover{color:#d4a04a}
.hover\:opacity-80:hover{opacity:.8}
.hover\:bg-blue-700:hover{background:#1d4ed8}
.active\:bg-blue-800:active{background:#1e40af}
.focus\:border-blue-500:focus{border-color:#3b82f6}
.focus\:outline-none:focus{outline:0}
@media (min-width:640px){
  .sm\:w-40{width:10rem}
  .sm\:gap-6{gap:1.5rem}
  .sm\:text-2xl{font-size:1.5rem;line-height:2rem}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .animate-spin{animation:none}
  .transition{transition-duration:.01ms}
}


:root {
  --site-gutter: 16px;
  --site-content-standard: 1120px;
  --site-content-wide: 1400px;
  --site-content-narrow: 880px;
  --site-bg-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
}
@media (min-width: 760px) {
  :root { --site-gutter: 24px; }
}
@media (min-width: 1180px) {
  :root { --site-gutter: 36px; }
}
.site-shell,
.site-shell-standard {
  width: min(var(--site-content-standard), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.site-shell-wide {
  width: min(var(--site-content-wide), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.site-shell-narrow {
  width: min(var(--site-content-narrow), calc(100vw - var(--site-gutter) - var(--site-gutter)));
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

  :root {
    --bg-body: #0a0a0c;
    --bg-header: #121214;
    --bg-surface: #1a1a1e;
    --bg-surface-hover: #24242a;
    --text-primary: #e6e4e0;
    --text-secondary: #a09890;
    --text-muted: #92877a;
    --text-dim: #746a5f;
    --accent: #d4a04a;
    --accent-hover: #c08e3a;
    --border: rgba(255,255,255,0.06);
    --bg-pill: rgba(10,10,12,0.62);
    --text-on-accent: #171006;
    --success: #7fbf83;
    --error: #d46a5f;
    --detail-info-column: 72ch;
    --radius-xs: 4px;
    --radius-sm: 7px;
    --radius-md: 10px;
    --radius-lg: 12px;
  }
  html { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top, 0px); background: var(--bg-body); background-image: var(--site-bg-texture); }
  body { background: var(--bg-body); background-image: var(--site-bg-texture); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; color: var(--text-primary); -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-sm); }
  :focus:not(:focus-visible) { outline: none; }
  button { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
  .poster-shadow { box-shadow: 0 8px 32px rgba(0,0,0,0.6); }
  .backdrop { position: absolute; top: 0; left: 0; right: 0; height: 320px; z-index: 0;
    background-size: cover; background-position: center 18%; opacity:.72; pointer-events:none;
  }
  .backdrop::after { content: ''; position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgba(10,10,12,0.36) 0%, rgba(10,10,12,0.84) 58%, #0a0a0c 100%);
  }
	  .content { position: relative; z-index: 1; }
	  .detail-shell { padding-top:16px; padding-bottom:0; }
  .ui-primary { color:var(--text-primary); }
  .ui-secondary { color:var(--text-secondary); }
  .ui-muted { color:var(--text-muted); }
  .ui-accent { color:var(--accent); }
  .ui-success { color:var(--success); }
  .surface-card { background:var(--bg-surface); border:1px solid var(--border); box-shadow:inset 0 1px 0 rgba(255,255,255,0.025); transition:border-color 0.18s ease, background-color 0.18s ease; }
  .status-panel { background:var(--bg-surface); border-color:var(--border); color:var(--text-secondary); }
  .back-link { color:var(--text-primary); font-size:12px; font-weight:600; background:var(--bg-pill); border:1px solid var(--border); padding:0 14px; border-radius:var(--radius-md); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition:background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
  .icon-btn { cursor: pointer; user-select: none; }
  .magnet-link { color: inherit; text-decoration: none; }
  .poster-fallback { background:var(--bg-surface); color:var(--text-muted); border:1px solid var(--border); box-shadow: inset 0 1px 0 rgba(255,255,255,0.03); }
  .poster-mark { color:var(--accent); font-weight:800; letter-spacing:0; font-size:22px; line-height:1; margin-bottom:8px; }
  .detail-measure { max-width: 58ch; }
  .detail-file-text { max-width: 60ch; }
  .detail-section-title { color:var(--text-primary); font-size:13px; line-height:1.25; font-weight:750; letter-spacing:0; }
  .detail-section-copy { color:var(--text-muted); font-size:12px; line-height:1.5; }
  .detail-story { width:100%; max-width:none; justify-self:stretch; display:grid; gap:0; align-content:start; }
  .detail-story-row,
  .detail-enrichment { display:grid; grid-template-columns:48px minmax(0,1fr); gap:14px; color:var(--text-secondary); font-size:12px; line-height:1.5; font-weight:400; padding:8px 0; border-top:1px solid var(--border); }
  .detail-story-row:first-child { border-top:0; padding-top:0; }
  .detail-story-label,
  .detail-enrichment-label { color:var(--text-muted); font-size:11px; line-height:1.5; font-weight:720; white-space:nowrap; }
  .detail-overview { max-width:none; margin:0; color:var(--text-secondary); font-size:13px; line-height:1.58; font-weight:400; }
  .detail-story-row > .detail-overview { width:100%; min-width:0; text-align:justify; text-align-last:left; text-justify:inter-character; overflow-wrap:break-word; }
  .detail-enrichment-text { width:100%; min-width:0; text-align:left; overflow-wrap:break-word; }
  .detail-enrichment-list { display:grid; gap:0; }
  .detail-overview, .detail-enrichment, .detail-section-copy, .detail-version-link, .detail-version-title, .detail-similar-link, .detail-similar-title {
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
	  .detail-hero { --detail-poster-col:clamp(7.5rem, 32vw, 8.5rem); display:grid; grid-template-columns:var(--detail-poster-col) minmax(0,1fr); grid-template-areas:"poster title" "season season" "copy copy" "resource resource"; gap:14px 16px; align-items:start; margin-bottom:18px; }
	  .detail-media-stack,
	  .detail-info-stack { display:contents; min-width:0; }
	  .detail-poster-cell { grid-area:poster; min-width:0; align-self:start; }
	  .detail-poster-cell img,
	  .detail-poster-cell .poster-fallback { display:block; width:100%; aspect-ratio:2/3; object-fit:cover; }
	  .detail-title-cell { grid-area:title; min-width:0; align-self:start; padding-top:0!important; display:grid; align-content:start; gap:8px; }
  .detail-title-cell h1 { margin:0 0 6px; }
  .detail-title-cell p,
  .detail-hero-copy p { margin-top:0; }
  .detail-title-main { min-width:0; display:grid; align-content:start; }
	  .detail-title-overview { display:none; }
	  .detail-hero-copy { grid-area:copy; min-width:0; width:100%; justify-self:stretch; display:grid; gap:8px; }
	  .detail-season-entry { grid-area:season; margin:0; min-width:0; width:var(--detail-poster-col); justify-self:start; align-self:start; }
	  .detail-season-entry .detail-pill { width:100%; justify-content:center; }
	  .detail-resource-card { grid-area:resource; margin:0; }
  .detail-resource-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,max-content); align-items:start; gap:14px; margin-bottom:12px; }
  .detail-resource-head .detail-section-title { margin:0; line-height:1.25; }
  .resource-access-summary { justify-self:end; max-width:min(100%, 54ch); margin:0; color:var(--text-muted); font-size:11.5px; line-height:1.25; font-weight:500; overflow-wrap:anywhere; text-align:right; }
  .detail-resource-body { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:center; }
  .magnet-title-link { min-height: 44px; display:flex; align-items:center; }
  .detail-pill { min-height: 44px; display:inline-flex; align-items:center; }
  .lang-toggle { min-width:44px; height:44px; min-height:44px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-md); background:var(--bg-surface); color:var(--text-secondary); border:1px solid var(--border); font-size:11px; line-height:1; font-weight:700; letter-spacing:0; transition:background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
  .magnet-action { min-height:44px; display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; background:var(--accent); color:var(--text-on-accent); text-decoration:none; transition:background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease; }
  .magnet-action:active { transform: translateY(1px); }
  .copy-btn { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; color:var(--text-muted); border:0; background:transparent; transition:background-color 0.18s ease, color 0.18s ease; }
  .locked-resource-panel { width:100%; min-width:260px; display:flex; align-items:center; justify-content:flex-end; }
  .resource-action-buttons { min-width:0; width:auto; display:grid; grid-template-columns:repeat(2,118px); align-items:stretch; justify-content:end; gap:8px; justify-self:end; }
  .resource-action-buttons .magnet-action,
  .resource-action-buttons .copy-btn { width:100%; min-width:0; padding:0 12px; border-radius:var(--radius-sm); font-size:12px; font-weight:780; white-space:nowrap; gap:6px; text-decoration:none; }
  .resource-action-buttons .magnet-action { border:1px solid var(--accent); background:var(--accent); color:var(--text-on-accent); }
  .resource-action-buttons .copy-btn { border:1px solid var(--border); background:var(--bg-surface); color:var(--text-primary); }
  .vip-unlock-link { text-decoration:none; }
  .detail-auth-overlay,
  .detail-confirm-overlay,
  .detail-membership-overlay { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(10,10,12,0.72); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
  .detail-auth-overlay,
  .detail-confirm-overlay,
  .detail-membership-overlay { padding:24px; background:rgba(0,0,0,0.66); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
  .detail-auth-panel,
  .detail-confirm-panel { width:min(432px, calc(100vw - 32px)); max-height:min(620px, calc(100vh - 48px)); overflow:auto; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(180deg, rgba(212,160,74,0.055), transparent 118px), var(--bg-header); box-shadow:0 22px 72px rgba(0,0,0,0.48); }
  .detail-auth-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px 16px 12px; }
  .detail-auth-heading { min-width:0; display:flex; align-items:center; gap:10px; }
  .detail-auth-logo { width:34px; height:34px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; background:var(--bg-surface); border:1px solid rgba(212,160,74,0.28); color:var(--accent); font-size:13px; font-weight:900; letter-spacing:0; flex-shrink:0; }
  .detail-auth-title { color:var(--text-primary); font-size:16px; font-weight:850; line-height:1.2; }
  .detail-auth-sub { margin-top:3px; color:var(--text-muted); font-size:11.5px; line-height:1.45; }
  .detail-auth-close { width:44px; height:44px; border-radius:var(--radius-sm); color:var(--text-muted); background:var(--bg-surface); border:1px solid var(--border); font-size:20px; line-height:1; }
  .detail-auth-body,
  .detail-confirm-body { padding:0 16px 16px; display:grid; gap:10px; }
  .detail-auth-provider-list { display:grid; grid-template-columns:1fr; gap:8px; }
  .detail-auth-provider { min-height:46px; width:100%; border-radius:var(--radius-md); border:1px solid var(--border); background:var(--bg-surface); color:var(--text-primary); font-size:13px; font-weight:800; display:flex; align-items:center; justify-content:center; gap:9px; }
  .detail-auth-provider:disabled,
  .detail-auth-primary:disabled { opacity:0.55; cursor:not-allowed; }
  .detail-auth-provider-mark { width:20px; height:20px; border-radius:var(--radius-xs); display:flex; align-items:center; justify-content:center; color:var(--accent); background:rgba(255,255,255,0.03); font-size:13px; font-weight:850; flex-shrink:0; }
  .detail-auth-provider-apple .detail-auth-provider-mark { color:var(--text-primary); font-size:15px; }
  .detail-auth-divider { display:flex; align-items:center; gap:10px; color:var(--text-muted); font-size:10px; line-height:1; margin:2px 0 0; }
  .detail-auth-divider::before,
  .detail-auth-divider::after { content:""; flex:1; height:1px; background:var(--border); }
  .detail-auth-form,
  .detail-auth-field-stack { display:grid; gap:8px; }
  .detail-auth-mode-switch { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:3px; padding:3px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--bg-surface); }
  .detail-auth-mode-option { min-height:44px; border-radius:var(--radius-xs); border:0; background:transparent; color:var(--text-muted); font-size:12px; font-weight:800; }
  .detail-auth-mode-option.is-active { background:var(--bg-header); color:var(--text-primary); box-shadow:0 0 0 1px var(--border); }
  .detail-auth-input { min-height:44px; min-width:0; border-radius:var(--radius-sm); border:1px solid var(--border); background:var(--bg-surface); color:var(--text-primary); padding:0 12px; outline:none; font-size:13px; }
  .detail-auth-input:focus { border-color:rgba(212,160,74,0.40); box-shadow:0 0 0 2px rgba(212,160,74,0.12); }
  .detail-auth-primary,
  .detail-auth-secondary { min-height:44px; border-radius:var(--radius-sm); padding:0 13px; font-size:12px; font-weight:800; }
  .detail-auth-primary { border:1px solid var(--accent); background:var(--accent); color:var(--text-on-accent); }
  .detail-auth-secondary { border:1px solid var(--border); background:var(--bg-surface); color:var(--text-primary); }
  .detail-auth-note,
  .detail-confirm-copy { margin:0; color:var(--text-muted); font-size:11.5px; line-height:1.5; }
  .detail-confirm-panel { width:min(432px, calc(100vw - 32px)); max-height:min(620px, calc(100vh - 48px)); }
  .detail-confirm-title { margin:0; color:var(--text-primary); font-size:16px; line-height:1.25; font-weight:850; }
  .detail-confirm-meta { margin:0; color:var(--text-secondary); font-size:12px; line-height:1.5; }
  .detail-confirm-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .detail-membership-panel { width:min(432px, calc(100vw - 32px)); max-height:min(620px, calc(100vh - 48px)); overflow:auto; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(180deg, rgba(212,160,74,0.07), transparent 112px), var(--bg-header); box-shadow:0 22px 72px rgba(0,0,0,0.48); }
  .detail-membership-body { padding:0 16px 16px; display:grid; gap:10px; }
  .detail-membership-list { display:grid; gap:8px; }
  .detail-membership-card { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:10px; align-items:center; border:1px solid var(--border); border-radius:var(--radius-md); padding:11px; background:var(--bg-surface); }
  .detail-membership-name { color:var(--text-primary); font-size:13px; line-height:1.25; font-weight:850; overflow-wrap:anywhere; }
  .detail-membership-meta { margin-top:3px; color:var(--text-muted); font-size:11px; line-height:1.4; }
  .detail-membership-price { color:var(--accent); font-size:12px; line-height:1.3; font-weight:850; white-space:nowrap; }
  .detail-membership-card .detail-auth-primary { min-width:88px; }
  .detail-membership-status { margin:0; color:var(--accent); font-size:11.5px; line-height:1.5; }
  .copy-btn-content { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:0; }
  .series-chip { background:rgba(212,160,74,0.16); color:#dfb968; border:1px solid rgba(212,160,74,0.28); }
  .genre-chip { background:var(--bg-surface); color:var(--text-secondary); border:1px solid var(--border); }
  .detail-row { border-color:var(--border); }
  .detail-label { color:var(--text-muted); }
  .detail-value { color:var(--text-secondary); }
  .media-surface { background:var(--bg-surface); }

  .resource-card-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
  .resource-card {
    min-width:0;
    color:inherit;
    text-decoration:none;
    border:1px solid var(--border, rgba(255,255,255,0.06));
    border-radius:var(--radius-md, 10px);
    background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.012)), var(--bg-card, var(--bg-surface, #151517));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.025);
    transition:border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
  }
  .resource-card:hover {
    border-color:var(--accent-border-soft, rgba(212,160,74,0.28));
    background:linear-gradient(180deg, rgba(212,160,74,0.045), rgba(255,255,255,0.014)), var(--bg-card, var(--bg-surface, #151517));
  }
  .resource-card:active { transform:scale(.998); }
  .resource-card--locked {
    border-color:var(--border, rgba(255,255,255,0.06));
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.025);
    background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.012)), var(--bg-card, var(--bg-surface, #151517));
  }
  .resource-card--locked:hover,
  .resource-card--locked:focus-visible,
  .resource-card--locked:focus-within {
    border-color:rgba(212,160,74,0.30);
    box-shadow:inset 1px 0 0 rgba(251,191,36,0.82), inset 0 1px 0 rgba(255,255,255,0.025);
    background:linear-gradient(90deg, rgba(212,160,74,0.055), rgba(255,255,255,0.022) 34%, rgba(255,255,255,0.012)), var(--bg-card, var(--bg-surface, #151517));
  }
  .resource-card--hub { display:grid; grid-template-columns:34px minmax(0,1fr) minmax(260px,360px); gap:12px; align-items:center; min-height:74px; padding:12px 14px; }
  .resource-card--compact { --resource-compact-source-width:76px; display:grid; grid-template-columns:var(--resource-compact-source-width) minmax(0,1fr) max-content; gap:8px 10px; align-items:start; padding:10px 11px; }
  .resource-card--nested { display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:8px 10px; align-items:center; padding:10px 12px; }
  .resource-card--nested .resource-card__actions,
  .resource-card--nested .resource-card__facts { justify-content:flex-end; }
  .resource-card__kind { align-self:start; padding-top:1px; }
  .resource-card__main { min-width:0; display:grid; gap:5px; }
  .resource-card__title { display:block; min-width:0; color:var(--text-primary, #e6e4e0); font-size:13px; line-height:1.38; font-weight:650; overflow-wrap:anywhere; }
  .resource-card--hub .resource-card__title { font-size:14px; font-weight:560; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
  .resource-card__release { min-width:0; color:var(--text-muted, #92877a); font-size:11px; line-height:1.35; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .resource-card__facts { min-width:0; display:flex; flex-wrap:wrap; gap:5px; align-items:center; justify-content:flex-end; }
  .resource-card__actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .resource-card__source {
    min-width:42px;
    min-height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 7px;
    border:1px solid rgba(212,160,74,0.30);
    border-radius:var(--radius-xs, 4px);
    background:rgba(212,160,74,0.13);
    color:#dfb968;
    font-size:10px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
  }
  .resource-card--compact .resource-card__source {
    width:var(--resource-compact-source-width);
    min-width:0;
    box-sizing:border-box;
  }
  .resource-card__empty { display:block; color:var(--text-muted, #92877a); text-align:center; padding:24px; }
  .resource-kind-pill { display:inline-flex; align-items:center; justify-content:center; min-width:23px; height:22px; padding:0 6px; border-radius:var(--radius-sm, 7px); font-size:11px; font-weight:700; letter-spacing:.04em; line-height:1; }
  .resource-kind-pill--movie { background:var(--status-green-soft, rgba(74,222,128,0.12)); color:var(--status-green, #4ade80); border:1px solid var(--status-green-border, rgba(74,222,128,0.25)); }
  .resource-kind-pill--tv { background:var(--status-blue-soft, rgba(96,165,250,0.12)); color:var(--status-blue, #60a5fa); border:1px solid var(--status-blue-border, rgba(96,165,250,0.25)); }
  .resource-kind-pill--doc { background:var(--status-orange-soft, rgba(251,146,60,0.12)); color:var(--status-orange, #fb923c); border:1px solid var(--status-orange-border, rgba(251,146,60,0.25)); }
  .resource-badge-row { display:flex; flex-wrap:wrap; gap:4px; min-height:19px; align-items:center; }
  .resource-badge { display:inline-flex; align-items:center; min-height:18px; padding:1px 6px; border-radius:var(--radius-xs, 4px); font-size:10px; line-height:1.25; font-weight:650; white-space:nowrap; border:1px solid; box-shadow:inset 0 0 0 100px rgba(212,160,74,0.025); }
  .resource-badge--neutral { background:rgba(255,255,255,0.035); color:var(--text-secondary, #a09890); border-color:var(--border, rgba(255,255,255,0.06)); }
  .resource-badge--remux { background:rgba(245,158,11,0.18); color:#fcd34d; border-color:rgba(245,158,11,0.48); }
  .resource-badge--webdl { background:rgba(59,130,246,0.18); color:#93c5fd; border-color:rgba(59,130,246,0.48); }
  .resource-badge--webrip,
  .resource-badge--bdrip { background:rgba(251,191,36,0.12); color:#fde68a; border-color:rgba(251,191,36,0.34); }
  .resource-badge--dv { background:rgba(139,92,246,0.22); color:#d8b4fe; border-color:rgba(139,92,246,0.52); }
  .resource-badge--hdr10p,
  .resource-badge--hdr { background:rgba(16,185,129,0.16); color:#86efac; border-color:rgba(16,185,129,0.42); }
  .resource-badge--atmos,
  .resource-badge--dtshd,
  .resource-badge--truehd { background:rgba(239,68,68,0.14); color:#fca5a5; border-color:rgba(239,68,68,0.36); }
  .resource-badge--ddp { background:rgba(245,158,11,0.12); color:#f6c177; border-color:rgba(245,158,11,0.32); }
  .resource-badge--hevc { background:rgba(30,64,175,0.18); color:#93c5fd; border-color:rgba(30,64,175,0.46); }
  .resource-badge--av1 { background:rgba(6,182,212,0.16); color:#67e8f9; border-color:rgba(6,182,212,0.42); }
  .resource-badge--lock { background:rgba(212,160,74,0.16); color:#f3c35d; border-color:rgba(212,160,74,0.42); }
  .resource-fact { --resource-fact-font-size:10px; min-width:0; height:32px; box-sizing:border-box; display:inline-flex; align-items:center; gap:4px; padding:0 7px; border-radius:var(--radius-sm, 7px); border:1px solid var(--border, rgba(255,255,255,0.06)); background:rgba(255,255,255,0.018); font-size:var(--resource-fact-font-size); font-weight:700; line-height:1; letter-spacing:0; white-space:nowrap; }
  .resource-fact em { color:var(--text-muted, #92877a); font:inherit; font-style:normal; line-height:inherit; letter-spacing:inherit; }
  .resource-fact strong { color:var(--text-primary, #e6e4e0); font:inherit; line-height:inherit; letter-spacing:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-variant-numeric:tabular-nums; }
  .resource-fact--seed-hot { background:rgba(34,197,94,0.12); border-color:rgba(34,197,94,0.24); }
  .resource-fact--seed-hot strong { color:#86efac; }
  .resource-fact--seed-warm { background:rgba(212,160,74,0.10); border-color:rgba(212,160,74,0.22); }
  .resource-fact--seed-warm strong { color:#f3c35d; }
  .resource-fact--seed-cold strong,
  .resource-fact--muted strong { color:var(--text-muted, #92877a); }
  .resource-lock-action {
    min-width:42px;
    min-height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 9px;
    color:var(--text-muted, #92877a);
    border:1px solid rgba(212,160,74,0.30);
    border-radius:var(--radius-sm, 7px);
    background:rgba(212,160,74,0.10);
    font-size:11px;
    line-height:1;
    font-weight:700;
    text-decoration:none;
  }
  .resource-lock-action:hover { border-color:rgba(212,160,74,0.46); color:var(--accent, #d4a04a); background:rgba(212,160,74,0.14); }
  .resource-lock-action svg { width:13px; height:13px; display:block; flex:0 0 auto; }
  .resource-action-link {
    min-height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 9px;
    border-radius:var(--radius-sm, 7px);
    background:var(--accent, #d4a04a);
    color:var(--text-on-accent, #140f08);
    font-size:11px;
    line-height:1;
    font-weight:750;
    text-decoration:none;
  }
  .resource-action-link svg { width:13px; height:13px; display:block; flex:0 0 auto; }
  @media (max-width: 900px) {
    .resource-card--hub { grid-template-columns:28px minmax(0,1fr); gap:8px; align-items:start; min-height:0; padding:11px 10px 10px; }
    .resource-card--hub .resource-card__facts { grid-column:2; justify-content:flex-start; margin-top:2px; }
    .resource-card--hub .resource-card__title { -webkit-line-clamp:3; }
  }
  @media (max-width: 640px) {
    .resource-card--nested { grid-template-columns:minmax(0,1fr); }
    .resource-card--nested .resource-card__actions,
    .resource-card--nested .resource-card__facts { justify-content:flex-start; }
    .resource-card--compact { --resource-compact-source-width:64px; grid-template-columns:var(--resource-compact-source-width) minmax(0,1fr); gap:7px 9px; padding:9px 10px; }
    .resource-card--compact .resource-card__facts { grid-column:2; justify-content:flex-start; }
    .resource-card--compact .resource-card__source { min-width:38px; min-height:21px; padding:0 6px; font-size:9.5px; }
    .resource-card--compact .resource-card__title { font-size:11.75px; line-height:1.38; }
    .resource-card--compact .resource-badge,
    .resource-card--compact .resource-fact { --resource-fact-font-size:9.5px; height:21px; padding:0 5px; }
  }


.site-policy-footer {
  --site-policy-footer-bottom-space: 32px;
  margin-top: 28px;
  padding-top: 16px;
  padding-bottom: calc(var(--site-policy-footer-bottom-space) + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--border-row, var(--border, var(--line, rgba(255,255,255,0.08))));
  color: var(--text-muted, var(--muted, rgba(230,228,224,0.62)));
  text-align: center;
}
.site-policy-footer__links {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  flex-wrap: wrap;
  text-align: center;
}
.site-policy-footer__notice {
  margin: 0 0 2px;
  color: var(--text-muted, var(--muted, rgba(230,228,224,0.62)));
  font-size: 11.5px;
  line-height: 1.45;
  font-weight: 500;
  text-align: center;
}
.site-policy-footer__link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted, var(--muted, rgba(230,228,224,0.62)));
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 760;
  letter-spacing: 0;
  text-decoration: none;
  transition: color 150ms ease;
}
.site-policy-footer__link:hover {
  color: var(--accent, #d4a04a);
}
.site-policy-footer__separator {
  width: 3px;
  height: 3px;
  display: inline-block;
  flex: 0 0 auto;
  border-radius: 999px;
  background: currentColor;
  color: var(--text-dim, var(--faint, rgba(230,228,224,0.34)));
  transform: translateY(0.5px);
}
@media (max-width: 640px) {
  .site-policy-footer {
    --site-policy-footer-bottom-space: 28px;
    margin-top: 24px;
    padding-top: 14px;
  }
  .site-policy-footer__links {
    gap: 0 9px;
  }
}

  .detail-version-head { display:grid; gap:4px; margin-bottom:10px; }
  .ssr-detail-versions ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
  .detail-version-item { min-width:0; }
  .detail-version-link { --detail-version-source-width:76px; display:grid; grid-template-columns:var(--detail-version-source-width) minmax(0,1fr) max-content; gap:8px 10px; align-items:start; min-width:0; padding:10px 11px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--bg-surface); color:inherit; text-decoration:none; box-shadow:inset 0 1px 0 rgba(255,255,255,0.025); transition:border-color 0.18s ease, background-color 0.18s ease; }
  .detail-version-link-locked { border-color:rgba(212,160,74,0.22); box-shadow:inset 3px 0 0 rgba(251,191,36,0.62); background:linear-gradient(90deg, rgba(212,160,74,0.07), rgba(255,255,255,0.026) 34%, rgba(255,255,255,0.012)), var(--bg-surface); }
  .detail-version-source { width:var(--detail-version-source-width); min-width:0; min-height:22px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:0 7px; border:1px solid rgba(212,160,74,0.30); border-radius:var(--radius-xs); background:rgba(212,160,74,0.13); color:#dfb968; font-size:10px; line-height:1; font-weight:850; white-space:nowrap; }
  .detail-version-body { min-width:0; display:grid; gap:5px; }
  .detail-version-title { display:block; min-width:0; color:var(--text-primary); font-size:12.25px; line-height:1.38; font-weight:650; overflow-wrap:anywhere; }
  .detail-version-tags, .detail-version-metrics { display:flex; flex-wrap:wrap; gap:5px; min-width:0; }
  .detail-version-tags span, .detail-version-metrics span { display:inline-flex; align-items:center; min-height:18px; color:var(--text-muted); background:var(--bg-header); border:1px solid var(--border); border-radius:var(--radius-xs); padding:1px 5px; font-size:10px; line-height:1.35; font-weight:620; white-space:nowrap; }
  .detail-version-metrics { justify-content:flex-end; align-self:start; }
  .detail-version-seeders { color:var(--success)!important; border-color:rgba(84,190,121,0.26)!important; background:rgba(84,190,121,0.10)!important; }
  .detail-similar-card { display:grid; gap:10px; }
  .detail-similar-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; }
  .detail-similar-context { flex:0 0 auto; color:var(--text-muted); font-size:11px; line-height:1.35; font-weight:500; }
  .detail-similar-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
  .detail-similar-item { min-width:0; }
  .detail-similar-link { min-height:74px; display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 9px 8px 8px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--bg-header); color:inherit; text-decoration:none; }
  .detail-similar-poster { width:48px; aspect-ratio:2/3; display:block; object-fit:cover; border-radius:var(--radius-sm); background:var(--bg-surface); border:1px solid var(--border); }
  .detail-similar-poster-fallback { display:inline-flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:11px; line-height:1; font-weight:800; }
  .detail-similar-body { min-width:0; display:grid; gap:3px; }
  .detail-similar-title { color:var(--text-primary); font-size:12.25px; line-height:1.38; font-weight:650; overflow-wrap:anywhere; }
  .detail-similar-original { color:var(--text-muted); font-size:11px; line-height:1.35; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .detail-similar-meta { color:var(--text-muted); font-size:11px; line-height:1.35; font-weight:400; }
  .detail-similar-tags { display:flex; flex-wrap:wrap; gap:4px; min-width:0; }
  .detail-similar-tags span { display:inline-flex; align-items:center; min-height:17px; color:var(--text-secondary); background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-xs); padding:1px 5px; font-size:9.5px; line-height:1.25; font-weight:620; white-space:nowrap; }
  .detail-similar-arrow { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--text-muted); background:var(--bg-header); transition:background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
  .detail-similar-arrow svg { width:15px; height:15px; display:block; }
  .media-info-panel { overflow:hidden; }
  .media-info-toggle { list-style:none; min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 16px; cursor:pointer; }
  .media-info-toggle::-webkit-details-marker { display:none; }
  .media-info-toggle-copy { min-width:0; display:grid; gap:3px; }
  .media-info-title { color:var(--text-secondary); font-size:13px; line-height:1.25; font-weight:500; letter-spacing:0; }
  .media-info-compact { min-width:0; color:var(--text-muted); font-size:11.5px; line-height:1.35; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .media-info-affordance { flex:0 0 auto; min-width:32px; min-height:32px; display:inline-flex; align-items:center; justify-content:center; gap:7px; color:var(--text-muted); font-size:11px; line-height:1; font-weight:500; align-self:center; }
  .media-info-expand-icon { width:20px; height:20px; display:block; color:var(--text-muted); transform-origin:center; transform-box:fill-box; transition:transform 0.18s ease, color 0.18s ease; }
  .media-info-panel[open] .media-info-toggle { border-bottom:1px solid var(--border); }
  .media-info-panel[open] .media-info-expand-icon { transform:rotate(180deg); }
  .media-info-body { display:grid; gap:15px; padding:0 16px 15px; }
  .media-info-overview { margin:0; padding-top:10px; display:grid; }
  .media-info-group { display:grid; gap:6px; }
  .media-info-group h3 { margin:0; color:var(--text-muted); font-size:11.5px; line-height:1.35; font-weight:500; letter-spacing:0; }
  .media-info-track { display:grid; grid-template-columns:86px minmax(0,1fr); gap:12px; padding:8px 0; border-top:1px solid var(--border); }
  .media-info-track-label { color:var(--text-secondary); font-size:12px; line-height:1.45; font-weight:500; overflow-wrap:anywhere; }
  .media-info-track-body { min-width:0; margin:0; display:grid; }
  .media-info-row { min-width:0; display:grid; grid-template-columns:minmax(74px,0.42fr) minmax(0,1fr); gap:12px; padding:5px 0; border-top:1px solid var(--border); }
  .media-info-row:first-child { border-top:0; }
  .media-info-row dt { margin:0; color:var(--text-muted); font-size:11.5px; line-height:1.45; font-weight:400; letter-spacing:0; }
  .media-info-row dd { margin:0; color:var(--text-secondary); font-size:12px; line-height:1.45; font-weight:500; text-align:right; overflow-wrap:anywhere; }
  @media (hover: hover) and (pointer: fine) {
	    .surface-card:hover { border-color:rgba(255,255,255,0.11); }
	    .back-link:hover, .lang-toggle:hover { background:var(--bg-surface-hover); color:var(--text-primary); border-color:rgba(255,255,255,0.13); }
	    .copy-btn:hover { background:var(--bg-surface-hover); color:var(--text-primary); }
    .magnet-action:hover { background:var(--accent-hover); }
    .unlock-btn:hover { border-color:var(--accent-hover); background:var(--accent-hover); color:var(--text-on-accent); }
    .resource-action-buttons .copy-btn:hover { border-color:var(--border); background:var(--bg-surface-hover); color:var(--text-primary); }
    .detail-version-link:hover { border-color:rgba(212,160,74,0.28); background:var(--bg-surface-hover); }
    .detail-similar-link:hover { border-color:var(--border); background:var(--bg-surface-hover); }
    .detail-similar-link:hover .detail-similar-title { color:var(--accent); }
    .detail-similar-link:hover .detail-similar-arrow { color:var(--text-primary); border-color:var(--border); background:var(--bg-surface); }
    .media-info-toggle:hover { background:var(--bg-surface-hover); }
	  }
	  @media (min-width: 640px) {
	    .detail-hero { --detail-poster-col:11rem; grid-template-columns:var(--detail-poster-col) minmax(0,1fr); grid-template-areas:"poster title" "season season" "copy copy" "resource resource"; gap:14px 28px; }
	  }
	  @media (max-width: 759px) {
	    .detail-hero { grid-template-areas:"poster title" "copy copy" "resource resource"; }
	    .detail-media-stack { grid-area:poster; display:grid; gap:14px; align-content:start; min-width:0; }
	    .detail-poster-cell,
	    .detail-season-entry { grid-area:auto; }
	    .detail-season-entry { width:100%; }
	    .detail-season-entry .detail-pill { gap:6px; padding-left:8px; padding-right:8px; font-size:12px; white-space:nowrap; }
	    .detail-season-entry .detail-pill svg { width:14px; height:14px; flex:0 0 auto; }
	    .detail-title-cell { align-self:stretch; }
    .detail-title-main { height:100%; }
    .detail-title-overview { display:grid; gap:4px; margin-top:8px; padding-top:8px; border-top:1px solid var(--border); }
    .detail-title-overview-label { color:var(--text-muted); font-size:10.5px; line-height:1.35; font-weight:720; white-space:nowrap; }
    .detail-title-overview-copy { margin:0; color:var(--text-secondary); font-size:11.5px; line-height:1.48; font-weight:400; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-align:left; overflow-wrap:break-word; }
    .detail-hero-copy .detail-story-row { display:none; }
  }
	  @media (min-width: 760px) {
	    .detail-shell { padding-top:22px; }
    .detail-hero { display:grid; grid-template-columns:clamp(168px, 18vw, 198px) minmax(0,1fr); grid-template-areas:"media info" "resource resource"; gap:18px 32px; align-items:start; margin-bottom:22px; }
	    .detail-media-stack { grid-area:media; display:grid; gap:14px; align-content:start; min-width:0; }
	    .detail-info-stack { grid-area:info; display:grid; gap:18px; align-content:start; justify-self:stretch; width:100%; max-width:none; min-width:0; }
	    .detail-poster-cell,
	    .detail-title-cell,
	    .detail-hero-copy,
	    .detail-season-entry { grid-area:auto; }
    .detail-hero h1 { max-width:100%; font-size:25px; line-height:1.14; margin-bottom:8px; }
    .detail-hero-copy { width:100%; justify-self:stretch; display:grid; gap:8px; }
	    .detail-overview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; margin:0!important; }
	    .detail-enrichment { color:var(--text-secondary); }
	    .detail-season-entry { align-self:start; justify-self:start; width:100%; }
	    .detail-season-entry .detail-pill { width:100%; justify-content:center; }
	    .detail-resource-card { margin-top:4px; }
  }
	  @media (min-width: 1180px) {
	    .detail-shell { padding-top:22px; }
	  }
  @media (max-width: 640px) {
    .detail-resource-body { grid-template-columns:1fr; }
    .detail-measure, .detail-file-text, .detail-overview, .detail-story, .detail-enrichment { max-width:none; }
    .detail-section-title { font-size:12.5px; line-height:1.25; }
    .detail-section-copy { font-size:11.5px; line-height:1.45; }
    .detail-overview { font-size:12.5px!important; line-height:1.55; }
    .detail-story-row, .detail-enrichment { grid-template-columns:40px minmax(0,1fr); gap:8px; font-size:11.5px!important; line-height:1.48; padding:7px 0; }
    .detail-story-label, .detail-enrichment-label { font-size:10.5px; line-height:1.48; }
    .detail-resource-head { grid-template-columns:minmax(0,1fr) minmax(0,max-content); gap:10px; }
    .resource-access-summary { max-width:none; font-size:11px; overflow-wrap:normal; }
    .detail-version-head { margin-bottom:8px; }
    .ssr-detail-versions ul { gap:7px; }
    .detail-version-link { --detail-version-source-width:64px; grid-template-columns:var(--detail-version-source-width) minmax(0,1fr); gap:7px 9px; padding:9px 10px; }
    .detail-version-source { min-width:38px; min-height:21px; padding:0 6px; font-size:9.5px; }
    .detail-version-title { font-size:11.75px; line-height:1.38; }
    .detail-version-tags span, .detail-version-metrics span { min-height:17px; font-size:9.5px; padding:1px 5px; }
    .detail-version-metrics { grid-column:2; justify-content:flex-start; }
    .detail-similar-card { gap:9px; }
    .detail-similar-context { font-size:10.5px; }
    .detail-similar-list { gap:7px; }
    .detail-similar-link { min-height:70px; grid-template-columns:44px minmax(0,1fr) auto; gap:8px; padding:7px 8px 7px 7px; }
    .detail-similar-poster { width:44px; border-radius:var(--radius-sm); }
    .detail-similar-title { font-size:11.75px; line-height:1.38; }
    .detail-similar-original { font-size:10.5px; line-height:1.35; }
    .detail-similar-meta { font-size:10.5px; line-height:1.35; }
    .detail-similar-tags span { min-height:16px; font-size:9px; padding:1px 4px; }
    .detail-similar-arrow { width:26px; height:26px; }
    .media-info-toggle { min-height:48px; align-items:center; padding:12px 13px; gap:10px; }
    .media-info-affordance span:first-child { display:none; }
    .media-info-affordance { min-width:28px; min-height:28px; }
    .media-info-body { gap:13px; padding:0 13px 13px; }
    .media-info-track { grid-template-columns:1fr; gap:4px; padding:8px 0; }
    .media-info-row { grid-template-columns:minmax(72px,0.38fr) minmax(0,1fr); gap:10px; padding:6px 0; }
    .locked-resource-panel { min-width:0; justify-content:flex-start; padding-top:12px; margin-top:4px; border-top:1px solid var(--border); }
    .resource-action-buttons { width:auto; justify-self:start; }
    .resource-action-buttons .magnet-action,
    .resource-action-buttons .copy-btn { font-size:13px; }
  }
  @media (max-width: 640px) {
    .detail-pill, .lang-toggle, .magnet-action, .copy-btn { min-height:44px; }
    .lang-toggle, .copy-btn { min-width:44px; }
  }
  .icon-btn svg { transition: opacity 0.15s; }
  .icon-btn .check-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.15s; }
  .icon-btn.copied .original-icon { opacity: 0; }
  .icon-btn.copied .check-icon { opacity: 1; }
  .toast { position: fixed; bottom: 40px; left: 50%; transform: translateX(-50%);
    background: var(--success); color: var(--text-on-accent); padding: 6px 16px; border-radius: var(--radius-md);
    font-size: 12px; z-index: 999; opacity: 0; transition: opacity 0.3s;
    backdrop-filter: blur(8px); box-shadow: 0 4px 16px rgba(0,0,0,0.4); }
  .toast.show { opacity: 1; }
  .rec-card::-webkit-scrollbar { display: none; }
  .info-label { color: var(--text-muted); }
  .info-val { color: var(--text-primary); }
  .badge { display:inline-block; font-size:10px; padding:1px 5px; border-radius:var(--radius-xs); font-weight:600; line-height:1.6; white-space:nowrap; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
  .badge-remux  { background:rgba(212,160,74,0.14); color:#dfb968; border:1px solid rgba(212,160,74,0.34); }
  .badge-webdl  { background:rgba(148,139,126,0.14); color:#b9ad9e; border:1px solid rgba(148,139,126,0.32); }
  .badge-bdrip  { background:rgba(148,139,126,0.12); color:#a99f93; border:1px solid rgba(148,139,126,0.28); }
  .badge-webrip { background:rgba(148,139,126,0.12); color:#a99f93; border:1px solid rgba(148,139,126,0.28); }
  .badge-dv     { background:rgba(170,112,77,0.16); color:#d49b75; border:1px solid rgba(170,112,77,0.34); }
  .badge-hdr10p { background:rgba(126,151,102,0.16); color:#b1c58f; border:1px solid rgba(126,151,102,0.34); }
  .badge-hdr    { background:rgba(126,151,102,0.14); color:#a9bf88; border:1px solid rgba(126,151,102,0.30); }
  .badge-atmos  { background:rgba(178,111,86,0.15); color:#d7a18d; border:1px solid rgba(178,111,86,0.32); }
  .badge-dtshd  { background:rgba(190,132,76,0.14); color:#d6a66e; border:1px solid rgba(190,132,76,0.30); }
  .badge-truehd { background:rgba(162,114,103,0.15); color:#d0a19a; border:1px solid rgba(162,114,103,0.32); }
  .badge-hevc   { background:rgba(132,129,117,0.15); color:#bbb4a6; border:1px solid rgba(132,129,117,0.30); }
  .badge-av1    { background:rgba(132,129,117,0.15); color:#bbb4a6; border:1px solid rgba(132,129,117,0.30); }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  }