:root{color-scheme:dark;--bg: #050605;--bg-raised: rgba(16, 18, 16, .82);--bg-soft: rgba(26, 29, 25, .68);--line: rgba(221, 228, 211, .12);--line-strong: rgba(235, 240, 224, .2);--text: #f1f2eb;--text-muted: rgba(241, 242, 235, .64);--text-faint: rgba(241, 242, 235, .42);--accent: #c8e08a;--accent-strong: #e6f5ac;--danger: #f3a28f;--glow: rgba(195, 226, 142, .2);--poster-a: #181c16;--poster-b: #2a3023;--radius: 14px;--radius-sm: 8px;--max: 1560px;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 68% 12%,rgba(173,197,121,.14),transparent 34rem),radial-gradient(circle at 18% 30%,rgba(166,118,77,.12),transparent 30rem),linear-gradient(180deg,#080a08,#050605 48%,#030403);color:var(--text);letter-spacing:0}body:after{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.12;background-image:linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.42) 1px,transparent 1px);background-size:3px 4px;mix-blend-mode:soft-light}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.pitch-line{position:absolute;border:1px solid rgba(219,229,201,.055);transform:rotate(-10deg)}.pitch-line-a{top:18vh;left:-10vw;width:68vw;height:42vh;border-radius:50%}.pitch-line-b{right:-8vw;bottom:2vh;width:54vw;height:58vh}.pitch-circle{position:absolute;top:24vh;right:30vw;width:26rem;max-width:70vw;aspect-ratio:1;border:1px solid rgba(219,229,201,.045);border-radius:50%;transform:rotate(13deg)}.archive-shell{width:min(var(--max),calc(100% - 40px));min-height:100vh;margin:0 auto;padding:32px 0 56px}.topbar{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(560px,1.2fr);gap:28px;align-items:end;padding:8px 0 30px}.brand-block h1,.panel-header h2,.stream-form h2{margin:0}.brand-block h1{max-width:11ch;font-size:clamp(3.2rem,8vw,7.4rem);font-weight:680;line-height:.88;letter-spacing:0}.eyebrow{margin:0 0 10px;color:var(--text-faint);font-size:.72rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.top-actions{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;justify-self:end;width:min(100%,760px);padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:#0a0c0a8a;backdrop-filter:blur(18px)}.search-control input,.stream-form input,.stream-form select{width:100%;min-height:44px;color:var(--text);background:#ffffff0b;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);outline:0}.search-control input{padding:0 14px}.stream-form input,.stream-form select{padding:0 12px}.search-control input:focus,.stream-form input:focus,.stream-form select:focus{border-color:#c8e08a85;box-shadow:0 0 0 4px #c8e08a14}.spoiler-switch{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 12px;color:var(--text-muted);white-space:nowrap;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:#ffffff0a}.spoiler-switch input{width:16px;height:16px;accent-color:var(--accent)}.button,.filter-pill,.icon-button{min-height:44px;color:var(--text);background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-weight:680;white-space:nowrap}.button:hover,.filter-pill:hover,.icon-button:hover{border-color:#fff3;background:#ffffff16}.button-primary{color:#15180f;background:linear-gradient(180deg,var(--accent-strong),var(--accent));border-color:#ffffff3d}.button-primary:hover{background:linear-gradient(180deg,#f0ffc0,#cfe999)}.button-danger{color:var(--danger);border-color:#f3a28f38}.button-danger:hover{background:#f3a28f14;border-color:#f3a28f5c}.button:disabled,.button[aria-disabled=true]{pointer-events:none;color:var(--text-faint);opacity:.58}.archive-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:20px;align-items:start}.archive-main{min-width:0}.filter-row{display:flex;gap:8px;padding:8px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#0a0c0a70;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;padding:0 14px;color:var(--text-muted);font-size:.92rem}.filter-pill.is-active{color:var(--text);background:#dbe8bc1f;border-color:#dbe8bc38}.archive-count{min-height:42px;padding:16px 2px 8px;color:var(--text-faint);font-size:.9rem}.archive-status{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:16px 2px 8px}.archive-status .archive-count{min-height:0;padding:0}.archive-freshness{color:var(--text-faint);font-size:.86rem;font-weight:650;white-space:nowrap}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.match-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;text-align:left;color:var(--text);background:#0f110fc2;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 80px #0000002e;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.match-card:hover{transform:translateY(-2px);border-color:#ebf0e03b;background:#141714db}.match-card.is-selected{border-color:#c8e08a85;box-shadow:0 0 0 1px #c8e08a14,0 24px 100px var(--glow)}.poster{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:radial-gradient(circle at 68% 35%,rgba(200,224,138,.26),transparent 32%),linear-gradient(135deg,var(--poster-b),var(--poster-a))}.poster:before,.poster:after{position:absolute;inset:14%;content:"";border:1px solid rgba(242,246,232,.09);border-radius:50%;transform:rotate(-8deg)}.poster:after{inset:50% 0 auto;height:1px;border:0;border-top:1px solid rgba(242,246,232,.08)}.poster img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:18px;color:#f1f2ebc7;font-size:clamp(1.2rem,5vw,2rem);font-weight:720;line-height:.96;text-align:center}.poster-shade{position:absolute;inset:auto 0 0;z-index:2;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.card-badges{position:absolute;z-index:3;right:10px;bottom:10px;left:10px;display:flex;gap:6px;align-items:center;justify-content:space-between}.type-chip,.quality-chip{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;color:#ffffffdb;font-size:.72rem;font-weight:760;background:#00000094;border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(12px)}.card-body{display:grid;gap:9px;padding:13px}.card-title{margin:0;overflow-wrap:anywhere;font-size:1rem;font-weight:720;line-height:1.15}.card-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-faint);font-size:.82rem}.card-progress{display:grid;gap:6px}.card-progress-label{display:flex;justify-content:space-between;gap:8px;color:var(--text-faint);font-size:.78rem}.progress-track{width:100%;height:4px;overflow:hidden;background:#ffffff17;border-radius:999px}.progress-track span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--accent),#f0dc9a);border-radius:inherit}.now-panel{position:sticky;top:18px;display:grid;gap:16px;min-width:0;padding:16px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(200,224,138,.14),transparent 20rem),#0a0c0ac2;border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 30px 120px #0000005c;backdrop-filter:blur(22px)}.panel-header{display:flex;gap:12px;align-items:start;justify-content:space-between}.panel-header h2{font-size:clamp(1.35rem,3vw,2rem);font-weight:720;line-height:1;overflow-wrap:anywhere}.player-shell{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(219,232,188,.12),transparent 38%),#020302;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.player-shell video,.player-placeholder,.player-error{position:absolute;inset:0;width:100%;height:100%}.player-shell video{z-index:1;object-fit:contain;background:#000}.player-placeholder,.player-error{z-index:2;display:grid;place-items:center;padding:22px;color:var(--text-faint);text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent),#00000085}.player-error{align-content:center;gap:10px;color:var(--text-muted)}.player-error strong{color:var(--danger)}.player-error p{max-width:30ch;margin:0;font-size:.9rem}.player-error .player-error-detail{max-width:40ch;color:var(--text-faint);font-size:.78rem}.player-error a{color:var(--accent);font-weight:720}.selected-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.selected-meta div{min-width:0;padding:10px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm)}.selected-meta span,.selected-meta strong{display:block}.selected-meta span{color:var(--text-faint);font-size:.74rem}.selected-meta strong{margin-top:4px;overflow-wrap:anywhere;font-size:.92rem}.progress-readout{display:grid;gap:8px;color:var(--text-faint);font-size:.84rem}.panel-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.empty-state{display:grid;place-items:center;min-height:240px;padding:28px;color:var(--text-faint);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty-state p{margin:0 0 4px;color:var(--text-muted);font-size:1.15rem}.stream-dialog{width:min(720px,calc(100% - 28px));padding:0;color:var(--text);background:#0a0c0af5;border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:0 32px 140px #000000b8}.stream-dialog::backdrop{background:#000000b8;backdrop-filter:blur(8px)}.stream-form{display:grid;gap:18px;padding:18px}.dialog-head,.dialog-actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.stream-form h2{font-size:1.8rem;line-height:1}.icon-button{padding:0 12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid label{display:grid;gap:7px;min-width:0}.field-grid label span{color:var(--text-muted);font-size:.82rem;font-weight:680}.wide-field{grid-column:1 / -1}@media(max-width:1120px){.topbar,.archive-layout{grid-template-columns:1fr}.top-actions{justify-self:stretch;width:100%}.now-panel{position:static;order:-1}}@media(max-width:720px){.archive-shell{width:min(100% - 24px,var(--max));padding-top:20px}.brand-block h1{max-width:9ch;font-size:clamp(3rem,18vw,5rem)}.top-actions{grid-template-columns:1fr}.archive-status{align-items:flex-start;flex-direction:column;gap:4px}.archive-freshness{white-space:normal}.spoiler-switch,.button{width:100%}.match-grid{grid-template-columns:1fr}.match-card{grid-template-columns:minmax(120px,40%) minmax(0,1fr);grid-template-rows:auto}.poster{height:100%;min-height:138px;aspect-ratio:auto}.selected-meta,.panel-actions,.field-grid{grid-template-columns:1fr}}@media(max-width:460px){.archive-shell{width:min(100% - 18px,var(--max))}.match-card{grid-template-columns:1fr}.poster{min-height:auto;aspect-ratio:16 / 10}.dialog-head,.dialog-actions{align-items:stretch;flex-direction:column}}