@font-face{font-family:Frank Ruhl Libre;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/frank-ruhl-libre-hebrew-500-normal-UhV5Nrdm.woff2) format("woff2"),url(/assets/frank-ruhl-libre-hebrew-500-normal-DXveaSS_.woff) format("woff")}@font-face{font-family:Frank Ruhl Libre;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/frank-ruhl-libre-hebrew-700-normal-ZxcPrX5v.woff2) format("woff2"),url(/assets/frank-ruhl-libre-hebrew-700-normal-B5o0XYJ1.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/heebo-hebrew-400-normal-CVTJgQVK.woff2) format("woff2"),url(/assets/heebo-hebrew-400-normal-DoqplqF9.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/heebo-hebrew-500-normal-TEhwuRN-.woff2) format("woff2"),url(/assets/heebo-hebrew-500-normal-B1vvQVzc.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/heebo-hebrew-700-normal-BmueYKsA.woff2) format("woff2"),url(/assets/heebo-hebrew-700-normal-C-m02vPD.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/heebo-latin-400-normal-BGyEuwIV.woff2) format("woff2"),url(/assets/heebo-latin-400-normal-BVgBBEsj.woff) format("woff")}@font-face{font-family:Heebo;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/heebo-latin-700-normal-PoyjiH5f.woff2) format("woff2"),url(/assets/heebo-latin-700-normal-DxB9_ClD.woff) format("woff")}:root{--ivory-50: #fcf9f3;--ivory-100: #f7f1e6;--ivory-200: #efe5d3;--ivory-300: #e2d4bb;--ink-900: #16181f;--ink-800: #22252e;--ink-600: #474b57;--ink-500: #5d6270;--blue-900: #10244a;--blue-800: #1d3a6b;--blue-700: #264b87;--blue-300: #8fb1ec;--gold-700: #7c5a12;--gold-500: #b8892b;--gold-300: #e9b949;--amber-200: #f7d58e;--red-700: #a3261f;--green-700: #2c6b3f;--bg: var(--ivory-100);--bg-elevated: var(--ivory-50);--bg-sunken: var(--ivory-200);--surface: #fffdf8;--border: color-mix(in srgb, var(--ink-900) 13%, transparent);--border-strong: color-mix(in srgb, var(--ink-900) 26%, transparent);--text: var(--ink-900);--text-muted: var(--ink-600);--text-soft: var(--ink-500);--accent: var(--blue-800);--accent-hover: var(--blue-700);--accent-contrast: #ffffff;--accent-soft: color-mix(in srgb, var(--blue-800) 10%, transparent);--gold: var(--gold-500);--gold-text: var(--gold-700);--glow: var(--amber-200);--danger: var(--red-700);--success: var(--green-700);--focus: #1a5fd0;--overlay: color-mix(in srgb, var(--ink-900) 55%, transparent);--demo-bg: #fff1c7;--demo-text: #5b4100;--font-scale: 1;--font-serif: "Frank Ruhl Libre", "David Libre", "Times New Roman", serif;--font-sans: "Heebo", "Assistant", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--step--1: calc(.875rem * var(--font-scale));--step-0: calc(1rem * var(--font-scale));--step-1: calc(1.125rem * var(--font-scale));--step-2: calc(clamp(1.25rem, 1.1rem + .6vw, 1.5rem) * var(--font-scale));--step-3: calc(clamp(1.5rem, 1.25rem + 1.1vw, 2rem) * var(--font-scale));--step-4: calc(clamp(1.9rem, 1.4rem + 2.2vw, 3rem) * var(--font-scale));--step-5: calc(clamp(2.3rem, 1.6rem + 3.4vw, 4rem) * var(--font-scale));--leading: 1.65;--leading-tight: 1.2;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.25rem;--s-6: 1.5rem;--s-8: 2rem;--s-10: 2.5rem;--s-12: 3rem;--s-16: 4rem;--s-20: 5rem;--gutter: clamp(1rem, 4vw, 2rem);--maxw: 76rem;--maxw-text: 42rem;--r-1: 6px;--r-2: 10px;--r-3: 16px;--r-4: 24px;--r-pill: 999px;--shadow-1: 0 1px 2px color-mix(in srgb, var(--ink-900) 8%, transparent), 0 1px 1px color-mix(in srgb, var(--ink-900) 4%, transparent);--shadow-2: 0 6px 20px -6px color-mix(in srgb, var(--ink-900) 22%, transparent), 0 2px 6px -2px color-mix(in srgb, var(--ink-900) 10%, transparent);--shadow-3: 0 24px 60px -20px color-mix(in srgb, var(--blue-900) 38%, transparent);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .38s;--header-h: 64px;--bottom-nav-h: 64px;--player-h: 72px;--tap: 44px;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #13151b;--bg-elevated: #1a1d25;--bg-sunken: #0e1015;--surface: #1c1f28;--border: color-mix(in srgb, #ece6d8 13%, transparent);--border-strong: color-mix(in srgb, #ece6d8 26%, transparent);--text: #efe9dc;--text-muted: #bfb8a9;--text-soft: #a39d90;--accent: var(--blue-300);--accent-hover: #adc6f2;--accent-contrast: #0c1630;--accent-soft: color-mix(in srgb, var(--blue-300) 14%, transparent);--gold: var(--gold-300);--gold-text: #e7c060;--glow: #6b4f12;--danger: #f08a82;--success: #7fd19a;--focus: #8fb8ff;--overlay: color-mix(in srgb, #000 65%, transparent);--demo-bg: #3b3011;--demo-text: #ffe39a}}:root[data-theme=dark]{--bg: #13151b;--bg-elevated: #1a1d25;--bg-sunken: #0e1015;--surface: #1c1f28;--border: color-mix(in srgb, #ece6d8 13%, transparent);--border-strong: color-mix(in srgb, #ece6d8 26%, transparent);--text: #efe9dc;--text-muted: #bfb8a9;--text-soft: #a39d90;--accent: var(--blue-300);--accent-hover: #adc6f2;--accent-contrast: #0c1630;--accent-soft: color-mix(in srgb, var(--blue-300) 14%, transparent);--gold: var(--gold-300);--gold-text: #e7c060;--glow: #6b4f12;--danger: #f08a82;--success: #7fd19a;--focus: #8fb8ff;--overlay: color-mix(in srgb, #000 65%, transparent);--demo-bg: #3b3011;--demo-text: #ffe39a}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}}:root[data-motion=reduce]{--dur-1: 0ms;--dur-2: 0ms;--dur-3: 0ms}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--leading);font-feature-settings:"kern";-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,iframe{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{font-family:var(--font-serif);line-height:var(--leading-tight);margin:0 0 var(--s-3);font-weight:700;text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0 0 var(--s-4);text-wrap:pretty}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb,var(--gold) 40%,transparent)}bdi,.ltr{unicode-bidi:isolate}.ltr{direction:ltr;display:inline-block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--s-4);top:-100px;z-index:100;background:var(--accent);color:var(--accent-contrast);padding:var(--s-2) var(--s-4);border-radius:var(--r-2)}.skip-link:focus{top:var(--s-2)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.prose{max-width:var(--maxw-text)}.stack>*+*{margin-top:var(--s-4)}.muted{color:var(--text-muted)}.soft{color:var(--text-soft);font-size:var(--step--1)}.row{display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.spread{display:flex;gap:var(--s-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.grow{flex:1 1 auto}.section{padding-block:clamp(var(--s-8),6vw,var(--s-16))}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap}.section-head h2{margin:0}.eyebrow{font-size:var(--step--1);letter-spacing:.04em;color:var(--gold-text);font-weight:600;margin-bottom:var(--s-2)}main{display:block;min-height:60vh;padding-bottom:calc(var(--bottom-nav-h) + var(--s-8))}body.has-player main{padding-bottom:calc(var(--bottom-nav-h) + var(--player-h) + var(--s-8))}@media(min-width:900px){main{padding-bottom:var(--s-12)}body.has-player main{padding-bottom:calc(var(--player-h) + var(--s-12))}}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .page-enter{animation:page-in var(--dur-3) var(--ease-out) both}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-5);border-radius:var(--r-pill);border:1px solid transparent;background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:var(--step-0);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-2),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2)}.btn:hover{background:var(--accent-hover);color:var(--accent-contrast)}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-sunken);color:var(--text)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--accent-soft);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 85%,#000);color:#fff}.btn-sm{min-height:36px;padding:0 var(--s-3);font-size:var(--step--1)}.icon-btn{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-pill);border:0;background:transparent;color:var(--text);cursor:pointer;transition:background-color var(--dur-2)}.icon-btn:hover{background:var(--accent-soft)}.icon-btn[aria-pressed=true]{color:var(--gold-text)}.icon{width:1.25em;height:1.25em;flex:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--step--1);font-weight:500;background:var(--bg-sunken);color:var(--text-muted);line-height:1.6;border:1px solid var(--border)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge-gold{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold-text);border-color:transparent}.badge-warn{background:var(--demo-bg);color:var(--demo-text);border-color:transparent}.badge-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border-color:transparent}.badge-ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success);border-color:transparent}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.site-header .container{height:100%;display:flex;align-items:center;gap:var(--s-4)}.brand{display:flex;align-items:center;gap:var(--s-3);text-decoration:none;color:var(--text);font-family:var(--font-serif)}.brand-mark{width:36px;height:36px;flex:none}.brand-name{font-size:var(--step-1);font-weight:700;line-height:1.1}.brand-sub{display:block;font-family:var(--font-sans);font-size:.75rem;color:var(--text-muted);font-weight:400}.main-nav{display:none;gap:var(--s-1);margin-inline-start:var(--s-4)}.main-nav a{padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);color:var(--text);text-decoration:none;font-weight:500;font-size:var(--step--1)}.main-nav a:hover{background:var(--accent-soft)}.main-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.header-actions{margin-inline-start:auto;display:flex;gap:var(--s-1);align-items:center}.search-trigger{display:none;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);min-width:220px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);cursor:pointer}.search-trigger kbd{margin-inline-start:auto;font-size:.75rem;border:1px solid var(--border);border-radius:4px;padding:0 6px}@media(min-width:1000px){.main-nav{display:flex}.search-trigger{display:inline-flex}.search-icon-only{display:none}}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:45;height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;align-content:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:.72rem;background:none;border:0;cursor:pointer;min-height:var(--tap)}.bottom-nav a[aria-current=page]{color:var(--accent);font-weight:600}.bottom-nav .icon{width:24px;height:24px}@media(min-width:900px){.bottom-nav{display:none}}.demo-banner{background:var(--demo-bg);color:var(--demo-text);font-size:var(--step--1);padding:var(--s-2) 0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 25%,transparent)}.demo-banner .container{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.demo-banner strong{font-weight:700}.hero-banner{padding-top:var(--s-4)}.hero-banner img{display:block;width:100%;height:auto;border-radius:var(--r-3);box-shadow:var(--shadow-1);background:#0b1a3a}@media(max-width:700px){.hero-banner{padding-inline:0;padding-top:0}.hero-banner img{border-radius:0}}.hero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(var(--s-10),9vw,var(--s-20)) clamp(var(--s-8),6vw,var(--s-16))}.hero:before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-2;background:radial-gradient(60% 50% at 78% 18%,color-mix(in srgb,var(--glow) 70%,transparent),transparent 70%),radial-gradient(50% 45% at 12% 80%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%)}.hero-art{position:absolute;inset-inline-end:-40px;bottom:0;width:min(560px,70vw);z-index:-1;opacity:.9;pointer-events:none}.hero h1{font-size:var(--step-5);max-width:14ch;margin-bottom:var(--s-4);letter-spacing:-.01em}.hero h1 .gold{color:var(--gold-text)}.hero-lede{font-size:var(--step-1);color:var(--text-muted);max-width:38ch}.hero-attrib{font-size:var(--step--1);color:var(--text-soft);margin-top:var(--s-2)}@media(max-width:700px){.hero-art{opacity:.35;width:90vw;inset-inline-end:-30vw}}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);margin-top:var(--s-8);max-width:720px}@media(min-width:700px){.actions-grid{grid-template-columns:repeat(4,1fr)}}.action-tile{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);min-height:112px;border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2),border-color var(--dur-2)}.action-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--text)}.action-tile .icon{width:28px;height:28px;color:var(--gold-text)}.action-tile strong{font-family:var(--font-serif);font-size:var(--step-2)}.action-tile span{font-size:var(--step--1);color:var(--text-muted)}.grid-cards{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.list-rows{display:grid;gap:var(--s-2)}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.card-media{position:relative;aspect-ratio:16 / 9;background:var(--bg-sunken);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.card-media .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-soft)}.card-media .ph .icon{width:40px;height:40px;opacity:.6}.card-duration{position:absolute;bottom:8px;inset-inline-start:8px;background:#000000b8;color:#fff;font-size:.75rem;padding:1px 6px;border-radius:4px}.card-body{padding:var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);flex:1}.card-title{font-family:var(--font-serif);font-size:var(--step-1);font-weight:700;line-height:1.3;margin:0}.card-title a{color:var(--text);text-decoration:none}.card-title a:after{content:"";position:absolute;inset:0}.card-sub{color:var(--text-muted);font-size:var(--step--1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:auto;position:relative;z-index:1}.card-actions{position:absolute;top:8px;inset-inline-end:8px;z-index:2;display:flex;gap:4px}.card-actions .icon-btn{background:color-mix(in srgb,var(--surface) 85%,transparent);width:40px;height:40px}.row-item{position:relative;display:grid;grid-template-columns:120px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-2);border-radius:var(--r-2);background:var(--surface);border:1px solid var(--border)}.row-item:hover{border-color:var(--border-strong)}.row-item .thumb{aspect-ratio:16/9;border-radius:var(--r-1);overflow:hidden;background:var(--bg-sunken);position:relative}.row-item .thumb img{width:100%;height:100%;object-fit:cover}.row-item .card-title{font-size:var(--step-0)}@media(max-width:520px){.row-item{grid-template-columns:88px 1fr}.row-item .row-actions{grid-column:1 / -1}}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,280px);gap:var(--s-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s-3);overscroll-behavior-x:contain}.shelf>*{scroll-snap-align:start}.filters{display:grid;gap:var(--s-3);padding:var(--s-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-3);margin-bottom:var(--s-5)}.filters-row{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:end}.chip-row{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.chip{flex:none;min-height:38px;padding:0 var(--s-4);border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--step--1);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background-color var(--dur-1),border-color var(--dur-1)}.chip:hover{border-color:var(--accent);color:var(--text)}.chip[aria-pressed=true],.chip[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px;background:var(--surface)}.segmented button{border:0;background:transparent;min-height:36px;min-width:40px;border-radius:var(--r-pill);cursor:pointer;display:grid;place-items:center;color:var(--text-muted)}.segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.field{display:grid;gap:6px;min-width:0}.field>label,.field-label{font-weight:600;font-size:var(--step--1)}.field .hint{font-size:var(--step--1);color:var(--text-soft)}.field .error{font-size:var(--step--1);color:var(--danger);font-weight:500}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);transition:border-color var(--dur-1),box-shadow var(--dur-1)}.textarea{min-height:140px;resize:vertical;line-height:1.6}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 30%,transparent)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger)}.check{display:flex;gap:var(--s-3);align-items:flex-start;cursor:pointer;min-height:var(--tap);padding-block:var(--s-2)}.check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--accent);flex:none}.form-grid{display:grid;gap:var(--s-4);grid-template-columns:1fr}@media(min-width:720px){.form-grid.two{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1 / -1}}.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--bg-sunken),color-mix(in srgb,var(--bg-sunken) 60%,var(--surface)),var(--bg-sunken));background-size:200% 100%;border-radius:var(--r-2)}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .skeleton{animation:shimmer 1.4s linear infinite}}@keyframes shimmer{to{background-position:-200% 0}}.state{display:grid;justify-items:center;text-align:center;gap:var(--s-3);padding:var(--s-10) var(--s-4);border:1px dashed var(--border-strong);border-radius:var(--r-3);color:var(--text-muted);background:var(--bg-elevated)}.state .icon{width:40px;height:40px;color:var(--gold-text)}.state h2,.state h3{color:var(--text);margin:0;font-size:var(--step-2)}.notice{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--bg-elevated);border:1px solid var(--border);border-inline-start:4px solid var(--gold);font-size:var(--step--1);color:var(--text-muted)}.notice.warn{border-inline-start-color:var(--danger)}.notice.ok{border-inline-start-color:var(--success)}.notice .icon{color:var(--gold-text);margin-top:2px}.pagination{display:flex;gap:var(--s-2);justify-content:center;align-items:center;margin-top:var(--s-8);flex-wrap:wrap}.pagination a,.pagination span{min-width:var(--tap);min-height:var(--tap);display:inline-grid;place-items:center;border-radius:var(--r-pill);text-decoration:none;padding:0 var(--s-3)}.pagination a{border:1px solid var(--border-strong);color:var(--text);background:var(--surface)}.pagination a[aria-current=page]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.breadcrumbs{font-size:var(--step--1);color:var(--text-muted);margin-block:var(--s-4) var(--s-2)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2);padding:0;margin:0}.breadcrumbs li+li:before{content:"‹";margin-inline-end:var(--s-2);color:var(--text-soft)}.breadcrumbs a{color:var(--text-muted)}.dialog-overlay{position:fixed;inset:0;background:var(--overlay);z-index:80}.dialog{position:fixed;z-index:81;inset-inline:var(--s-3);top:10vh;margin-inline:auto;max-width:560px;max-height:80vh;overflow:auto;background:var(--bg-elevated);border-radius:var(--r-4);border:1px solid var(--border);box-shadow:var(--shadow-3);padding:var(--s-6)}.dialog h2{font-size:var(--step-2)}.dialog-actions{display:flex;gap:var(--s-2);justify-content:flex-end;margin-top:var(--s-5);flex-wrap:wrap}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .dialog[data-state=open]{animation:pop var(--dur-2) var(--ease-spring)}:root:not([data-motion=reduce]) .dialog-overlay[data-state=open]{animation:fade var(--dur-2) var(--ease-out)}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.search-panel{top:6vh;max-width:680px;padding:0}.search-panel .search-input-wrap{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border)}.search-panel input{flex:1;border:0;background:transparent;font-size:var(--step-1);min-height:var(--tap)}.search-panel input:focus{outline:none}.search-results{list-style:none;margin:0;padding:var(--s-2);max-height:60vh;overflow:auto}.search-results a{display:flex;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-2);text-decoration:none;color:var(--text);align-items:center}.search-results a[aria-selected=true],.search-results a:hover{background:var(--accent-soft)}.toasts{position:fixed;z-index:90;bottom:calc(var(--bottom-nav-h) + var(--s-4));inset-inline:var(--s-4);display:grid;gap:var(--s-2);justify-items:center;pointer-events:none}@media(min-width:900px){.toasts{bottom:var(--s-6);inset-inline:auto var(--s-6)}}.toast{pointer-events:auto;display:flex;gap:var(--s-3);align-items:center;background:var(--ink-800);color:#fff;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);box-shadow:var(--shadow-2);max-width:420px}.toast.error{background:var(--red-700)}.toast button{background:transparent;color:inherit;border:1px solid rgb(255 255 255 / .4);border-radius:var(--r-pill);padding:2px 10px;cursor:pointer}.player-bar{position:fixed;z-index:44;inset-inline:0;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--border);box-shadow:0 -8px 24px -12px #00000040}@media(min-width:900px){.player-bar{bottom:0}}.player-inner{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-3);align-items:center;min-height:var(--player-h);padding-block:var(--s-2)}.player-title{font-weight:600;font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-progress{width:100%;accent-color:var(--gold);height:28px}.player-time{font-size:.75rem;color:var(--text-soft);font-variant-numeric:tabular-nums;direction:ltr}.player-expanded{padding-block:var(--s-4);border-top:1px solid var(--border)}.play-btn{width:52px;height:52px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;cursor:pointer}.play-btn .icon{width:26px;height:26px}.media-frame{position:relative;aspect-ratio:16/9;background:#0b0d12;border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-2)}.media-frame.short{aspect-ratio:9/16;max-width:360px;margin-inline:auto}.media-frame iframe,.media-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}.media-poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#0b0d12;color:#fff}.media-poster img{width:100%;height:100%;object-fit:cover;opacity:.85}.media-poster .play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:color-mix(in srgb,var(--gold-300) 92%,transparent);color:var(--ink-900);display:grid;place-items:center;box-shadow:0 8px 30px #0006;transition:transform var(--dur-2) var(--ease-spring)}.media-poster:hover .play,.media-poster:focus-visible .play{transform:scale(1.08)}.media-poster .consent{position:absolute;bottom:10px;inset-inline:10px;font-size:.75rem;background:#0009;padding:4px 8px;border-radius:6px}.item-layout{display:grid;gap:var(--s-8)}@media(min-width:1000px){.item-layout{grid-template-columns:minmax(0,1fr) 320px}}.meta-list{display:grid;grid-template-columns:max-content 1fr;gap:var(--s-2) var(--s-4);margin:0;font-size:var(--step--1)}.meta-list dt{color:var(--text-soft)}.meta-list dd{margin:0;overflow-wrap:anywhere}.side-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-5)}.quote-block{border-inline-start:3px solid var(--gold);padding:var(--s-2) var(--s-5);margin:var(--s-5) 0;font-family:var(--font-serif);font-size:var(--step-1)}.quote-block footer{font-family:var(--font-sans);font-size:var(--step--1);color:var(--text-soft);margin-top:var(--s-2)}.site-footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding-block:var(--s-10);margin-top:var(--s-10);font-size:var(--step--1);color:var(--text-muted)}.site-footer nav{display:flex;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-4)}.site-footer a{color:var(--text-muted)}.reveal{opacity:1}.tabs-list{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border);margin-bottom:var(--s-5);overflow-x:auto}.tabs-list button{border:0;background:none;padding:var(--s-3) var(--s-4);min-height:var(--tap);cursor:pointer;color:var(--text-muted);border-bottom:3px solid transparent;font-weight:600;white-space:nowrap}.tabs-list button[data-state=active]{color:var(--accent);border-bottom-color:var(--gold)}.popover{z-index:70;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-2);padding:var(--s-4);width:min(320px,92vw);display:grid;gap:var(--s-4)}.hero-art{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 55% 55%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 55% 55%,#000 45%,transparent 100%)}.media-poster .play .icon{width:34px;height:34px;margin-inline-start:4px}img.img-failed{visibility:hidden}.more-filters>summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;gap:var(--s-2);font-weight:600;list-style:none}.more-filters>summary::-webkit-details-marker{display:none}.more-filters>summary:after{content:"▾";color:var(--text-soft)}.more-filters[open]>summary:after{content:"▴"}.more-filters[open]>summary{margin-bottom:var(--s-3)}.demo-banner .long{display:none}@media(min-width:700px){.demo-banner .long{display:inline}.demo-banner .short{display:none}}.admin{min-height:100dvh;display:grid;grid-template-columns:1fr;background:var(--bg)}@media(min-width:1000px){.admin{grid-template-columns:250px 1fr}}.admin-side{display:none;position:sticky;top:0;height:100dvh;overflow:auto;padding:var(--s-4);background:var(--bg-elevated);border-inline-end:1px solid var(--border)}@media(min-width:1000px){.admin-side{display:block}}.admin-side.open{display:block;position:fixed;inset:0 0 0 auto;width:min(300px,86vw);z-index:60;box-shadow:var(--shadow-3)}.admin-nav{display:grid;gap:2px;margin-top:var(--s-4)}.admin-nav .group{font-size:.75rem;color:var(--text-soft);margin:var(--s-4) var(--s-3) var(--s-1);font-weight:600}.admin-nav a{display:flex;gap:var(--s-2);align-items:center;padding:var(--s-2) var(--s-3);min-height:40px;border-radius:var(--r-2);color:var(--text);text-decoration:none;font-size:var(--step--1)}.admin-nav a:hover{background:var(--accent-soft)}.admin-nav a[aria-current=page]{background:var(--accent);color:var(--accent-contrast)}.admin-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);min-height:56px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.admin-main{padding:var(--s-4) clamp(var(--s-3),3vw,var(--s-8)) var(--s-16);min-width:0}.admin-main h1{font-size:var(--step-3)}.admin-toolbar{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:end;margin-bottom:var(--s-4)}.admin-toolbar .field{min-width:150px;flex:1 1 150px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:var(--step--1)}table.data th,table.data td{padding:var(--s-2) var(--s-3);text-align:start;border-bottom:1px solid var(--border);vertical-align:middle}table.data th{background:var(--bg-elevated);font-weight:600;position:sticky;top:0;white-space:nowrap}table.data tr:last-child td{border-bottom:0}table.data tr[aria-selected=true] td{background:var(--accent-soft)}table.data td.title-cell{max-width:420px}table.data td.title-cell a{color:var(--text);font-weight:600;text-decoration:none}table.data input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.admin-cards{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.stat{padding:var(--s-4);border-radius:var(--r-3);background:var(--surface);border:1px solid var(--border)}.stat strong{display:block;font-size:var(--step-3);font-family:var(--font-serif)}.editor-grid{display:grid;gap:var(--s-6)}@media(min-width:1200px){.editor-grid{grid-template-columns:minmax(0,1fr) 320px}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4)}.panel h2{font-size:var(--step-1);margin-bottom:var(--s-3)}.sticky-actions{position:sticky;bottom:0;z-index:20;display:flex;gap:var(--s-2);flex-wrap:wrap;padding:var(--s-3);margin-top:var(--s-4);background:color-mix(in srgb,var(--bg-elevated) 95%,transparent);border:1px solid var(--border);border-radius:var(--r-3);backdrop-filter:blur(6px)}.block-item{border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-3);background:var(--bg-elevated);display:grid;gap:var(--s-2)}.block-item header{display:flex;align-items:center;gap:var(--s-2);justify-content:space-between}.block-item header strong{font-size:var(--step--1)}.reorder-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-2)}.reorder-list li{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface)}.reorder-list li .grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-frame{border:1px solid var(--border-strong);border-radius:var(--r-3);background:var(--bg);margin-inline:auto;overflow:auto;max-height:70vh;padding:var(--s-4);transition:width var(--dur-2) var(--ease-out)}.progress{height:8px;border-radius:999px;background:var(--bg-sunken);overflow:hidden}.progress>span{display:block;height:100%;background:var(--gold);transition:width var(--dur-2)}.login-card{max-width:440px;margin:10vh auto;padding:var(--s-8);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-4);box-shadow:var(--shadow-2)}.diff-old{background:color-mix(in srgb,var(--danger) 10%,transparent)}.kbd{font-family:ui-monospace,monospace;font-size:.8em;direction:ltr;unicode-bidi:isolate}@media(min-width:1000px){.admin-menu-btn{display:none}}