:root{--bg:#0b0f14;--bg-soft:#111820;--card:#151e27;--card-2:#1b2631;--border:#263341;--text:#e7edf3;--muted:#94a3b3;--accent:#4dd4c6;--accent-2:#2aa79b;--danger:#ff6b6b;--warning:#f0b35b;--ok:#62d38b;--radius:14px;--shadow:0 10px 30px #00000047}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 10% -10%, #4dd4c61f, transparent 60%), radial-gradient(900px 500px at 100% 0%, #3a7bd51a, transparent 60%), var(--bg);min-height:100vh;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0b0f14d1;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.brand{color:var(--text);letter-spacing:.02em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:750;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #3a7bd5);color:#04110f;border-radius:9px;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:900;display:grid}.nav{flex-wrap:wrap;align-items:center;gap:.25rem;margin-left:auto;display:flex}.nav a,.nav button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:.45rem .7rem}.nav a:hover,.nav button:hover{color:var(--text);background:var(--card-2);text-decoration:none}.nav .active{color:var(--text);background:var(--card-2)}.container{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 4rem}.hero{border:1px solid var(--border);background:linear-gradient(135deg, #4dd4c61a, #3a7bd50f), var(--bg-soft);box-shadow:var(--shadow);border-radius:20px;margin-bottom:1.5rem;padding:2.2rem}.hero h1{letter-spacing:-.03em;margin:0 0 .5rem;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1}.hero p{color:var(--muted);max-width:70ch;margin:0}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem)}.muted{color:var(--muted)}.small{font-size:.88rem}.error,.notice{border:1px solid;border-radius:10px;margin:0 0 1rem;padding:.8rem 1rem}.error{color:#ffc9c9;background:#ff6b6b17;border-color:#ff6b6b73}.notice{color:#c6f7d8;background:#62d38b14;border-color:#62d38b66}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card h2,.card h3{margin-top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.video-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:transform .15s,border-color .15s;display:block;overflow:hidden}.video-card:hover{border-color:#4dd4c680;text-decoration:none;transform:translateY(-2px)}.thumb{aspect-ratio:16/9;object-fit:cover;background:#0d141b;width:100%;display:block}.video-card-body{padding:.9rem 1rem 1.05rem}.video-card-title{margin:0 0 .35rem;font-weight:700;line-height:1.3}.badge{border:1px solid var(--border);color:var(--muted);background:var(--bg-soft);border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.76rem;display:inline-flex}.badge.ok{color:#bff5d2;border-color:#62d38b66}.badge.warn{color:#ffe0b0;border-color:#f0b35b73}.badge.err{color:#ffc9c9;border-color:#ff6b6b73}.btn{border:1px solid var(--border);background:var(--card-2);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.58rem .9rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{border-color:#4dd4c673;text-decoration:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#04110f;border-color:#0000}.btn-danger{color:#ffc9c9;background:#ff6b6b14;border-color:#ff6b6b66}.btn-ghost{background:0 0}.btn[disabled]{opacity:.55;cursor:not-allowed}form{margin:0}.form-stack{gap:.9rem;display:grid}.form-row{gap:.35rem;display:grid}.form-row label{color:var(--muted);font-size:.86rem;font-weight:600}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#0f161e;border-radius:10px;outline:none;padding:.65rem .75rem}input:focus,textarea:focus,select:focus{border-color:#4dd4c6a6;box-shadow:0 0 0 3px #4dd4c61f}textarea{resize:vertical;min-height:110px}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.65rem .55rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.player-wrap{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#000;overflow:hidden}.player-wrap video{background:#000;width:100%;max-height:72vh;display:block}.video-meta{color:var(--muted);flex-wrap:wrap;gap:1rem;margin:.8rem 0 0;font-size:.9rem;display:flex}.comments{gap:.8rem;margin-top:1rem;display:grid}.comment{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;padding:.8rem .9rem}.comment-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.3rem;font-size:.82rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:1rem 1.1rem}.stat-value{letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.stat-label{color:var(--muted);font-size:.85rem}.split{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);align-items:start;gap:1.25rem;display:grid}@media (max-width:860px){.split{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:1.2rem;font-size:.82rem}code,pre{border:1px solid var(--border);background:#0f161e;border-radius:8px;padding:.15rem .35rem;font-size:.88em}pre{padding:.8rem;overflow:auto}pre code{border:0;padding:0}.qr{background:#fff;border-radius:10px;width:220px;height:220px;padding:.6rem;display:block}.list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.list li{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;padding:.75rem .9rem}.nowrap{white-space:nowrap}
