:root{--bg:#0e0e11;--bg-2:#17171c;--bg-3:#22222a;--line:#2e2e38;--text:#f2f2f4;--muted:#a3a3ad;--accent:#e9b44c;--accent-ink:#1a1405;--danger:#ff6b6b;--ok:#5fd08a;--radius:6px;--gutter:clamp(16px, 4vw, 56px);--card-w:clamp(150px, 22vw, 290px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}h1{letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(22px,3vw,34px)}h2{margin:0;font-size:clamp(16px,1.6vw,20px)}h3{margin:28px 0 10px;font-size:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--accent);color:var(--accent-ink);z-index:100;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.muted{color:var(--muted)}.pos{color:var(--ok)}.neg{color:var(--danger)}.topbar{z-index:30;padding:12px var(--gutter);background:linear-gradient(#0e0e11ee,#0e0e1100);align-items:center;gap:24px;transition:background .2s;display:flex;position:sticky;top:0}.topbar.solid{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e11f2;border-bottom:1px solid #ffffff0d}.logo{letter-spacing:.18em;color:var(--accent);font-size:22px;font-weight:900;text-decoration:none}.nav{gap:18px;display:flex}.nav a{color:var(--muted);font-weight:500;text-decoration:none}.nav a.active,.nav a:hover{color:var(--text)}.search{margin-left:auto}.search input{width:clamp(140px,24vw,300px)}input,select,textarea{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);font:inherit;min-height:38px;padding:8px 10px}textarea{resize:vertical;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-3);min-height:38px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#2c2c36}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{background:#f3c364}.btn-ghost{background:0 0}.btn-ghost:hover{background:#ffffff10}.danger{color:var(--danger)}.btn-icon{background:var(--bg-3);border:1px solid var(--line);min-width:38px;min-height:38px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn-icon.on{border-color:var(--accent);background:#e9b44c22}.btn-icon:disabled{opacity:.45;cursor:default}.link-btn{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0}.link-btn:hover{color:var(--accent)}.hero{height:clamp(320px,62vh,640px);margin-top:-62px;position:relative;overflow:hidden}.hero-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg, #0e0e11f0 0%, #0e0e1199 40%, #0e0e1100 75%), linear-gradient(0deg, var(--bg) 0%, #0e0e1100 40%);position:absolute;inset:0}.hero-content{left:var(--gutter);max-width:min(560px,85vw);position:absolute;bottom:22%}.hero-content h1{font-size:clamp(28px,5vw,56px);line-height:1.05}.hero-desc{color:#dcdce2;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:12px;font-weight:700}.rows-over-hero{margin-top:-9vh;position:relative}.page-pad{padding:16px var(--gutter) 40px}.row{margin:0 0 28px}.rows-over-hero .row,.home-rows .row{padding:0 var(--gutter)}.page-pad .row{padding:0}.row-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.row-more{color:var(--muted);font-size:13px;text-decoration:none}.row-more:hover{color:var(--accent)}.row-body{position:relative}.row-track{grid-auto-flow:column;grid-auto-columns:var(--card-w);scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:4px 0 8px;display:grid;overflow-x:auto}.row-track::-webkit-scrollbar{display:none}.row-track>*{scroll-snap-align:start}.row-arrow{z-index:2;color:#fff;cursor:pointer;opacity:0;background:#0e0e11b0;border:0;width:40px;font-size:32px;transition:opacity .15s;position:absolute;top:4px;bottom:50px}.row-arrow.left{left:calc(-1 * var(--gutter) + 4px)}.row-arrow.right{right:calc(-1 * var(--gutter) + 4px)}.row-body:hover .row-arrow,.row-arrow:focus-visible{opacity:1}@media (hover:none){.row-arrow{display:none}}.card{min-width:0;text-decoration:none;display:block}.thumb{aspect-ratio:16/9;background:var(--bg-2);border-radius:var(--radius);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.card:hover .thumb img,.card:focus-visible .thumb img{transform:scale(1.05)}.thumb-fallback{height:100%;color:var(--muted);place-items:center;font-size:28px;display:grid}.badge-duration{background:#000c;border-radius:4px;padding:1px 6px;font-size:12px;position:absolute;bottom:6px;right:6px}.badge-private{color:var(--accent);background:#3a2a10;border:1px solid #e9b44c55;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.thumb .badge-private{position:absolute;top:6px;left:6px}.card-meta{flex-direction:column;padding:6px 2px 0;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;text-decoration:none;overflow:hidden}.card-sub{color:var(--muted);font-size:12px}.grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--card-w), 46vw), 1fr));gap:18px 10px;display:grid}.skel{background:linear-gradient(90deg, var(--bg-2) 0%, var(--bg-3) 50%, var(--bg-2) 100%);background-size:200% 100%;animation:1.3s infinite shimmer}.skel-title{border-radius:4px;width:180px;height:20px}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}.thumb img{transition:none}}.state{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:560px;margin:12vh auto;padding:0 16px;display:flex}.spinner{border:3px solid var(--bg-3);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-error{color:var(--danger);font-size:13px}.hint{color:var(--muted);margin:6px 0;font-size:13px}.alert{color:#ffd0d0;border-radius:var(--radius);background:#3a1616;border:1px solid #ff6b6b66;padding:10px 14px}.filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px;display:flex}.filters label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.filters .count{align-self:center;margin-left:auto}.seg{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.seg button{background:var(--bg-2);color:var(--muted);min-height:38px;font:inherit;cursor:pointer;border:0;padding:0 14px}.seg button.on{background:var(--bg-3);color:var(--text);box-shadow:inset 0 -2px var(--accent)}.stage{background:#000;place-items:center;max-height:78vh;display:grid}.stage video{background:#000;width:100%;max-height:78vh}.stage-error{text-align:center;color:#ffd0d0;padding:80px 20px}.image-view{all:unset;cursor:zoom-in;place-items:center;width:100%;display:grid}.image-view img{object-fit:contain;max-height:78vh}.image-view.zoom{cursor:zoom-out;max-height:none}.image-view.zoom img{max-height:none}.media-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.meta-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.votes{align-items:center;gap:6px;display:flex}.score{color:var(--muted);margin:0 6px;font-size:13px}.chip{background:var(--bg-3);color:var(--text);border-radius:999px;padding:3px 10px;font-size:13px;text-decoration:none;display:inline-block}.chip:hover{background:#2f2f3a}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.desc{color:#d6d6dc;white-space:pre-line;max-width:75ch}.up-next{margin-top:28px}.queue{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.queue li{border-radius:var(--radius);align-items:center;gap:8px;display:flex}.queue li a{border-radius:var(--radius);flex:1;align-items:center;gap:12px;min-width:0;padding:6px;text-decoration:none;display:flex}.queue li a:hover,.queue li.current a{background:var(--bg-2)}.queue li.current{box-shadow:inset 3px 0 var(--accent)}.queue img{aspect-ratio:16/9;object-fit:cover;background:var(--bg-2);border-radius:4px;flex:none;width:120px}.queue.big img{width:160px}.queue span:last-child{text-overflow:ellipsis;overflow:hidden}.q-num{text-align:right;width:22px;color:var(--muted);flex:none}.q-tools{gap:4px;display:flex}.popover-wrap{position:relative}.popover{z-index:20;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;width:min(300px,86vw);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0008}.plain{margin:0;padding:0;list-style:none}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.inline-form input{flex:1;min-width:140px}.login{flex-direction:column;gap:14px;max-width:360px;margin:10vh auto;padding:0 16px;display:flex}.login label,.am-edit label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.rule{border-radius:var(--radius);background:#2a2210;border:1px solid #e9b44c55;max-width:90ch;padding:10px 14px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin:18px 0;display:flex;overflow-x:auto}.tabs button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 14px;font-weight:600}.tabs button.on{color:var(--text);box-shadow:inset 0 -2px var(--accent)}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px;display:grid}.stats div{background:var(--bg-2);border-radius:var(--radius);flex-direction:column;padding:12px;display:flex}.stats b{font-size:24px}.stats span{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 8px}th{color:var(--muted);font-weight:600}.st-success{color:var(--ok)}.st-partial{color:var(--accent)}.st-error{color:var(--danger)}.st-running{color:var(--muted)}.errors li{border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.admin-media{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.admin-media>img{aspect-ratio:16/9;object-fit:cover;background:var(--bg-2);border-radius:4px;flex:none;width:112px}.admin-media.inactive{opacity:.6}.am-main{flex-direction:column;flex:1;gap:2px;min-width:200px;display:flex}.am-main .muted{word-break:break-all;font-size:12px}.am-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.am-tools select.is-private{border-color:var(--accent);color:var(--accent)}.am-edit{flex-direction:column;gap:8px;max-width:560px;margin-top:8px;display:flex}.check{align-items:center;gap:6px;font-size:13px;display:inline-flex}.check input{min-height:auto}.token-out{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.token-out input{flex:1;min-width:220px;font-family:ui-monospace,monospace;font-size:12px}.footer{padding:30px var(--gutter);color:var(--muted);border-top:1px solid #ffffff0a;margin-top:40px;font-size:13px}.footer a{color:var(--muted)}@media (width<=720px){.topbar{flex-wrap:wrap;gap:8px 16px;padding-top:10px;padding-bottom:10px}.nav{order:3;gap:16px;width:100%;overflow-x:auto}.search{margin-left:auto}.search input{width:44vw}.hero{height:58vh;margin-top:-96px}.hero-content{bottom:16%}.rows-over-hero{margin-top:-4vh}.queue img,.queue.big img{width:96px}.filters .count{width:100%;margin-left:0}}
