:root{--bg: #0f1014;--bg-soft: #181a20;--bg-card: #1e2129;--border: #2b2f3a;--text: #e8eaf0;--text-dim: #9aa0ad;--primary: #ff7a3c;--primary-dim: #c75c28;--accent: #ffd166;--radius: 12px;--max: 1100px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Noto Sans KR,Noto Sans JP,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{position:sticky;top:0;z-index:20;background:#0f1014d9;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;gap:18px;height:56px;max-width:var(--max);margin:0 auto;padding:0 16px}.brand{font-weight:800;letter-spacing:.2px;color:var(--primary);white-space:nowrap}.nav{display:flex;gap:14px;flex:1}.nav a{color:var(--text-dim);font-size:14px}.nav a:hover,.nav a.active{color:var(--text)}.lang{display:flex;gap:6px}.lang a{font-size:12px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim)}.lang a.active{background:var(--primary);border-color:var(--primary);color:#1a1206;font-weight:700}.site-footer{border-top:1px solid var(--border);margin-top:48px;padding:24px 0;color:var(--text-dim);font-size:13px}h1{font-size:26px;margin:24px 0 4px}.sub{color:var(--text-dim);margin:0 0 20px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--primary-dim);transform:translateY(-2px)}.card .thumb{position:relative;aspect-ratio:16/9;background:var(--bg-soft)}.card .thumb img{width:100%;height:100%;object-fit:cover}.card .ts{position:absolute;right:6px;top:6px;background:#000000c7;color:#fff;font-size:11px;padding:1px 6px;border-radius:5px}.card .thumb-title{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 7px;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 55%,transparent 100%);color:#fff;font-size:13px;font-weight:700;line-height:1.25;text-shadow:0 1px 3px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .body{padding:10px 12px 12px}.card .t{font-weight:700;font-size:14px;margin:0 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .a{color:var(--text-dim);font-size:12px;margin:0 0 8px}.card .meta{display:flex;flex-wrap:wrap;gap:5px}.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;background:#2a2f3a;color:#cdd3df;border:1px solid var(--border)}.badge.tag:hover{background:var(--primary);color:#1a1206}.badge.date{background:transparent}.badge.chip{cursor:pointer}.badge.chip.active{background:var(--primary);color:#1a1206;border-color:var(--primary);font-weight:700}.more-btn{display:inline-block;margin:24px auto;padding:11px 28px;cursor:pointer;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:999px;font-size:14px;font-weight:600}.more-btn:hover{border-color:var(--primary);color:var(--primary)}.more-wrap{text-align:center}.loading{color:var(--text-dim);padding:40px 0;text-align:center}.filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.filterbar input{flex:1;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 14px;font-size:14px}.filterbar input:focus{outline:2px solid var(--primary-dim);border-color:var(--primary)}.filterbar select{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:14px;cursor:pointer}.facet-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0}.facet-row .lbl{font-size:13px;color:var(--text-dim);margin-right:2px}.searchbar{display:flex;gap:8px;margin:8px 0 6px}.searchbar input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 14px;font-size:15px}.searchbar input:focus{outline:2px solid var(--primary-dim);border-color:var(--primary)}.searchbar button{background:var(--primary);color:#1a1206;font-weight:700;border:0;border-radius:10px;padding:0 18px;cursor:pointer}.hint{color:var(--text-dim);font-size:12px;margin:0 0 18px}.facets{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 22px}.watch{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.player-wrap{position:sticky;top:72px}.player-frame{aspect-ratio:16/9;width:100%;border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--border)}.now{margin-top:12px}.now .nt{font-weight:700;font-size:18px}.now .na{color:var(--text-dim)}.queue{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-height:70vh;overflow-y:auto}.qitem{display:flex;gap:10px;padding:8px 10px;cursor:pointer;border-bottom:1px solid var(--border)}.qitem:hover{background:var(--bg-soft)}.qitem.active{background:#ff7a3c1f;border-left:3px solid var(--primary)}.qitem img{width:86px;aspect-ratio:16/9;object-fit:cover;border-radius:6px;flex:none}.qitem .qt{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qitem .qa{font-size:11px;color:var(--text-dim)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:var(--text-dim)}.empty{color:var(--text-dim);padding:40px 0;text-align:center}@media(max-width:800px){.watch{grid-template-columns:1fr}.player-wrap{position:static}}