: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)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-dark);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent:disabled:hover{background:var(--accent)}.nav-submit{padding:6px 14px;font-size:15px}.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>video{object-fit:contain}.storyboard{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.storyboard.fit-h{height:100%}.storyboard.fit-w{width:100%}.storyboard>img{width:1000%;max-width:none;height:100%;display:block}.card.in-view .storyboard>img{animation:8s steps(10,jump-none) infinite storyboard}.card.playing .storyboard>img{animation-play-state:paused}@keyframes storyboard{0%{transform:translate(0)}to{transform:translate(-90%)}}html.save-data .card .storyboard>img{animation:none}.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}.about{max-width:70ch;color:var(--muted);margin:8px 0 32px;font-size:15px;line-height:1.65}.about h2{color:var(--ink);margin:0 0 8px;font-size:20px}.about h3{color:var(--ink);margin:18px 0 4px;font-size:16px}.about p{margin:0}.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}.footer a{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline}.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}.submit{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"head head""form rules";align-items:start;gap:8px 40px;padding-bottom:32px;display:grid}.submit-head{grid-area:head;margin-bottom:20px}.submit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);grid-area:form;min-width:0;padding:24px}.submit-rules{color:var(--muted);grid-area:rules;font-size:15px}.submit-rules h2{color:var(--ink);margin:0 0 8px;font-size:17px}.submit-rules ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.submit-rules strong{color:var(--ink);display:block}.field{flex-direction:column;gap:6px;min-width:0;margin:0 0 18px;display:flex}.field-label{font-size:14px;font-weight:600}.field-hint{color:var(--muted);font-size:13px;line-height:1.5}.optional{color:var(--muted);margin-left:4px;font-weight:400}.field-row{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.input{border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--paper);width:100%;color:var(--ink);font:inherit;padding:9px 12px;font-size:15px;line-height:1.5}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent);background:var(--surface)}.input-lg{padding:12px 14px;font-size:16px}textarea.input{resize:vertical;font:14px/1.6 ui-monospace,Cascadia Code,Menlo,Consolas,monospace}.submit-fields{border:0;min-width:0;margin:0;padding:0}.submit-blocked .submit-verdict{margin:4px 0 14px;font-size:16px}.genre-picks{flex-wrap:wrap;gap:8px;display:flex}.submit-prompt summary{cursor:pointer;color:var(--accent-dark);font-size:14px;font-weight:600}.submit-prompt[open] summary{margin-bottom:4px}.captcha{min-height:65px;margin:0 0 12px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.submit-preview{min-height:8px;margin:-6px 0 18px}.submit-via{margin:0 0 8px;font-size:14px}.submit-preview:empty{margin:0}.post{border:1px solid var(--line);background:var(--paper);border-radius:12px;gap:14px;padding:14px;display:flex}.post-thumb{object-fit:cover;background:var(--screen);border-radius:8px;flex:none;width:120px;height:90px}.post-body{min-width:0}.post-who{margin:0;font-size:15px}.post-platform{background:var(--ink);color:#fff;border-radius:6px;margin-right:8px;padding:1px 7px;font-size:12px;font-weight:600}.post-text{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-meta{color:var(--muted);margin:4px 0 0;font-size:13px}.submit-verdict{margin:10px 0 0;font-size:14px;font-weight:500}.submit-verdict.ok{color:#2f7a4b}.submit-verdict.bad{color:var(--accent-dark)}.submit-verdict a{text-underline-offset:3px;text-decoration:underline}.submit-muted{color:var(--muted);margin:0;font-size:14px}.submit-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:6px;display:flex}.submit-done h2{margin:0 0 6px;font-size:24px;line-height:1.3}.submit-done code{overflow-wrap:anywhere;font-size:13px}.submit-steps{counter-reset:step;gap:4px;margin:20px 0;padding:0;list-style:none;display:grid}.submit-steps li{color:var(--muted);counter-increment:step;padding:8px 0 8px 40px;font-size:14px;position:relative}.submit-steps li:before{content:counter(step);background:var(--pill);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:8px;left:0}.submit-steps li strong{color:var(--ink);font-size:15px;display:block}.submit-steps li.done:before{content:"✓";background:var(--accent-soft);color:var(--accent-dark)}.submit-steps li.now:before{background:var(--accent);color:#fff}@media (max-width:860px){.submit{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""form""rules";gap:24px}.submit-head{margin-bottom:0}}@media (max-width:700px){.tagline{display:none}.nav{gap:12px}.grid{gap:14px}.submit-card{padding:18px 16px}.field-row{grid-template-columns:1fr}.post-thumb{width:88px;height:66px}.player-info{padding:16px 18px 20px}}@media (prefers-reduced-motion:reduce){.card,.card-media>video{transition:none}.card .storyboard>img{animation:none!important}}