:root{--brand-bg:#101212;--brand-panel:#191c1b;--brand-text:#f2f2eb;--brand-muted:#b6bbb5;--brand-gold:#d3af74;--brand-line:#353937}
@font-face{font-family:Studio;src:local('Avenir Next')}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#101212;color:#f2f2eb;font-family:Studio,Inter,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d3af74;outline-offset:5px}button{border:0}h1,h2,h3,p{margin-top:0}p{line-height:1.7;color:#b6bbb5}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;z-index:100;background:#d3af74;color:#000;padding:15px}.skip:focus{top:10px}.topbar{height:100px;padding:0 5%;display:flex;align-items:center;gap:5%;position:relative;z-index:10;background:#101212e8;border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:42px;height:42px}.brand span{font-size:19px;letter-spacing:3px;font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:5px;color:#d3af74;margin-top:5px}.topbar nav{display:flex;gap:28px;align-items:center;flex:1}.topbar nav a{font-size:13px;color:#9d9b9f;padding:39px 0;position:relative}.topbar nav a.active{color:#fff}.topbar nav a.active:after{content:'';height:2px;position:absolute;bottom:24px;left:0;right:0;background:#d3af74}.header-tools{display:flex;align-items:center;gap:25px}.icon-button{font-size:34px;line-height:1}.profile-button{border-radius:50%;border:1px solid #d3af74;background:#403727;color:#e6ce9b;width:36px;height:36px;font-size:13px}.hero{min-height:665px;height:min(760px,76vh);position:relative;display:flex;align-items:center;padding:60px 6%;overflow:hidden;background:#191c1b}.hero-art{position:absolute;inset:0 0 0 28%;width:72%;height:100%;object-fit:cover;object-position:center 28%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101212 2%,#101212e8 25%,#10121240 70%),linear-gradient(0deg,#101212 0%,transparent 35%)}.hero-content{position:relative;z-index:1;width:550px;max-width:100%;padding-bottom:30px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#d3af74;font-size:10px;font-weight:700;margin-bottom:24px;display:block}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,5.5vw,82px);line-height:1.02;letter-spacing:-2px;margin-bottom:15px}.subtitle{font-family:Georgia,serif;font-style:italic;font-size:26px;color:#d2c8b4}.hero p{max-width:430px;font-size:14px;line-height:1.8}.meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#a3a0a4;margin:24px 0}.meta span+span:before{content:'·';margin-right:12px}.pill{border:1px solid #ffffff35;padding:3px 6px;font-size:9px;letter-spacing:1px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#252527;border:1px solid #ffffff18;padding:14px 23px;border-radius:4px;font-size:12px;font-weight:650}.btn.gold{background:#d3af74;color:#111;border-color:#d3af74}.btn.light{background:#f3f0e9;color:#101010}.btn.small{padding:9px 13px;font-size:11px}.btn.danger{color:#f1a8a8}.hero-bottom{position:absolute;bottom:34px;right:6%;z-index:1;color:#b6aba0;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:2px}.hero-bottom b{height:1px;width:60px;background:#d3af74}.section{padding:22px 5%}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.section-heading h2{font-size:20px;font-weight:550;letter-spacing:-.4px;margin:0}.section-heading a{font-size:11px;color:#d3af74}.rail{display:flex;gap:18px;overflow:auto;padding:6px 2px 22px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#39332b transparent}.card{flex:0 0 265px;scroll-snap-align:start;position:relative}.art-button{padding:0;background:#191c1b;width:100%;overflow:hidden;position:relative;border-radius:5px;aspect-ratio:16/9;display:block;border:1px solid #ffffff0b;text-align:left}.art-button img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.art-button:hover img{transform:scale(1.045)}.art-button .art-shade{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}.art-badge{position:absolute;bottom:10px;left:10px;background:#080808bb;color:#eee;font-size:8px;letter-spacing:1.5px;padding:4px 6px}.card-time{position:absolute;right:9px;bottom:10px;background:#000a;padding:4px 5px;font-size:9px}.card h3{font-size:12px;font-weight:550;line-height:1.5;margin:11px 0 4px}.card .series-label{font-size:10px;color:#96929a;line-height:1.4}.card .save{position:absolute;right:9px;top:9px;background:#101014d9;border:1px solid #ffffff40;border-radius:50%;height:29px;width:29px;font-size:17px}.progress-track{height:3px;background:#fff2;margin-top:-3px;position:relative}.progress-track i{display:block;background:#d3af74;height:100%}.poster-rail .card{flex-basis:195px}.poster-rail .art-button{aspect-ratio:2/3}.poster-rail .art-button img{object-fit:cover}.studio-note{margin:4px 5% 26px;padding:12px 18px;border:1px solid #d3af7433;border-radius:5px;color:#bba777;font-size:11px;background:#d3af7408;display:flex;gap:12px;justify-content:space-between;align-items:center}.studio-note a{text-decoration:underline;white-space:nowrap}.banner{margin:35px 5%;border:1px solid #d3af7433;border-radius:6px;background:radial-gradient(ellipse at 85% 100%,#47382180,transparent 75%),#191c1b;display:flex;align-items:center;gap:30px;padding:40px}.banner h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin-bottom:12px}.banner p{font-size:12px;margin:0}.banner .btn{margin-left:auto;white-space:nowrap}.page{padding:55px 5%;min-height:65vh}.page h1{font-family:Georgia,serif;font-size:46px;font-weight:400;margin-bottom:12px}.page>.eyebrow{margin-bottom:15px}.page .intro{max-width:650px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:30px}.grid .card{min-width:0}.series-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:35px}.series-tile{border:1px solid #fff1;border-radius:6px;overflow:hidden;background:#191c1b;text-align:left;padding:0}.series-tile img{aspect-ratio:16/9;width:100%;object-fit:cover}.series-tile div{padding:25px}.series-tile h2{font-family:Georgia,serif;font-weight:400;font-size:27px}.series-tile p{font-size:12px;margin-bottom:0}.searchbox{display:flex;align-items:center;gap:15px;background:#191c1b;padding:8px 20px;border:1px solid #fff2;border-radius:5px;max-width:800px;margin:28px 0}.searchbox span{font-size:30px;color:#bba777}.searchbox input{flex:1;border:0;background:transparent;font-size:19px;outline:none;padding:15px 0;min-width:0}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.filters select{padding:10px;border:1px solid #fff2;border-radius:4px;background:#191c1b;font-size:12px}.empty{padding:50px 20px;border:1px dashed #fff2;text-align:center;border-radius:5px;color:#a5a1a8;margin:25px 0}.empty h2{font-family:Georgia,serif;font-weight:400;font-size:28px;color:#eee}.empty p{font-size:13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.panel{background:#191c1b;border:1px solid #fff1;padding:28px;border-radius:6px;margin:20px 0}.panel h2{font-size:19px}.panel p{font-size:12px}.panel label{font-size:12px;display:block;margin:16px 0}.panel input:not([type=checkbox]),.panel textarea{display:block;padding:12px;background:#101212;border:1px solid #fff3;color:#fff;border-radius:4px;width:100%;margin:8px 0}.panel input[type=checkbox]{accent-color:#d3af74;margin-right:9px}.profile-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.profile-choice{border:1px solid #fff2;border-radius:5px;background:#222225;padding:14px 22px}.profile-choice.selected{border-color:#d3af74;color:#dec393}.error{color:#f3a8a8}footer{margin:70px 5% 0;padding:35px 0 45px;border-top:1px solid #fff1}.footer-brand{font-size:14px;letter-spacing:3px;font-weight:700}.footer-brand span{font-size:9px;color:#d3af74;letter-spacing:2px}.footer-brand+p{font-size:12px;margin:15px 0 25px}footer>div:last-of-type{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;color:#a5a2a9;margin-bottom:30px}footer small{font-size:10px;color:#68666e}.bottomnav{display:none}dialog{background:#101212;color:#eee;border:1px solid #ffffff25;border-radius:9px;padding:0;width:min(900px,94vw);max-height:92vh;overflow:auto;box-shadow:0 30px 120px #000c}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:15px;border-radius:50%;background:#111e;border:1px solid #fff4;width:35px;height:35px;font-size:23px;z-index:5}.detail-hero{height:340px;position:relative;overflow:hidden;background:#222}.detail-hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.detail-hero:after{position:absolute;content:'';inset:0;background:linear-gradient(transparent,#101212)}.detail-content{padding:0 35px 35px;position:relative;margin-top:-25px}.detail-content h2{font-family:Georgia,serif;font-size:38px;font-weight:400;margin-bottom:10px}.detail-content p{font-size:13px;white-space:pre-line}.detail-content h3{font-size:16px;margin-top:30px}.episode-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #fff1;padding:15px 0;background:transparent;text-align:left;width:100%}.episode-row img{width:110px;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.episode-row span{font-size:12px;line-height:1.5}.episode-row small{display:block;color:#aaa;margin-top:5px}#watch{padding:30px;max-width:1000px}#watch h2{font-size:16px;margin:0 45px 20px 0}#playerWrap{background:#000;min-height:200px;aspect-ratio:16/9}#playerWrap iframe,#playerWrap video{width:100%;height:100%;border:0;min-height:200px}#playerStatus{font-size:12px;margin:15px 0}#watchActions{display:flex;flex-wrap:wrap;gap:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;padding:13px 24px;background:#ead7b1;color:#15120e;border-radius:5px;box-shadow:0 6px 50px #0009;opacity:0;pointer-events:none;transition:opacity .2s;font-size:12px;max-width:90%;text-align:center}#toast.visible{opacity:1}#network{background:#54381f;color:#fff0d8;text-align:center;font-size:12px;padding:10px}.loading{padding:100px;text-align:center;color:#d3af74}.status-chip{font-size:10px;padding:5px 8px;border:1px solid #d3af7460;border-radius:3px;color:#d3af74}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #fff2;padding:14px 10px}.admin-table th{color:#d3af74;font-size:10px;letter-spacing:1px}.admin-table td p{font-size:11px;margin:4px 0}.admin-stats{display:flex;gap:15px;flex-wrap:wrap}.admin-stats div{background:#19191b;border:1px solid #fff1;padding:20px 30px;flex:1}.admin-stats strong{font-size:28px;display:block;color:#d3af74}.admin-stats small{font-size:10px}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.admin-toolbar input{min-width:220px;flex:1;padding:12px;background:#191c1b;border:1px solid #fff2;border-radius:4px}.table-wrap{overflow-x:auto}.legal{max-width:850px;margin:auto}.legal h2{margin-top:35px}.legal li{color:#bbb;line-height:1.8;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){.hero{padding-left:8%}.hero-art{object-position:center 30%}.card{flex-basis:310px}.poster-rail .card{flex-basis:230px}}
@media(max-width:1100px){.topbar nav{gap:18px}.topbar{gap:3%;padding:0 4%}.topbar nav a{font-size:11px}.brand span{font-size:15px}.brand img{width:35px}.header-tools{gap:15px}.hero{min-height:580px}.hero-content{max-width:480px}.hero h1{font-size:62px}.card{flex-basis:240px}}
@media(max-width:760px){.topbar{height:80px;padding:env(safe-area-inset-top,0) 6% 0}.topbar nav{display:none}.header-tools{margin-left:auto}.brand span{font-size:16px}.brand small{font-size:7px;letter-spacing:4px}.hero{min-height:680px;height:83vh;align-items:flex-end;padding:35px 7%}.hero-art{inset:0;width:100%;height:76%;object-position:center 20%}.hero:after{background:linear-gradient(0deg,#101212 4%,#101212e6 25%,#10121220 72%),linear-gradient(90deg,#10121230,transparent)}.hero-content{padding-bottom:30px}.hero h1{font-size:52px;max-width:400px}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:17px}.hero .subtitle{font-size:23px}.hero p{font-size:12px;line-height:1.7;max-width:350px}.hero .meta{margin:17px 0}.hero-bottom{display:none}.actions{gap:10px;margin:20px 0}.btn{padding:13px 18px}.section{padding:18px 6%}.section-heading h2{font-size:18px}.card{flex-basis:225px}.poster-rail .card{flex-basis:155px}.studio-note{margin:5px 6% 20px;font-size:10px;line-height:1.6;align-items:flex-start}.studio-note a{white-space:normal}.banner{margin:25px 6%;padding:28px;display:block}.banner h2{font-size:29px}.banner .btn{margin-top:20px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#101212f5;backdrop-filter:blur(20px);border-top:1px solid #fff1;justify-content:space-around;padding:12px 0 calc(10px + env(safe-area-inset-bottom,0px))}.bottomnav a{text-align:center;color:#8e8b93;font-size:9px}.bottomnav a span{display:block;font-size:21px;line-height:1;margin-bottom:6px}.bottomnav a.active{color:#d3af74}footer{padding-bottom:110px}.page{padding:35px 6%;min-height:70vh}.page h1{font-size:37px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.grid .card h3{font-size:11px}.grid .art-badge{font-size:6px}.grid .card-time{font-size:8px}.settings-grid{grid-template-columns:1fr}.panel{padding:23px}.detail-content{padding:0 24px 25px}.detail-content h2{font-size:30px}.detail-hero{height:260px}#watch{padding:23px 12px;width:98vw}#watch h2{font-size:13px;margin-left:8px}#toast{bottom:100px}.series-tile h2{font-size:25px}.card .save{height:26px;width:26px}.footer-brand{font-size:12px}.admin-table{min-width:750px}.admin-stats div{padding:15px;min-width:120px}.admin-stats strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.poster-rail .art-button{aspect-ratio:4/3}.poster-rail .art-button img{object-fit:contain;background:#151515}.poster-rail .card{flex-basis:260px}@media(max-width:760px){.poster-rail .card{flex-basis:225px}}

/* Official SMEStudio.us identity; preserve original logo aspect ratio. */
.brand img{width:60px;height:56px;object-fit:contain}.brand{gap:14px}.brand span{border-left:1px solid #596058;padding-left:14px;font-size:16px;letter-spacing:2px}.brand small{color:#f2f2eb;font-size:8px;letter-spacing:3.3px}.topbar{border-bottom-color:#353937}.footer-brand{display:flex;align-items:center;gap:17px}.footer-brand img{width:70px;height:66px;object-fit:contain}.footer-brand>span{font-size:14px;color:#f2f2eb;letter-spacing:2.5px}.footer-brand small{display:block;color:#b6bbb5;font-size:9px;letter-spacing:3px;margin-top:5px}
@media(max-width:760px){.brand img{width:49px;height:46px}.brand span{font-size:13px;letter-spacing:1.6px;padding-left:11px}.brand small{font-size:7px;letter-spacing:2.6px}.brand{gap:10px}.header-tools{gap:15px}}
