:root{--paper:#faf9f5;--surface:#fff;--ink:#1f1e1d;--muted:#6e6a63;--line:#e8e5de;--accent:#c9642f;--accent-dark:#a94f20;--accent-soft:#f7e5da;--pill:#efece5;--screen:#1f1e1d;--radius-card:16px;--radius-media:12px;--radius-btn:8px;--gutter:20px;--max:1280px;--topbar-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-dark)}img,video{max-width:100%;display:block}button{font:inherit;color:inherit}.dot{color:var(--line);margin:0 .45em}.nowrap{white-space:nowrap}.wrap{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top,0px);background:#faf9f5eb;position:sticky;top:0}.topbar-inner{height:var(--topbar-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex}.logo:hover{color:var(--ink)}.logo img{width:32px;height:32px}.logo .tld{color:var(--muted);font-weight:400}.nav{align-items:center;gap:18px;font-size:15px;display:flex}.tagline{color:var(--muted)}.nav-repo{align-items:center;gap:6px;display:inline-flex}.page-title{letter-spacing:-.01em;margin:20px 0 8px;font-size:clamp(30px,4vw,38px);font-weight:700;line-height:1.25}.intro{max-width:62ch;color:var(--muted);margin:0;font-size:18px;line-height:1.6}.btn{border-radius:var(--radius-btn);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:600;line-height:1.65;display:inline-flex}.btn svg{width:18px;height:18px}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-dark)}.chips{top:calc(var(--topbar-h) + env(safe-area-inset-top,0px));z-index:20;scrollbar-width:none;background:var(--paper);gap:8px;margin-top:28px;padding:6px 0 14px;display:flex;position:sticky;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{cursor:pointer;background:var(--pill);color:var(--muted);border:0;border-radius:999px;flex:none;padding:4px 12px;font-size:14px;font-weight:500}.chip:hover{color:var(--ink)}.chip.on{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:20px;padding-top:4px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;padding:10px 10px 14px;transition:border-color .2s,box-shadow .25s;position:relative}.card-media{aspect-ratio:16/9;border-radius:var(--radius-media);background:var(--screen);display:block;position:relative;overflow:hidden}.card-media>img,.card-media>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-media>video{opacity:0;transition:opacity .35s}.card.playing .card-media>video{opacity:1}.card.tall .card-media>.poster,.card.tall .card-media>video{object-fit:contain}.card-media>.backdrop{filter:blur(22px)saturate(1.2)brightness(.8);transform:scale(1.2)}.badge{z-index:2;color:#fff;font-variant-numeric:tabular-nums;background:#1f1e1dc7;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600;line-height:1.6;position:absolute;bottom:8px}.badge.duration{right:8px}.badge.platform{left:8px}.card-body{padding:10px 4px 0}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.5}.card-meta .genre{color:var(--accent-dark)}@media (hover:hover) and (min-width:701px){.card:hover{border-color:var(--accent);box-shadow:0 10px 28px #1f1e1d14}}.sentinel{height:1px}.feed-status{text-align:center;min-height:1.6em;color:var(--muted);margin:32px 0;font-size:14px}.pager{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 32px;display:flex}.pager a{color:var(--accent-dark);text-decoration:underline}.pager [aria-current]{color:var(--ink);font-weight:700}html.js .pager{display:none}.footer{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:24px;padding-bottom:40px;font-size:13px}.footer p{max-width:80ch;margin:0}.player{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);width:min(1040px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);padding:0;overflow:auto}.player::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f1e1d8c}.player-inner{position:relative}.player-close{z-index:3;cursor:pointer;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.player-close:hover{border-color:var(--accent);color:var(--accent-dark)}.player-close svg{width:16px;height:16px}.player-stage{background:var(--screen);border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}.player-film{object-fit:contain;background:var(--screen);outline:none;width:100%;height:auto;max-height:min(72vh,720px)}.player-info{padding:20px 24px 24px}.player-info h2{margin:0 0 4px;font-size:25px;font-weight:600;line-height:1.25}.player-meta{color:var(--muted);margin:0 0 10px;font-size:15px}.player-summary{max-width:70ch;margin:0 0 12px}.player-tools{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.silent{color:var(--muted);font-style:italic}.player-credit{color:var(--muted);margin:0;font-size:15px}.player-credit a{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline}.tag{background:var(--pill);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500}.player-prompt{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin:0 0 18px;padding:14px 18px}.player-prompt summary{cursor:pointer;color:var(--accent-dark);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.player-prompt blockquote{white-space:pre-wrap;color:var(--ink);margin:10px 0 0;padding:0;font:14px/1.6 ui-monospace,Cascadia Code,Menlo,Consolas,monospace}@media (max-width:700px){.tagline{display:none}.grid{gap:14px}.player-info{padding:16px 18px 20px}}@media (prefers-reduced-motion:reduce){.card,.card-media>video{transition:none}}