:root { --bg:#0f0f0f; --card:#181818; --text:#fff; --muted:#9aa0a6; --primary:#ff0033; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Apple SD Gothic Neo, "Noto Sans KR", sans-serif; color:var(--text); background:var(--bg); }
.header { position:sticky; top:0; background:#111; padding:12px 16px; border-bottom:1px solid #222; z-index:10; }
.header h1 { margin:0; font-size:18px; }
.container { max-width:1200px; margin:0 auto; padding:16px; }
.grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:16px; }
.card { background:var(--card); border:1px solid #222; border-radius:12px; overflow:hidden; }
.thumb { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.px { padding:12px; }
.title { font-weight:700; font-size:16px; line-height:1.4; margin:4px 0 6px; }
.meta { color:var(--muted); font-size:13px; }
.badges { display:flex; gap:8px; align-items:center; font-size:12px; color:var(--muted); }
.badges span { background:#222; border-radius:6px; padding:2px 8px; }
.player { width:100%; max-width:100%; background:#000; border-radius:12px; border:1px solid #222; }
.video-title { font-size:22px; margin:12px 0 6px; }
.video-desc { color:#c9ced6; line-height:1.6; white-space:pre-wrap; }
.comment-wrap { margin-top: 24px; }
.comment-form { display: grid; gap: 8px; margin-bottom: 16px; }
.comment-form input, .comment-form textarea {
  background: #141414; color: #fff; border: 1px solid #2a2a2a; border-radius: 8px; padding: 10px;
}
.comment-form button {
  border:1px solid #333; background:#1f1f1f; color:#fff; padding:10px 14px; border-radius:10px; cursor:pointer;
}
.comment-item { background:#181818; border:1px solid #222; border-radius:10px; padding:10px 12px; margin-bottom:10px; }
.comment-item .nick { font-weight:700; }
.comment-item .date { color:#9aa0a6; font-size:12px; margin-left:6px; }
.comment-item .body { margin-top:6px; line-height:1.6; white-space:pre-wrap; }
.comment-pager { display:flex; gap:8px; align-items:center; margin-top:8px; }
.comment-pager button {
  border:1px solid #333; background:#1f1f1f; color:#fff; padding:6px 10px; border-radius:8px; cursor:pointer;
}