:root{--red:#f83c3c;--bg:#101010;--panel:#181818;--line:#2b2b2b;--text:#f5f5f5;--muted:#999}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{background:#080808;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{max-width:1180px;height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.brand img{width:224px;max-height:66px;object-fit:contain}.search{display:flex;width:340px;border:1px solid #3a3a3a;border-radius:3px;overflow:hidden}.search input{flex:1;background:#151515;border:0;color:#fff;padding:12px}.search button,.contact-form button{border:0;background:var(--red);color:#fff;font-weight:700;padding:0 18px}.main-nav{background:#171717;border-top:1px solid #252525}.nav-inner{max-width:1180px;margin:auto;display:flex;justify-content:center}.nav-inner a{padding:16px 22px;font-weight:700;color:#d8d8d8;border-bottom:3px solid transparent;white-space:nowrap}.nav-inner a:hover,.nav-inner a.active{color:#fff;border-color:var(--red);background:#202020}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.container{max-width:1180px;margin:0 auto;padding:28px 18px 50px}.container section{margin-bottom:42px}.section-head,.page-title{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--red);margin-bottom:18px;padding-bottom:12px}.section-head h1,.section-head h2,.page-title h1{font-size:22px;margin:0}.section-head a,.page-title span{font-size:13px;color:#bbb}.video-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px}.video-card{min-width:0}.video-card a{display:block}.thumb{position:relative;aspect-ratio:16/9;background:#222;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.video-card:hover .thumb img{transform:scale(1.04)}.duration{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.75);padding:4px 7px;font-size:12px;border-radius:3px}.card-body{padding:10px 2px}.card-body h3{font-size:15px;line-height:1.45;margin:0 0 8px;height:43px;overflow:hidden;font-weight:600}.card-body p{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:0}.page-title{margin-top:5px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:35px}.pagination a{background:#222;border:1px solid #333;padding:9px 13px}.pagination a.active{background:var(--red);border-color:var(--red)}.empty{padding:70px;text-align:center;color:#888;border:1px solid #292929}.ad-row{display:flex;gap:10px;overflow:auto;margin-bottom:28px}.ad-row a{flex:1;min-width:260px}.ad-row img{width:100%;max-height:100px;object-fit:cover}.watch{margin-bottom:42px}.player{background:#000;aspect-ratio:16/9;max-height:680px}.player video{width:100%;height:100%}.watch h1{font-size:23px;margin:20px 0 10px}.watch-meta,.description{color:#aaa;line-height:1.7}.narrow{max-width:760px}.contact-form{background:var(--panel);padding:25px;border:1px solid var(--line)}.contact-form label{display:block;font-weight:700}.contact-form textarea{display:block;width:100%;height:220px;background:#0d0d0d;border:1px solid #383838;color:#fff;margin:12px 0 18px;padding:14px;resize:vertical}.contact-form button{height:44px}.success{background:#153d22;border:1px solid #286a3c;padding:14px;margin-bottom:15px}.clear-history{background:#282828;color:#ddd;border:1px solid #444;padding:8px 13px}.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.links-grid a{background:#181818;border:1px solid #303030;padding:14px;text-align:center}.links-grid img{width:100%;height:80px;object-fit:contain;margin-bottom:10px}footer{background:#080808;border-top:1px solid #292929}.footer-inner{max-width:1180px;margin:auto;padding:38px 18px;color:#888}.footer-inner>img{width:160px;margin-bottom:20px;filter:grayscale(.15)}.footer-inner div{display:flex;gap:22px;margin-bottom:16px}.footer-inner a{color:#ddd}.footer-inner p{max-width:760px;line-height:1.7;font-size:13px}.footer-inner small{font-size:12px}@media(max-width:800px){.site-header{position:relative}.header-inner{height:72px;justify-content:center}.brand img{width:170px}.search{display:none}.menu-toggle{display:block;position:absolute;left:16px}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{overflow-x:auto;justify-content:flex-start}.nav-inner a{padding:14px 17px}.video-grid{grid-template-columns:repeat(2,1fr);gap:18px 10px}.container{padding:20px 10px 38px}.section-head h1,.section-head h2,.page-title h1{font-size:19px}.card-body h3{font-size:14px}.watch h1{font-size:19px}.links-grid{grid-template-columns:repeat(2,1fr)}.footer-inner div{flex-wrap:wrap}}

/* Ydparty reference header: logo → categories → search */
.site-header{position:sticky;top:0;background:#090909}.header-inner{max-width:1240px;height:86px;gap:22px;padding:0 20px}.brand{flex:0 0 180px}.brand img{width:180px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;min-width:0}.desktop-nav a{padding:32px 10px 29px;color:#ddd;font-size:14px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent}.desktop-nav a:hover,.desktop-nav a.active{color:#fff;border-bottom-color:var(--red)}.header-inner>.search{width:210px;flex:0 0 210px;height:38px;border-color:#444;border-radius:20px}.header-inner>.search input{min-width:0;padding:9px 13px}.header-inner>.search button{width:48px;padding:0;font-size:12px}.mobile-category-nav{display:none}.side-menu,.side-overlay{display:none}
@media(max-width:900px){body.menu-open{overflow:hidden}.site-header{position:sticky;top:0}.header-inner{height:66px;justify-content:center;padding:0 14px}.brand{flex:0 0 auto}.brand img{width:156px;max-height:52px}.desktop-nav,.header-inner>.search{display:none}.menu-toggle{display:flex;position:absolute;right:14px;left:auto;top:18px;width:32px;height:30px;padding:4px;border:0;flex-direction:column;justify-content:space-around}.menu-toggle span{display:block;width:24px;height:2px;background:#fff}.mobile-category-nav{display:block;background:#171717;border-top:1px solid #252525}.mobile-category-nav .nav-inner{display:flex;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:0 8px}.mobile-category-nav .nav-inner::-webkit-scrollbar{display:none}.mobile-category-nav .nav-inner a{flex:0 0 auto;padding:13px 15px 11px;font-size:14px;border-bottom:3px solid transparent}.mobile-category-nav .nav-inner a.active{border-color:var(--red);background:#202020}.side-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:98;opacity:0;visibility:hidden;transition:.25s}.side-overlay.open{opacity:1;visibility:visible}.side-menu{display:block;position:fixed;top:0;right:0;width:min(82vw,340px);height:100vh;background:#111;z-index:99;transform:translateX(105%);transition:transform .28s ease;box-shadow:-10px 0 30px rgba(0,0,0,.45);overflow-y:auto}.side-menu.open{transform:translateX(0)}.side-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #2b2b2b}.side-head img{width:150px}.side-close{border:0;background:none;color:#fff;font-size:34px;line-height:1}.side-search{display:flex;margin:16px;border:1px solid #3b3b3b;border-radius:3px;overflow:hidden}.side-search input{flex:1;min-width:0;background:#1a1a1a;border:0;color:#fff;padding:12px}.side-search button{width:46px;border:0;background:var(--red);color:#fff;font-size:22px}.side-menu nav{border-top:1px solid #262626}.side-menu nav a{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #292929;color:#ddd;font-weight:700}.side-menu nav a.active,.side-menu nav a:hover{color:var(--red);background:#181818}.side-menu nav b{font-size:20px;color:#666}.video-grid{grid-template-columns:repeat(2,1fr);gap:18px 10px}.container{padding:20px 10px 38px}.section-head h1,.section-head h2,.page-title h1{font-size:19px}.card-body h3{font-size:14px}.watch h1{font-size:19px}.links-grid{grid-template-columns:repeat(2,1fr)}.footer-inner div{flex-wrap:wrap}}

/* Administrator UI */
:root{--bg-color:#0a0a0e;--bg-secondary:#111116;--bg-tertiary:#18181f;--card-bg:#1a1a22;--text-primary:#e8e8ec;--text-secondary:#9a9aaa;--text-muted:#6b6b7b;--accent:#f83c3c;--accent-soft:rgba(248,60,60,.12);--border-color:rgba(255,255,255,.08);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--gradient-accent:linear-gradient(135deg,#e52c35,#ff565d)}
.msg-alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-weight:600;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.admin-container{max-width:1000px;margin:60px auto;padding:20px}.admin-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px;margin-bottom:20px}.admin-card h2{font-size:18px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:10px}.admin-card input[type=text],.admin-card input[type=url],.admin-card input[type=number],.admin-card input[type=date],.admin-card select,.admin-card textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;padding:10px 12px;max-width:100%}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border-color);font-size:14px}.admin-table th{color:var(--text-secondary);font-weight:600}.admin-btn{display:inline-block;padding:7px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;border:0;cursor:pointer;background:var(--accent);color:#fff}.admin-btn-danger{background:#d9343d;color:#fff}.admin-btn-secondary{background:rgba(255,255,255,.09);color:var(--text-secondary)}.admin-login-form{max-width:400px;margin:100px auto;padding:40px;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 18px 50px rgba(0,0,0,.45)}.admin-login-form h1{text-align:center;font-size:20px;font-weight:800;margin:0 0 30px;color:var(--accent)}.admin-login-form input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-size:15px;margin-bottom:16px;outline:none}.admin-login-form input:focus{border-color:var(--accent)}.admin-login-form button{width:100%;padding:12px;background:var(--gradient-accent);color:#fff;border:0;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer}@media(max-width:700px){.admin-container{margin:20px auto;padding:12px;overflow:hidden}.admin-card{padding:16px;overflow-x:auto}.admin-table{min-width:680px}.admin-login-form{margin:60px 14px;padding:28px 22px}}

.history-card{position:relative}.history-delete{position:absolute;top:7px;right:7px;z-index:3;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.78);color:#fff;font-size:22px;line-height:28px;cursor:pointer}.history-delete:hover{background:var(--red)}
.adbanner-top{width:100%;margin:24px auto 0;text-align:center;overflow:hidden}.adbanner-top .adbanner-pc{display:flex;justify-content:center;min-height:90px}.adbanner-top .adbanner-m{display:none}@media(max-width:600px){.adbanner-top{margin-top:18px}.adbanner-top .adbanner-pc{display:none}.adbanner-top .adbanner-m{display:flex;justify-content:center;min-height:50px}}
.player{position:relative}.preroll-launch{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:4;cursor:pointer;background:rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center}.preroll-launch span{display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding-left:6px;border-radius:50%;background:rgba(248,60,60,.9);color:#fff;font-size:34px;box-shadow:0 4px 22px rgba(0,0,0,.55)}.preroll-layer{position:absolute;inset:0;z-index:8;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.preroll-layer video{width:100%;height:100%;object-fit:contain;cursor:pointer}.preroll-label{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.68);color:#fbc02d;font-size:12px;font-weight:700;padding:4px 9px;border-radius:4px}.preroll-skip{position:absolute;top:10px;right:10px;padding:8px 13px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(0,0,0,.68);color:#fff;font-weight:700}.preroll-skip:disabled{opacity:.8;cursor:default}
