:root{color-scheme:light;font-family:Verdana,Geneva,sans-serif;color:#2b1608;--content-band: min(100%, 800px);background:linear-gradient(180deg,#f9cc7d,#793e03)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#fff6dd33,#aa5c221f),url(/wood-tile.gif) 0 0 / 64px 64px repeat,linear-gradient(180deg,#f9cc7d,#793e03)}a{color:inherit}.app-shell{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-padding-top:64px;background:radial-gradient(circle at 20% 10%,rgba(255,247,220,.35),transparent 18%),linear-gradient(180deg,#fff0d10f,#693c1f1f)}.top-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:10px 12px;border-top:3px solid #fff6dd;border-left:3px solid #fff6dd;border-right:3px solid #73401a;border-bottom:3px solid #73401a;background:linear-gradient(180deg,#fff7e1fa,#eabe76f5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 2px 2px #fffcf0e6,inset -2px -2px #78441f9e,0 5px #5e32152e}.top-bar h1,.top-bar-label,.feed-topline,.feed-source,.watch-link{margin:0;font-family:Courier New,Courier,monospace;letter-spacing:.08em;text-transform:uppercase}.top-bar-label{font-size:.72rem;color:#7a3f14}.top-bar h1{font-size:.9rem;color:#6a3412}.watch-link{display:inline-block;padding:8px 10px;border-top:3px solid #fff5d4;border-left:3px solid #fff5d4;border-right:3px solid #6f3c16;border-bottom:3px solid #6f3c16;background:linear-gradient(180deg,#ffe7b2,#e0a255);text-decoration:none;font-size:.72rem;white-space:nowrap;box-shadow:inset 1px 1px #fffaece6,inset -1px -1px #7b4823b3}.feed{display:grid;gap:0;padding-bottom:24px}.feed-card{min-height:100svh;padding:12px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;scroll-snap-align:start;scroll-snap-stop:always;border-top:3px solid rgba(255,245,220,.82);border-left:3px solid rgba(255,245,220,.82);border-right:3px solid rgba(111,61,28,.68);border-bottom:3px solid rgba(111,61,28,.68);background:linear-gradient(180deg,#fcf1d7eb,#e7b66ad6);box-shadow:inset 2px 2px #fffbefdb,inset -2px -2px #76441f7a}.feed-topline{width:var(--content-band);margin:0 auto;font-size:.72rem;color:#7a3f14}.video-shell{width:var(--content-band);margin:0 auto;border-top:4px solid #fff3d0;border-left:4px solid #fff3d0;border-right:4px solid #5b3114;border-bottom:4px solid #5b3114;background:#120d09;box-shadow:inset 2px 2px #ffffff14,inset -2px -2px #00000073,0 16px 36px #2c180842;overflow:hidden}.video-shell.portrait{width:min(100%,420px);aspect-ratio:9 / 16}.video-shell.landscape{aspect-ratio:16 / 9;align-self:center}.video-shell iframe{width:100%;height:100%;border:0}.video-fallback{display:grid;place-items:center;width:100%;height:100%;padding:24px;text-align:center;font-family:Courier New,Courier,monospace;font-size:.78rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#fff3d0;background:linear-gradient(180deg,#130c07f5,#331c0beb),radial-gradient(circle at top,rgba(255,240,205,.14),transparent 45%)}.video-fallback p{margin:0;max-width:28ch}.feed-overlay{width:var(--content-band);margin:0 auto}.feed-overlay h2{margin:0 0 4px;font-family:Courier New,Courier,monospace;font-size:clamp(1.2rem,4vw,1.6rem);line-height:1.05;color:#5d2e11}.feed-sentinel{height:1px}@media (min-width: 700px){.top-bar{padding-inline:18px}.feed-card{padding:18px}.feed-topline,.video-shell.landscape,.feed-overlay{width:var(--content-band)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}