@font-face{font-family:Pretendard;src:url('Pretendard-Regular.otf') format('opentype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#101112;--panel:#191b1e;--ink:#eeefef;--muted:#a6a8ad;--accent:#efb475}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Pretendard,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}header,main,footer{max-width:1480px;margin:auto;padding:28px 40px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:15px;letter-spacing:.18em}.drive{font-size:13px;color:var(--muted);border-bottom:1px solid #555;padding-bottom:3px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--accent);margin:48px 0 14px}.heading{display:flex;justify-content:space-between;align-items:end;gap:24px}h1{font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.18;letter-spacing:-.045em;margin:0 0 22px}.intro{font-size:15px;color:var(--muted);margin:0}.edition{display:flex;flex-direction:column;align-items:end;color:var(--muted);font-size:10px;letter-spacing:.12em;padding-bottom:4px}.edition strong{font-weight:400;font-size:19px;color:var(--ink);letter-spacing:-.02em;margin:5px 0}.edition span{letter-spacing:0;font-size:12px}.bar{margin-top:38px;border-block:1px solid #34363a;padding:18px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.tabs,.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}button,select{background:transparent;color:var(--muted);border:1px solid #3b3e42;padding:9px 16px;cursor:pointer}button{border-radius:100px}button[aria-pressed=true]{background:var(--ink);color:#151515;border-color:var(--ink)}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}select{padding:7px 10px;border-radius:6px}select option{background:#202124}.tools{font-size:13px;gap:15px}.tools label{display:flex;align-items:center;gap:6px}.tools button{padding:7px 12px}main{padding-top:0}.subbar{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:var(--muted)}.subbar label{display:flex;gap:12px;align-items:center}.subbar label[hidden]{display:none}.note{font-size:13px;color:var(--muted);margin:20px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}.card{background:var(--panel);border:1px solid #303236;border-radius:12px;overflow:hidden}.frame{aspect-ratio:16/9;background:#000}video{width:100%;height:100%;display:block;object-fit:contain}.detail{padding:20px 24px 24px}.kicker{font-size:11px;color:var(--accent);display:flex;justify-content:space-between;gap:10px;letter-spacing:.06em}.badge{color:#b6bac0;letter-spacing:0}.card h2{font-size:20px;line-height:1.4;letter-spacing:-.025em;font-weight:400;margin:10px 0}.description{color:var(--muted);font-size:13px;min-height:20px;margin:8px 0 14px}.meta{font-size:12px;color:#8c9097}.actions{display:flex;align-items:center;gap:18px;margin-top:20px;flex-wrap:wrap}.actions a{font-size:12px;color:#dadbdd;border-bottom:1px solid #555;padding-bottom:3px}.actions button{font-size:12px;padding:6px 12px;color:#dedfe1;margin-right:auto}.empty{color:var(--muted)}footer{border-top:1px solid #34363a;margin-top:32px;padding-bottom:44px;color:var(--muted);font-size:12px}footer p{margin:6px 0}dialog{width:min(1280px,96vw);padding:0;border:1px solid #444;border-radius:12px;background:#141517;color:var(--ink)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.modalbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px}.modalbar h2{font-size:16px;font-weight:400;margin:0}.modalbar button{font-size:13px;padding:6px 12px}dialog video{background:black;aspect-ratio:16/9;max-height:75vh}#viewer-meta{font-size:12px;color:var(--muted);margin:12px 20px 18px}@media(max-width:780px){header,main,footer{padding:22px}.eyebrow{margin-top:34px}.grid{grid-template-columns:1fr;gap:22px}.heading{align-items:start}.edition{display:none}.drive{max-width:150px;text-align:right}.bar{gap:18px}.tabs button{font-size:13px;padding:8px 12px}.detail{padding:18px}.subbar{gap:12px}.subbar select{max-width:78vw}main{padding-top:0}.modalbar{padding:12px}h1{font-size:34px}}