@font-face{font-family:'Noto Sans KR';src:url('../fonts/noto-sans-kr-korean-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans KR';src:url('../fonts/noto-sans-kr-korean-700.woff2') format('woff2');font-style:normal;font-weight:700 800;font-display:swap}
:root{color-scheme:light;--ink:#17191d;--muted:#737982;--line:#e9eaed;--paper:#fff;--soft:#f7f8fa;--orange:#f49b0b;--orange-dark:#bc6a00;--orange-wash:#fff5e5;--radius:16px;--shadow:0 16px 50px rgba(27,30,37,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.55 'DM Sans','Noto Sans KR',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.035em}h1{font-size:clamp(30px,4vw,46px)}h2{font-size:25px}h3{font-size:17px}p{color:var(--muted)}:focus-visible{outline:3px solid #e7a748;outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:1000;background:#15171c;color:#fff;padding:10px 14px}.skip-link:focus{top:10px}.container{width:min(100% - 48px,1280px);margin-inline:auto}
.topline{height:34px;background:#17191d;color:#c8cbd0;font-size:11px;letter-spacing:.01em}.topline-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.topline a{color:#fff;text-decoration:underline;text-underline-offset:3px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-main{height:96px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;flex:none}.brand-crop{display:block;overflow:hidden;width:112px;height:54px;flex:none}.brand-crop img{display:block;max-width:none;width:200px;height:54px}.site-search{display:flex;align-items:center;gap:12px;border:1px solid #e2e4e7;border-radius:100px;max-width:520px;width:100%;height:49px;padding:4px 5px 4px 18px;background:#f9f9fa;transition:border-color .2s,box-shadow .2s}.site-search:focus-within{border-color:#db9a32;box-shadow:0 0 0 3px #f6d9a5}.site-search svg{width:19px;height:19px;fill:none;stroke:#89909a;stroke-width:2;flex:none}.site-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink)}.site-search input::placeholder{color:#9ca1a8}.site-search button{border:0;background:#1d1f23;color:#fff;border-radius:100px;font-size:13px;font-weight:700;padding:10px 21px;white-space:nowrap}.site-search button:hover,.button-primary:hover{background:#3d4148}.menu-toggle{display:none;border:0;background:none;padding:9px}.menu-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:var(--ink);margin:4px 0}.main-nav{border-top:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:36px;height:54px}.nav-inner a{font-weight:700;color:#5f646c;position:relative;height:100%;display:grid;place-items:center}.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#15171c}.nav-inner a[aria-current=page]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--orange);border-radius:3px 3px 0 0}.site-main{min-height:50vh;padding-bottom:100px}.hero{margin:34px 0 26px;min-height:310px;background:linear-gradient(120deg,#fbf8f2 0%,#fff7ea 62%,#fff 100%);border:1px solid #f0e8dc;border-radius:20px;padding:45px 62px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;width:560px;height:560px;border:1px solid #efd7b7;border-radius:50%;right:-70px;top:-290px}.hero::after{content:"";position:absolute;width:350px;height:350px;border:1px solid #efd7b7;border-radius:50%;right:30px;bottom:-245px}.hero>div:first-child{position:relative;z-index:1}.eyebrow{display:block;color:var(--orange-dark);font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:11px}.hero h1{font-size:clamp(31px,3.7vw,52px);margin:0 0 13px;max-width:600px}.hero p{font-size:15px;margin-bottom:25px}.hero-link{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:13px;border-bottom:1px solid #222;padding-bottom:6px}.hero-link span{font-size:19px;line-height:1}.hero-symbol{position:relative;z-index:1;flex:none;width:220px;height:165px;border:1px solid #d9ac73;border-radius:20px;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);box-shadow:28px 24px 0 rgba(239,178,81,.13)}.hero-symbol span:first-child{font-size:110px;font-weight:800;color:#17191d;letter-spacing:-.12em}.hero-symbol span:last-child{font-size:62px;font-weight:800;color:var(--orange);letter-spacing:-.12em;align-self:flex-end;margin:0 0 22px -8px}.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:62px}.category-strip a{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;border:1px solid var(--line);border-radius:12px;font-weight:700;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.category-strip a:hover{transform:translateY(-3px);border-color:#e1bc82;box-shadow:var(--shadow)}.category-strip span{color:#c48c37;font-weight:400}.section-heading,.admin-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-heading h1,.section-heading h2{margin:0}.section-note{font-size:12px;color:var(--muted);padding-bottom:4px}.listing-section{margin-top:42px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.content-card{min-width:0}.card-link{display:block}.card-art{aspect-ratio:16/10;background:#eeeae4;border-radius:11px;overflow:hidden;position:relative}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card-link:hover .card-art img{transform:scale(1.04)}.card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f1f1f2,#e8e9ec);color:#9ca1a8;font-size:11px}.placeholder-emblem{font-size:28px;color:#c9cbcf;font-weight:800;letter-spacing:-.08em}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:rgba(14,17,20,.72);color:#fff;font-size:13px;padding-left:2px;opacity:0;transition:opacity .2s}.card-link:hover .play-disc,.card-link:focus-visible .play-disc{opacity:1}.duration{position:absolute;right:9px;bottom:9px;background:rgba(19,21,25,.86);color:#fff;border-radius:4px;font-size:11px;padding:3px 7px}.card-copy{padding:12px 2px}.card-copy h3{font-size:14px;font-weight:700;line-height:1.5;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.card-link:hover h3{color:#a15a00}.card-meta,.detail-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:#8b919a;font-size:11px}.card-meta span+span::before,.detail-meta span+span::before{content:"•";margin-right:14px;color:#bbbfc5}.empty-state{text-align:center;background:#f9fafb;border:1px dashed #dfe2e7;border-radius:15px;padding:74px 20px}.empty-state h3{margin-bottom:6px}.empty-state p{margin-bottom:0}.empty-symbol{font-size:39px;color:#c8ccd3;margin-bottom:9px}.empty-state .button{margin-top:22px}.breadcrumb{display:flex;align-items:center;gap:9px;color:#9ba0a8;font-size:12px;padding:22px 0 5px}.breadcrumb a:hover{color:var(--orange-dark)}.search-summary{font-size:14px;margin:-4px 0 24px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:42px 0 0;color:#7b818a;font-size:13px}.pagination a{border:1px solid var(--line);padding:9px 15px;border-radius:8px;color:var(--ink)}.pagination a:hover{border-color:#c99444;color:#9a5600}
.detail{max-width:1000px;margin:22px auto 0}.detail-heading h1{margin:0 0 14px;font-size:clamp(27px,3vw,40px)}.detail-meta{font-size:12px;margin-bottom:24px}.player-shell{aspect-ratio:16/9;background:#111319;border-radius:12px;overflow:hidden;position:relative}.player-shell video{display:block;width:100%;height:100%;object-fit:contain;background:#111319}.player-unavailable{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.player-unavailable-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#30343b;margin-bottom:20px;padding-left:4px}.player-unavailable strong{font-size:19px}.player-unavailable p{color:#afb4bd;margin:6px 0 0}.detail-description{padding:34px 0 15px;border-bottom:1px solid var(--line)}.detail-description h2{font-size:19px}.detail-description p{white-space:pre-wrap;line-height:1.8}.detail-actions{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.text-link{color:#9e6009;text-decoration:underline;text-underline-offset:3px}.site-footer{background:#f8f9fa;border-top:1px solid var(--line)}.footer-inner{padding:46px 0 30px;display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:20px;font-weight:800;letter-spacing:-.04em}.footer-inner p{font-size:12px;margin:8px 0 0}.footer-links{display:flex;align-items:flex-start;gap:24px;color:#646a73;font-size:12px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #e8e9eb;padding:16px 0 28px;font-size:11px;color:#9ba0a6}
.gallery-images{display:grid;gap:18px}.gallery-image{width:100%;margin:0;border:1px solid var(--line);border-radius:12px;background:#f8f9fa;overflow:hidden;padding:16px;text-align:center}.gallery-image img{display:block;max-width:100%;width:auto;height:auto;margin-inline:auto}@media(max-width:560px){.gallery-images{gap:10px}.gallery-image{padding:6px;border-radius:8px}}
.quality-badge{position:absolute;top:9px;left:9px;z-index:1;display:inline-flex;align-items:center;padding:5px 7px;border-radius:5px;background:rgba(20,23,30,.9);color:#fff;font-size:11px;font-weight:800;line-height:1;letter-spacing:.03em}.detail-quality-badge{position:static;padding:6px 8px}.detail-meta .quality-badge::before{content:none}
.watched-badge{position:absolute;left:9px;bottom:9px;z-index:1;display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;background:#198754;color:#fff;font-size:11px;font-weight:700;line-height:1.2}.watched-badge[hidden]{display:none}
.player-status{position:absolute;left:16px;bottom:55px;right:16px;padding:9px 12px;border-radius:7px;background:rgba(125,31,25,.92);color:#fff;font-size:12px;text-align:center}
.detail-facts{padding:30px 0;border-bottom:1px solid var(--line)}.detail-facts h2{font-size:19px;margin-bottom:17px}.detail-facts dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.detail-facts dl>div{min-width:0;border-top:1px solid var(--line);padding-top:12px}.detail-facts dt{font-size:11px;color:#8b919a;font-weight:700;margin-bottom:5px}.detail-facts dd{margin:0;font-size:13px;overflow-wrap:anywhere}.detail-facts dd a{color:#9e6009;text-decoration:underline;text-underline-offset:3px}@media(max-width:560px){.detail-facts dl{grid-template-columns:1fr}}
.section-more{color:#9a5c09;font-size:12px;font-weight:700}.section-more:hover{text-decoration:underline}.listing-section+.listing-section{margin-top:60px}.status-unverified,.status-unread{background:#fff5e7;color:#ae6b11}
.destructive-form{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.row-actions-body .form-stack+.form-stack{margin-top:14px}.action-grid input:not([type=checkbox]){width:100%;border:1px solid #dfe2e7;border-radius:7px;padding:6px;font-size:11px}.settings-list dd{overflow-wrap:anywhere;text-align:right}
.content-card{position:relative}.favorite-button{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:5px;background:rgba(25,27,31,.76);color:#fff;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2)}.favorite-button:hover,.favorite-button[aria-pressed="true"]{background:#e44d64;color:#fff}.favorite-button:focus-visible{outline:3px solid #e8a443;outline-offset:2px}.favorite-button:disabled{opacity:.5;cursor:not-allowed}.library-note{margin:-10px 0 25px;color:#6d747e;font-size:13px}.library-error{padding:18px;border:1px solid #e8ccd0;border-radius:10px;background:#fff5f6;color:#a94355}.empty-state[hidden],.library-error[hidden]{display:none}
.detail-favorite{position:static;display:inline-flex;gap:7px;width:auto;height:38px;padding:0 14px;border-color:#e1e4e8;background:#fff;color:#4e5560;box-shadow:none;font-size:12px;font-weight:700}.detail-favorite:hover,.detail-favorite[aria-pressed="true"]{border-color:#e44d64}.detail-actions{gap:12px;flex-wrap:wrap}
.clip-list{margin-top:28px}.clip-list h2{font-size:19px;margin:0 0 15px}.clip-list h2 span{font-size:13px;color:#858b94;font-weight:400}.clip-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.clip-choice{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 12px;border:1px solid #e0e3e8;border-radius:9px;background:#fff;text-align:left;color:#3e444d;font-size:12px;font-weight:700}.clip-choice:hover,.clip-choice[aria-pressed="true"]{border-color:#d6902b;background:#fff8ec;color:#884b00}.clip-choice .clip-number{color:#a7adb6;font-size:11px;font-variant-numeric:tabular-nums}.clip-choice .clip-quality{margin-left:auto;color:#ae670c;font-size:10px}.clip-choice:focus-visible{outline:3px solid #e8a443;outline-offset:2px}@media(max-width:800px){.clip-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.clip-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-choice{padding:9px 10px}}
.account-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.account-strip>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 18px}.account-strip span,.account-strip strong{display:block}.account-strip span{font-size:11px;color:#8f959f;margin-bottom:4px}.account-strip strong{font-size:13px}.inline-resume{display:inline-block;margin-left:14px}.inline-resume .button{min-height:32px;padding:6px 10px}.settings-list+form{margin-top:20px}@media(max-width:560px){.account-strip{grid-template-columns:1fr}.inline-resume{display:block;margin:10px 0 0}}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 17px;font-weight:700;font-size:13px;border:1px solid transparent;min-height:41px;text-align:center}.button-primary{background:#1d1f23;color:#fff}.button-outline{background:#fff;border-color:#dfe1e5;color:#272a30}.button-outline:hover{border-color:#aeb3bb;background:#f9fafb}.button-danger{background:#fff4f1;border-color:#f2d2c9;color:#b53e25}.button-danger:hover{background:#ffe6df}.button-full{display:flex;width:100%}.form-page{max-width:760px;margin:36px auto 30px}.page-intro{margin-bottom:29px}.page-intro h1{margin-bottom:12px}.page-intro p{line-height:1.75}.panel,.admin-panel{border:1px solid var(--line);border-radius:14px;background:#fff;padding:28px}.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack label,.inline-edit label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#3d4148}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-stack input:not([type=checkbox]),.form-stack textarea,.form-stack select,.inline-edit input:not([type=checkbox]),.inline-edit textarea,.inline-edit select,.admin-filter input,.admin-filter select{width:100%;border:1px solid #dfe2e7;border-radius:9px;padding:10px 12px;outline:0;background:#fff;color:var(--ink);font-size:13px}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus,.inline-edit input:focus,.inline-edit textarea:focus,.inline-edit select:focus,.admin-filter input:focus,.admin-filter select:focus{border-color:#d9a65c;box-shadow:0 0 0 3px #f9e8ca}.form-stack textarea,.inline-edit textarea{resize:vertical;min-height:84px}.form-hint{font-size:12px;margin:0;line-height:1.6}.required{color:#bb4b1b}.optional{color:#9aa0a8;font-size:11px;font-weight:400}.checkbox-line{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px!important;line-height:1.45}.checkbox-line input{margin-top:3px;accent-color:#e89411}.alert{border-radius:10px;padding:11px 14px;background:#f5f7fa;border:1px solid #e4e8ed;margin-bottom:16px;font-size:13px}.alert-error,.alert-danger{background:#fff1ef;border-color:#f6d5cf;color:#a43726}.alert-success{background:#eefaf2;border-color:#d0ead9;color:#2a7a4b}
.gate-body,.login-body{min-height:100vh;background:radial-gradient(circle at 15% 0%,#fff1d8,transparent 35%),#f5f6f8;display:flex;align-items:center;justify-content:center;padding:24px}.gate-panel,.login-panel{width:min(100%,430px);padding:36px;border-radius:20px;background:#fff;border:1px solid #e8e9ed;box-shadow:0 24px 70px rgba(34,37,44,.08)}.gate-brand{margin:0 auto 25px;width:max-content}.gate-badge{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:#fff0d6;color:#9c5900;font-size:24px;font-weight:800;margin:0 auto 21px}.gate-panel{text-align:center}.gate-panel h1,.login-panel h1{font-size:27px;margin-bottom:10px}.gate-panel p,.login-panel p{font-size:13px;line-height:1.75}.gate-panel form{margin:25px 0 10px}.gate-panel>.button{margin-bottom:10px}.gate-footnote{font-size:11px!important;margin:12px 0 0}.gate-footnote a{text-decoration:underline}.login-brand{margin-bottom:30px}.login-panel h1{margin-top:0}.login-panel .form-stack{margin-top:25px}.login-back{display:block;text-align:center;color:#717780;font-size:12px;margin-top:22px}.login-back:hover{text-decoration:underline}
.admin-body{background:#f7f8fa;min-height:100vh}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:244px;flex:none;min-height:100vh;background:#171a20;color:#f3f4f6;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.admin-brand{display:flex;align-items:center;gap:10px;padding:16px 21px;border-bottom:1px solid #323741;min-height:80px}.admin-brand .brand-crop{width:57px;height:28px}.admin-brand .brand-crop img{width:102px;height:28px}.admin-brand strong{display:block;font-size:16px;letter-spacing:-.04em}.admin-brand small{display:block;font-size:9px;letter-spacing:.12em;color:#929aa7}.admin-nav{padding:22px 12px;display:flex;flex-direction:column;gap:3px;flex:1;overflow:auto}.admin-nav-label{font-size:10px;letter-spacing:.12em;color:#78808c;font-weight:800;padding:17px 13px 7px}.admin-nav a{display:flex;align-items:center;gap:14px;padding:11px 13px;border-radius:9px;font-size:14px;color:#c5c9d0}.admin-nav a:hover,.admin-nav a[aria-current=page]{background:#2b2f38;color:#fff}.admin-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--orange)}.admin-nav a>span{display:inline}.admin-sidebar-foot{border-top:1px solid #323741;padding:16px 24px;display:flex;flex-direction:column;gap:10px;color:#aeb5c0;font-size:12px}.admin-sidebar-foot button{border:0;color:#aeb5c0;background:none;padding:0}.admin-sidebar-foot a:hover,.admin-sidebar-foot button:hover{color:#fff}.admin-content{flex:1;min-width:0}.admin-topbar{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:#737984}.admin-topbar a{font-weight:700;color:#343941}.admin-menu-toggle{display:none;border:0;background:none;font-size:22px}.admin-main{padding:35px;max-width:1560px;margin:auto}.admin-page-head{margin-bottom:27px}.admin-page-head h1{font-size:31px;margin:0 0 6px}.admin-page-head p{font-size:13px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:142px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card span{color:#747b85;font-size:12px;font-weight:700}.stat-card strong{font-size:34px;line-height:1.4;letter-spacing:-.05em}.stat-card small{color:#a0a5ad;font-size:11px}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.admin-panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:19px}.panel-heading h2{font-size:18px;margin:0 0 3px}.panel-heading p{font-size:12px;margin:0}.panel-heading a{color:#9e5f0b;font-size:12px;font-weight:700}.compact-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #f0f1f3}.compact-list-main{min-width:0}.compact-list-main strong,.compact-list-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list-main strong{font-size:13px}.compact-list-main small{color:#a1a6ad;font-size:11px;margin-top:3px}.panel-empty{color:#979da5;font-size:13px;padding:20px 0;margin:0}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.workflow>div{padding:12px 10px;border-left:1px solid var(--line)}.workflow b{display:block;color:#d98a13;font-size:12px;margin-bottom:10px}.workflow strong{font-size:13px}.workflow p{font-size:11px;margin:7px 0 0}.status{display:inline-block;white-space:nowrap;border-radius:50px;padding:4px 9px;background:#f1f2f4;color:#626a75;font-size:11px;font-weight:700}.status-public,.status-approved,.status-completed,.status-ready,.status-success,.status-resolved{background:#e8f6ec;color:#318053}.status-alert,.status-rejected,.status-failed,.status-error{background:#fff0ed;color:#b54b34}.status-pending,.status-queued,.status-open{background:#fff5e7;color:#ae6b11}.status-running,.status-processing,.status-downloading,.status-transcoding{background:#eaf1ff;color:#416eaa}.admin-filter{display:flex;gap:9px;margin-bottom:18px}.admin-filter input{flex:1;min-width:180px}.admin-filter select{width:auto;min-width:140px}.table-panel{padding:0}.table-panel .panel-heading{padding:23px 26px;margin:0}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;min-width:770px}.data-table th{color:#898f98;font-size:11px;font-weight:700;white-space:nowrap;background:#fafbfc;padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:15px 16px;border-bottom:1px solid #eff0f2;vertical-align:top;color:#505761}.data-table tbody tr:last-child td{border-bottom:0}.data-table .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9a9fa8}.table-title{min-width:220px;max-width:330px}.table-title strong,.table-title small{display:block}.table-title strong{color:var(--ink);font-size:12px;line-height:1.5}.table-title small{font-size:10px;color:#a0a5ad;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-title small a{color:#a06720;text-decoration:underline}.table-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.small-button{border:1px solid #dfe2e7;background:#fff;padding:5px 9px;border-radius:6px;white-space:nowrap;font-size:11px;color:#424850}.small-button:hover{border-color:#aab0b9}.small-button.danger{color:#b54b34;border-color:#f0d5cf}.row-actions summary{cursor:pointer;font-weight:700;color:#9a5b0b}.row-actions-body{width:320px;padding:17px 0}.inline-edit{display:flex;flex-direction:column;gap:11px}.inline-edit .checkbox-line{font-size:11px}.action-grid{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.action-grid form{display:inline-flex;flex-direction:column;gap:5px}.action-grid .button{min-height:32px;padding:5px 8px;font-size:11px}.action-grid .checkbox-line{max-width:145px;font-size:10px}.info-banner{padding:13px 18px;border:1px solid #f1dfc0;background:#fffaef;border-radius:10px;display:flex;gap:15px;margin-bottom:19px;font-size:12px}.info-banner strong{color:#9a5b0b}.info-banner span{color:#6e727b}.message-list{display:flex;flex-direction:column;gap:13px}.message-card{padding:22px}.message-top{display:flex;justify-content:space-between;gap:15px}.message-top h2{margin:8px 0 0;font-size:17px}.message-top time{color:#a0a6ae;font-size:11px}.message-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:#717883;font-size:12px;border-bottom:1px solid var(--line);padding:12px 0}.message-meta a{color:#9b620f}.message-body{white-space:pre-wrap;line-height:1.7;font-size:13px;color:#424850;padding-top:15px;margin-bottom:18px}.message-signature{font-size:11px}.settings-list{margin:0}.settings-list>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.settings-list dt{color:#828994}.settings-list dd{margin:0;font-weight:700}.error-text{color:#ac4b36}.flash-stack{margin-bottom:20px}.flash-stack .alert{margin-bottom:8px}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.container{width:min(100% - 32px,1280px)}.header-main{height:80px;gap:15px}.site-search{max-width:none}.hero{padding:35px;min-height:260px}.hero-symbol{width:150px;height:118px}.hero-symbol span:first-child{font-size:76px}.hero-symbol span:last-child{font-size:43px;margin-bottom:15px}.category-strip{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 50px rgba(0,0,0,.1)}.admin-sidebar.is-open{transform:translateX(0)}.admin-menu-toggle{display:block}.admin-main{padding:25px}.admin-two-col{grid-template-columns:1fr}.admin-topbar{padding:0 25px}.footer-links{gap:14px}}
@media(max-width:560px){.topline-inner span:first-child{display:none}.topline-inner{justify-content:center}.header-main{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto;gap:0;padding-top:8px;padding-bottom:10px}.brand-crop{width:96px;height:46px}.brand-crop img{width:170px;height:46px}.menu-toggle{display:block;grid-column:2;grid-row:1}.site-search{grid-column:1 / -1;grid-row:2;height:43px;margin-top:5px}.site-search button{padding:8px 17px}.main-nav{display:none;overflow-x:auto}.main-nav.is-open{display:block}.nav-inner{gap:27px;white-space:nowrap;height:47px}.site-main{padding-bottom:65px}.hero{margin:18px 0;padding:30px 24px;min-height:230px}.hero p{max-width:240px;font-size:13px}.hero-symbol{position:absolute;opacity:.14;right:-35px;bottom:-28px;width:150px;height:120px}.category-strip{gap:8px;margin-bottom:42px}.category-strip a{padding:12px 15px;font-size:13px}.section-heading h1,.section-heading h2{font-size:22px}.section-note{font-size:11px}.card-grid{gap:19px 11px}.card-copy h3{font-size:12px;min-height:36px}.card-meta{font-size:10px}.card-art{border-radius:8px}.play-disc{display:none}.footer-inner{flex-direction:column;padding:35px 0 22px}.footer-links{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.panel,.admin-panel{padding:20px}.gate-panel,.login-panel{padding:26px}.admin-main{padding:19px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head h1{font-size:26px}.admin-filter{flex-wrap:wrap}.admin-filter input{flex-basis:100%}.admin-filter select{flex:1;min-width:0}.stat-grid{gap:9px}.stat-card{padding:16px;min-height:120px}.stat-card strong{font-size:27px}.workflow{gap:7px}.table-panel{padding:0}.table-panel .panel-heading{padding:20px}.message-top{flex-direction:column}.info-banner{flex-direction:column;gap:4px}}
.watched-badge[hidden],.library-clear[hidden]{display:none}
.library-clear{margin:0;color:#a73548;border-color:#e8c4cb;white-space:nowrap}
.library-clear:hover{background:#fff1f3;border-color:#dca8b2;color:#96263b}
.library-remove-button{display:block;width:fit-content;margin:9px 0 0 auto;padding:6px 11px;border:1px solid #e8c4cb;border-radius:5px;background:#fff;color:#a73548;font-size:12px;font-weight:700;line-height:1.3;font-family:inherit;cursor:pointer}
.library-remove-button:hover{background:#fff1f3;border-color:#dca8b2;color:#96263b}
.library-remove-button:focus-visible,.library-clear:focus-visible{outline:3px solid #e8a443;outline-offset:2px}
.footer-inner .footer-policy{max-width:730px;line-height:1.7;color:#626973}
.footer-policy a{text-decoration:underline;text-underline-offset:2px}

/* Uploaded image banners immediately below the category navigation. */
.header-banners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-block:14px}
.header-banner{display:flex;align-items:center;justify-content:center;align-self:start;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff}
.header-banner img{width:100%;height:auto;object-fit:contain}
.header-banner:hover{border-color:#d8ae6e}
@media(max-width:800px){.header-banners{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
@media(max-width:560px){.header-banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-block:10px}}

/* Advertising placements collapse until their selected device tag renders. */
.ad-slot{display:flex;align-items:center;justify-content:center;max-width:100%;min-width:0;clear:both}
.ad-slot[hidden]{display:none!important}
.ad-slot.is-empty{height:0;overflow:hidden;margin:0;padding:0;min-height:0}
.ad-slot.is-filled{margin:24px 0}
.ad-slot iframe,.ad-slot img{max-width:100%}
/* The preroll stays inside the video area, including its five-second skip gate. */
.player-shell .preroll-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;min-width:160px;padding:14px 22px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#ff9828;color:#17191d;font-size:16px;font-weight:800;box-shadow:0 5px 25px rgba(0,0,0,.25)}
.preroll-overlay{position:absolute;inset:0;z-index:5;background:#000;color:#fff;isolation:isolate}
.player-shell .preroll-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.preroll-label{position:absolute;top:16px;left:16px;z-index:2;max-width:55%;padding:5px 9px;border-radius:4px;background:rgba(0,0,0,.7);font-size:12px;color:#fff}
.preroll-skip,.preroll-action,.preroll-mute{position:absolute;bottom:16px;z-index:2;min-height:36px;padding:8px 12px;border:1px solid rgba(255,255,255,.55);border-radius:5px;background:rgba(20,22,25,.85);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.preroll-skip{right:16px}.preroll-action{left:16px}.preroll-mute{left:106px}
.preroll-skip:hover,.preroll-action:hover,.preroll-mute:hover{background:#383b40}
.preroll-click{position:absolute;top:18px;right:16px;z-index:2;color:#fff;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.preroll-start[hidden],.preroll-overlay[hidden],.preroll-skip[hidden],.preroll-action[hidden],.preroll-mute[hidden],.preroll-click[hidden]{display:none!important}
.preroll-playing #content-player{visibility:hidden}
@media(max-width:560px){.ad-slot.is-filled{margin:18px 0}.preroll-label{top:10px;left:10px;font-size:11px}.preroll-click{top:13px;right:10px;font-size:11px}.preroll-skip,.preroll-action,.preroll-mute{bottom:10px;padding:7px 9px;font-size:11px;min-height:34px}.preroll-skip{right:10px}.preroll-action{left:10px}.preroll-mute{left:88px}.player-shell .preroll-start{font-size:14px;padding:12px 18px}}
.message-delete-all{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.message-delete-all label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#717883}.message-delete-all input{min-width:180px;height:41px;border:1px solid #dfe2e7;border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink);font-size:13px}.message-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:560px){.message-delete-all{width:100%}.message-delete-all label{flex:1}.message-delete-all input{width:100%}}