:root{color-scheme:dark;--bg:#090b0e;--panel:#171b21;--line:#2a3038;--muted:#a5acb7;--red:#df2028;--white:#f5f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.top{display:flex;align-items:center;gap:18px;padding:13px clamp(20px,4vw,72px);background:#07080b;border-bottom:1px solid #23262d;position:sticky;top:0;z-index:5}.logo{font-size:34px;font-weight:950;letter-spacing:-3px;line-height:1}.logo span{color:var(--red)}.top small{font-size:10px;letter-spacing:2.5px;color:#c5c5c5}.top nav{margin-left:auto;display:flex;gap:28px;font-size:12px;font-weight:700;letter-spacing:1px}.top nav a:hover{color:#ff4a50}main{max-width:1400px;margin:auto;padding:0 clamp(20px,4vw,70px)}.hero{min-height:400px;padding:65px 0 45px;background:radial-gradient(ellipse at 80% 50%,#451e35 0%,#151522 35%,transparent 65%),linear-gradient(120deg,#0c0c0f,#151923)}.eyebrow{font-size:12px;letter-spacing:4px;color:#ff6067;font-weight:700}.hero h1{font-size:clamp(42px,6vw,84px);line-height:1.02;letter-spacing:-3px;margin:18px 0}.hero h1 em{color:var(--red);font-style:normal}.hero p{color:#d2d5db;max-width:540px}.primary,.filters button,.admin-button{display:inline-block;background:var(--red);color:white;padding:12px 20px;border:0;border-radius:5px;font-weight:800;letter-spacing:.5px}.primary{margin-top:20px}section{padding:32px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-title h2{font-size:24px}.section-title span,.meta,.description,.back{color:var(--muted)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px}.channel{min-width:0}.channel-art{aspect-ratio:16/10;border:1px solid #303744;background:linear-gradient(145deg,#1e2430,#101216);display:grid;place-items:center;border-radius:6px;overflow:hidden}.channel-art img{width:100%;height:100%;object-fit:cover}.channel-symbol{font-size:50px;color:#bfc4d0}.channel strong{display:block;margin-top:8px}.channel small,.video-card small{display:block;color:var(--muted);font-size:12px}.filters{display:flex;gap:10px;margin:8px 0 24px;flex-wrap:wrap}.filters input,.filters select,.chapter-heading input,.admin input,.admin select,.admin textarea{background:#1a1e24;border:1px solid #363c46;color:white;border-radius:5px;padding:11px}.filters input{flex:1;min-width:210px}.clear{align-self:center;color:#adb4bd}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.video-poster{aspect-ratio:16/9;background:linear-gradient(130deg,#37202a,#0f1927 65%,#1c1c25);display:grid;place-items:center;border:1px solid #303744;border-radius:6px;position:relative}.play{border:2px solid #fff;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:25px}.runtime{position:absolute;bottom:9px;right:9px;background:#080808d9;padding:3px 7px;border-radius:3px;font-size:12px}.video-card h3{margin:10px 0 0}.video-card p{margin:0 0 4px;color:#c4c9d2}footer{padding:30px 5%;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between}.watch{padding-top:25px}.watch h1{margin:10px 0 0;font-size:34px}.meta{margin:0 0 24px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.watch video{width:100%;aspect-ratio:4/3;max-height:72vh;background:black;display:block}.description{max-width:850px}.chapters{background:var(--panel);border:1px solid var(--line);border-radius:6px;align-self:start;max-height:72vh;display:flex;flex-direction:column;overflow:hidden}.chapter-heading{padding:14px;border-bottom:1px solid var(--line)}.chapter-heading h2{margin:0 0 10px;font-size:16px}.chapter-heading input{width:100%;padding:8px}#chapterList{overflow-y:auto}.chapter{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #262b31;background:transparent;color:#f1f1f1}.chapter:hover,.chapter.active{background:#8f1821}.chapter[hidden]{display:none}.chapter-number{width:22px;color:#aeb4bc}.chapter-name{flex:1}.chapter time{font-size:12px;color:#c7c7c7}.share button{margin-left:10px;background:#242b33;border:1px solid #505760;color:white;padding:6px 12px;border-radius:4px}.admin{max-width:1050px;margin:30px auto;padding:0 20px}.admin .panel{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:7px;margin:16px 0}.admin label{display:block;margin:10px 0 4px}.admin input,.admin select,.admin textarea{width:100%;max-width:580px}.admin table{border-collapse:collapse;width:100%}.admin td,.admin th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.admin .inline{display:inline}.admin .inline button{background:#333a44;color:white;border:0;border-radius:3px;padding:6px 9px}.admin .row{display:flex;gap:15px;flex-wrap:wrap;align-items:end}.admin .row>div{flex:1;min-width:160px}.admin .msg{padding:10px;border-left:3px solid var(--red);background:#20242b}.admin .tiny{font-size:12px;color:var(--muted)}@media(max-width:800px){.watch-layout{grid-template-columns:1fr}.chapters{max-height:450px}.top{flex-wrap:wrap}.top nav{width:100%;margin:0;gap:20px}.hero{min-height:300px}.hero h1{letter-spacing:-1px}}
/* v0.2 */
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.home-layout .hero{padding:55px 24px 50px;min-width:0}.home-channels{padding:26px 0}.home-channels h2{font-size:19px;margin:0 0 12px}.channel-side-list{display:flex;flex-direction:column;gap:8px}.channel-side{display:flex;align-items:center;gap:12px;padding:8px;background:#171b21;border:1px solid #2a3038;border-radius:7px}.channel-side:hover,.player-channels a:hover{border-color:#df2028}.channel-side-icon{width:54px;height:46px;flex-shrink:0;border-radius:4px;background:#252a32;display:grid;place-items:center;font-size:26px;overflow:hidden}.channel-side-icon img{width:100%;height:100%;object-fit:cover}.channel-side strong{font-size:13px}.channel-side small{display:block;color:#a5acb7;font-size:11px}.featured-label{margin-top:22px;font-size:11px;letter-spacing:2px;color:#ff7478}.home-layout .hero h2{margin:5px 0}.player-channels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.player-channels a{background:#171b21;border:1px solid #343a43;padding:8px 12px;border-radius:5px;font-size:12px}.watch .msg{background:#442126;padding:12px;border-radius:5px}
@media(max-width:850px){.home-layout{grid-template-columns:1fr}.home-channels{padding:5px 0}.home-layout .hero{padding:45px 15px}.channel-side-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}

/* SJTV v0.4: shared channel header, channel-selected video sidebar, and VCR skin */
.sjtv-header{display:block;padding-top:11px;padding-bottom:10px}.header-main{display:flex;align-items:center;gap:18px}.header-main nav{margin-left:auto;display:flex;gap:22px;font-size:12px;font-weight:700}.header-channels{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;margin-top:12px;padding-bottom:3px}.channel-tab{flex-shrink:0;display:block;padding:6px 11px;background:#191c23;border:1px solid #323843;border-radius:4px;font-size:11px;font-weight:700}.channel-tab:hover,.channel-tab.selected{border-color:#e52b39;background:#38171d}.home-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.85fr);gap:22px}.home-videos{padding:26px 0}.home-videos .section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.home-videos .section-title h2{font-size:17px}.home-video-list{display:flex;flex-direction:column;gap:8px;max-height:550px;overflow:auto}.home-video{display:flex;gap:12px;align-items:center;padding:12px;background:#181b22;border:1px solid #303641;border-radius:6px}.home-video:hover{border-color:#e52b39}.home-video-icon{background:#2d3038;color:#e52b39;border-radius:4px;width:66px;height:50px;display:grid;place-items:center;flex-shrink:0}.home-video strong{display:block;font-size:13px}.home-video small{display:block;font-size:11px;color:#b0b6c0}.watch-layout>div:first-child{min-width:0}
.vcr-deck{position:relative;width:100%;aspect-ratio:1651/928;background:#111 url('vcr-deck.png') center/100% 100% no-repeat;isolation:isolate;user-select:none}.vcr-video{position:absolute;left:28.45%;top:11.5%;width:43.45%;height:46.35%;object-fit:contain;background:#080909;border-radius:2%;cursor:pointer}.vcr-display{position:absolute;left:64%;top:69.5%;width:15%;height:9.1%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101c12;color:#9cf49b;text-shadow:0 0 5px #2fae4a;font-family:Consolas,monospace;font-size:clamp(8px,1.2vw,18px);line-height:1.25;pointer-events:none}.vcr-clock{font-size:1.08em}.vcr-hotspot{position:absolute;bottom:7.1%;height:6.1%;border:1px solid transparent;background:transparent;color:transparent;font-size:0;cursor:pointer}.vcr-hotspot:hover,.vcr-hotspot:focus-visible{outline:2px solid #eec967;outline-offset:0;background:#ffffff16}.vcr-play{left:12.2%;width:8.6%}.vcr-stop{left:21.5%;width:6.5%}.vcr-rew{left:28.2%;width:6.2%}.vcr-ff{left:34.2%;width:6.1%}.vcr-pause{left:40.3%;width:6.4%}.vcr-mute{left:85%;bottom:11%;width:10%;height:13%;border-radius:50%}.vcr-volume{position:absolute;left:84.5%;bottom:5.2%;width:11%;height:3%;accent-color:#a0e69a;cursor:pointer}.vcr-seek{position:absolute;left:61.3%;bottom:5.2%;width:20.2%;height:3%;accent-color:#a0e69a;cursor:pointer}.vcr-fullscreen{position:absolute;right:3.5%;top:3%;background:#131313bb;color:white;border:1px solid #777;border-radius:3px;cursor:pointer;font-size:13px;padding:3px 6px}.vcr-fullscreen:hover{background:#c22}.vcr-deck:focus-within{outline:1px solid #41454c}
@media(max-width:850px){.home-layout{grid-template-columns:1fr}.home-videos{padding:8px 0 20px}.sjtv-header{position:relative}.header-main{flex-wrap:wrap}.header-main small{display:none}.header-main nav{gap:12px}.vcr-display{font-size:clamp(7px,1.7vw,13px)}.vcr-fullscreen{font-size:10px}.watch-layout{grid-template-columns:1fr}}

/* v0.5 — reliable embedded VCR rendering, header presets and archive console */
.top.sjtv-header{display:block!important;padding:12px clamp(18px,4vw,70px)!important;}
.sjtv-header .header-main{display:flex!important;align-items:center;flex-wrap:wrap;gap:14px;}
.sjtv-header .header-main nav{margin-left:auto;display:flex;gap:18px;align-items:center;}
.sjtv-header .header-channels{display:flex!important;flex-wrap:nowrap;align-items:center;gap:9px;margin-top:12px;padding:0 0 8px;overflow-x:auto;max-width:100%;scrollbar-width:thin;}
.sjtv-header .channel-tab{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;flex:0 0 auto!important;padding:9px 12px!important;border:1px solid #40454d!important;border-radius:5px!important;background:linear-gradient(#272b31,#13161a)!important;box-shadow:inset 0 1px #ffffff16,0 2px 3px #0009;color:#f1f1f1!important;font-size:11px!important;letter-spacing:.15px;}
.sjtv-header .channel-tab::before{content:'▣';color:#88979c;font-size:12px;}
.sjtv-header .channel-tab.selected,.sjtv-header .channel-tab:hover{border-color:#e02a35!important;background:linear-gradient(#4a252b,#211519)!important;}
.sjtv-header .channel-tab.selected::before{color:#fa4b53;}
.watch-layout .vcr-deck{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:2048 / 1151!important;background-image:url('vcr-deck.png')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important;border:0!important;overflow:hidden!important;isolation:isolate;}
.watch-layout .vcr-deck video.vcr-video{position:absolute!important;left:28.45%!important;top:11.5%!important;width:43.45%!important;height:46.35%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;background:#050505!important;border-radius:1%!important;z-index:1!important;}
.watch-layout .vcr-deck .vcr-display{z-index:2!important;}
.watch-layout .vcr-deck .vcr-hotspot,.watch-layout .vcr-deck .vcr-volume,.watch-layout .vcr-deck .vcr-seek,.watch-layout .vcr-deck .vcr-fullscreen{z-index:3!important;}
.watch-layout .vcr-deck .vcr-hotspot{color:transparent!important;background:transparent!important;border:0!important;}
.watch-layout .vcr-deck .vcr-hotspot:focus-visible{outline:2px solid #ffdb80!important;}
.admin{max-width:1120px;}
.admin-console{background:linear-gradient(125deg,#28201d,#111419 30%,#14181e 75%,#2b2019);border:2px solid #45403d;border-radius:10px;padding:20px;margin:18px 0 22px;box-shadow:inset 0 2px #ffffff13,0 10px 24px #0008;}
.admin-console .console-label{color:#e9b77e;font-size:11px;letter-spacing:3px;font-weight:800;}
.admin-console h1{margin:6px 0 16px;font-size:29px;}
.console-led{background:#06110c;color:#8de99c;border:1px solid #335744;border-radius:5px;padding:15px 18px;font:700 13px/1.5 Consolas,monospace;letter-spacing:1px;text-shadow:0 0 7px #5cce6a55;}
.admin details.archive-tape{margin:12px 0;border:1px solid #41464c;border-radius:7px;background:#181c22;overflow:hidden;}
.admin details.archive-tape>summary{list-style:none;cursor:pointer;padding:17px 18px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#2c3037,#1b1f25);border-left:4px solid #ad2934;}
.admin details.archive-tape>summary::-webkit-details-marker{display:none;}
.admin details.archive-tape>summary::before{content:'▣';color:#d5b88a;font-size:23px;}
.admin details.archive-tape>summary::after{content:'EDIT  ▾';margin-left:auto;font-size:11px;letter-spacing:1px;color:#c3d1c6;}
.admin details.archive-tape[open]>summary::after{content:'CLOSE  ▴';}
.admin details.archive-tape>.tape-body{padding:0 18px 18px;}
.admin details.archive-tape .tiny{margin:4px 0;}
.admin details.archive-tape>summary strong{display:block;}
.admin details.archive-tape>summary small{display:block;color:#a7b1bd;margin-top:3px;}
.admin .import-tape{margin:15px 0 25px;}
@media(max-width:800px){.sjtv-header .header-main nav{width:auto!important;margin-left:auto!important;gap:12px;}.sjtv-header .header-channels{gap:6px;}.sjtv-header .channel-tab{padding:7px 9px!important;font-size:10px!important;}.watch-layout .vcr-deck .vcr-display{font-size:clamp(6px,1.5vw,13px)!important;}}

/* SJTV v0.6 — integrated 1990s VCR, one responsive player shared by homepage and watch. */
.sjtv-vcr{position:relative;width:100%;aspect-ratio:2048/1151;background:url('vcr-deck.png') center/100% 100% no-repeat;isolation:isolate;overflow:hidden;border-radius:1.1%;container-type:inline-size;}
.sjtv-vcr .vcr-screen-video{position:absolute;left:28.4%;top:11.3%;width:28.4%;height:46.2%;overflow:hidden;background:#050608;border-radius:2%;z-index:2;}
.sjtv-vcr .vcr-screen-video video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:#000;cursor:pointer;}
.sjtv-vcr .vcr-chapters{position:absolute;left:57.3%;top:11.3%;width:14.6%;height:46.2%;z-index:3;background:#07130e;color:#a6edb0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #45624d;font:500 clamp(6px,1.2cqw,13px)/1.35 Consolas,'Courier New',monospace;box-shadow:inset 0 0 12px #000;}
.sjtv-vcr .vcr-chapter-head{padding:3% 4% 2%;border-bottom:1px solid #32513a;flex:none;}
.sjtv-vcr .vcr-chapter-head strong{display:block;white-space:nowrap;font-size:1em;}
.sjtv-vcr #chapterFilter{display:block;width:100%;margin-top:3%;padding:3%;border:1px solid #45644b;background:#061009;color:#b9ffba;border-radius:0;font:inherit;font-size:.8em;min-width:0;}
.sjtv-vcr .vcr-chapter-scroll{min-height:0;overflow-y:auto;scrollbar-color:#41684a #101d15;scrollbar-width:thin;overscroll-behavior:contain;}
.sjtv-vcr .chapter{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 5%;align-items:start;width:100%;padding:5% 3%;border:0;border-bottom:1px solid #28402c;background:transparent;color:#c5ffc7;font:inherit;text-align:left;}
.sjtv-vcr .chapter:hover,.sjtv-vcr .chapter.active{background:#224d2e;color:white;}
.sjtv-vcr .chapter[hidden]{display:none;}.sjtv-vcr .chapter-number{width:auto;color:#7ba883}.sjtv-vcr .chapter-name{min-width:0;overflow-wrap:anywhere;}.sjtv-vcr .chapter time{grid-column:2;font-size:.85em;color:#9aca9e;}
.sjtv-vcr .vcr-display{position:absolute!important;left:63.6%!important;top:69.2%!important;width:17%!important;height:8%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;z-index:4!important;color:#aaffab!important;background:#09130b!important;font:700 clamp(7px,1.6cqw,20px)/1.05 Consolas,monospace!important;text-shadow:0 0 7px #7efc80!important;pointer-events:none;}
.sjtv-vcr .vcr-hotspot{position:absolute!important;top:87.4%!important;height:6.3%!important;background:transparent!important;color:transparent!important;border:0!important;z-index:5!important;padding:0!important;}
.sjtv-vcr .vcr-play{left:12.3%!important;width:8.4%!important}.sjtv-vcr .vcr-stop{left:21.5%!important;width:5.6%!important}.sjtv-vcr .vcr-rew{left:28.1%!important;width:5.6%!important}.sjtv-vcr .vcr-ff{left:34.2%!important;width:5.6%!important}.sjtv-vcr .vcr-pause{left:40.6%!important;width:5.6%!important}.sjtv-vcr .vcr-mute{left:86.5%!important;width:7.5%!important;top:75%!important;height:12%!important}
.sjtv-vcr .vcr-seek{position:absolute!important;left:60.6%!important;top:89.3%!important;width:20.8%!important;height:3%!important;z-index:5!important;accent-color:#b5d7b0!important;opacity:.92;cursor:pointer;}
.sjtv-vcr .vcr-volume{position:absolute!important;left:84%!important;top:94.4%!important;width:12%!important;height:2%!important;z-index:5!important;accent-color:#93ee9b!important;cursor:pointer;}
.sjtv-vcr .vcr-fullscreen{position:absolute!important;left:70.5%!important;top:56%!important;width:3.3%!important;height:5%!important;background:#101510!important;color:#a9ecad!important;border:1px solid #49644c!important;z-index:5!important;padding:0!important;font-size:clamp(8px,1.3cqw,18px)!important;}
.sjtv-vcr :is(button,input):focus-visible{outline:2px solid #ffe5a0!important;outline-offset:2px!important;}
.watch-v06{max-width:1330px;padding-top:24px;}.watch-v06 h1{font-size:clamp(24px,3vw,35px)}.watch-v06 .sjtv-vcr{max-width:1220px;margin:12px auto 0}.watch-v06 .description,.watch-v06 .share{max-width:1220px;margin:15px auto}.watch-v06 .msg,.home-featured-vcr .msg{background:#472329;padding:10px;border-radius:4px;}
.modern-watch{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.modern-watch>video{width:100%;max-height:70vh;aspect-ratio:4/3}.modern-watch .chapters{max-height:70vh;}
.home-featured-vcr{max-width:1220px;margin:12px auto 42px;padding:10px 0 22px;border-top:1px solid #32343b}.home-featured-vcr .section-title h2{font-size:18px}.home-featured-vcr .section-title a{font-size:12px;color:#ddd}.home-featured-vcr .sjtv-vcr{margin:8px auto;}
.admin-dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:15px 0 25px}.admin-dash-tile{display:flex;flex-direction:column;gap:5px;padding:20px;background:linear-gradient(140deg,#292b31,#14181d);border:1px solid #4b4c51;border-left:4px solid #a82e36;border-radius:6px;}.admin-dash-tile:hover{border-color:#e34750}.admin-dash-tile span{color:#f0c58f;font-size:12px;letter-spacing:2px;font-weight:800}.admin-dash-tile strong{font:700 34px Consolas,monospace;color:#a6e6b2}.admin-dash-tile small{color:#b9bdc5}.admin-status-row{display:flex;gap:15px;align-items:center;border-top:1px solid #343943;padding:12px 0}.admin-status-row>span:first-child{flex:1}.admin-status-row a{color:#efc19b;font-size:12px}.file-ready{color:#9beba8}.file-missing{color:#ff8c92}
@media(max-width:800px){.modern-watch{grid-template-columns:1fr}.admin-dash-grid{grid-template-columns:1fr}.sjtv-vcr .vcr-chapters{font-size:clamp(5px,1.15cqw,9px)}.sjtv-vcr .vcr-chapter-head{padding:2%}.sjtv-vcr .chapter{padding:3% 2%}}

/* v0.7: place chapters in the right-hand VCR casing, not inside the video glass.
   Enlarged 4:3 picture fills the relocated left screen opening. */
.sjtv-vcr .vcr-screen-video{left:22.2%!important;top:11.3%!important;width:49.6%!important;height:46.2%!important;border-radius:2%!important;box-shadow:0 0 0 2px #080808!important;}
.sjtv-vcr .vcr-chapters{left:74.0%!important;top:11.2%!important;width:21.1%!important;height:46.4%!important;border:2px solid #3e2c22!important;border-radius:5px!important;background:linear-gradient(150deg,#20140e,#0c100d 70%)!important;color:#b8ffb4!important;box-shadow:inset 0 0 14px #000,0 0 0 2px #17110d!important;font-size:clamp(7px,1.22cqw,17px)!important;}
.sjtv-vcr .vcr-chapter-head{padding:3% 4%!important;background:#281d14!important;border-bottom:1px solid #715438!important;}
.sjtv-vcr .chapter{padding:3.2% 4%!important;}
.sjtv-vcr .vcr-fullscreen{left:68.5%!important;top:54.4%!important;}
/* Homepage: player sits in the primary content area rather than below the fold. */
.home-v07 .home-layout{grid-template-columns:minmax(0,1fr) 290px;}
.home-v07 .hero{padding:28px 22px 22px;min-height:0;}
.home-v07 .hero h1{font-size:clamp(29px,4vw,56px);margin:12px 0;}
.home-v07 .hero p{margin:9px 0 12px;}
.home-v07 .home-featured-vcr{border:0;margin:18px 0 0;padding:0;max-width:none;}
.home-v07 .home-featured-vcr .sjtv-vcr{width:100%;max-width:none;}
.home-v07 .home-featured-vcr .section-title{margin-bottom:6px;}
.home-v07 .home-featured-vcr .section-title h2{font-size:15px;margin:0;}
@media(max-width:850px){.home-v07 .home-layout{grid-template-columns:1fr;}.sjtv-vcr .vcr-chapters{font-size:clamp(6px,1.22cqw,11px)!important;}}

/* SJTV v0.8: the deck is a visual accent, never a separate hero stacked on the page. */
.home-v08 .home-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}
.home-v08 .hero-v08{padding:22px 0 10px;min-height:0;background:none}
.home-v08 .home-videos{padding:25px 0}
.home-v08 .home-standard-hero{padding:40px 25px;background:linear-gradient(120deg,#14141b,#231521)}
/* Redraw the screen position over the photographed original without distorting the controls. */
.sjtv-vcr{isolation:isolate}
.sjtv-vcr::before{content:"";position:absolute;left:5.1%;top:5.5%;width:68.4%;height:57.3%;background:linear-gradient(135deg,#57534d,#282622 5%,#121313 15%,#090909 85%,#5e5a54 97%,#272522);border:3px solid #88837b;border-radius:2.8% / 4%;box-shadow:inset 0 0 0 8px #383632,inset 0 0 0 13px #827f77,0 3px 12px #000c;z-index:1;pointer-events:none}
.sjtv-vcr .vcr-screen-video{left:7.2%!important;top:8.3%!important;width:64.1%!important;height:51.4%!important;border-radius:1%!important;box-shadow:none!important;z-index:2!important;background:#000!important}
.sjtv-vcr .vcr-screen-video video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}
/* The chapter display is in the RIGHT CASING, never inside the television glass. */
.sjtv-vcr .vcr-chapters{left:75.5%!important;top:8.0%!important;width:19.5%!important;height:51.5%!important;background:linear-gradient(145deg,#342218,#14100d)!important;border:1px solid #78543a!important;border-radius:4px!important;box-shadow:inset 0 0 14px #000!important;z-index:3!important;font-size:clamp(7px,1.17cqw,15px)!important}
.sjtv-vcr .vcr-chapter-head{background:#2b1b14!important;padding:4%!important}
.sjtv-vcr .chapter{color:#efd5ac!important;border-bottom:1px solid #59402e!important}
.sjtv-vcr .chapter:hover,.sjtv-vcr .chapter.active{background:#6c342b!important;color:#fff!important}
.sjtv-vcr .vcr-fullscreen{left:68%!important;top:54%!important}
/* Homepage: the actual words are INSIDE the screen, no headline above and no second deck. */
.sjtv-vcr.vcr-home .vcr-chapters{display:none!important}
.sjtv-vcr.vcr-home .vcr-screen-video{background:#0b0a11!important}
.sjtv-vcr.vcr-home .vcr-screen-video video{visibility:hidden}
.sjtv-vcr .vcr-home-overlay{position:absolute;left:7.2%;top:8.3%;width:64.1%;height:51.4%;z-index:4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:3% 5%;background:radial-gradient(ellipse at 95% 80%,#45213c,#12111b 55%,#080a0d);color:#fff}
.sjtv-vcr .vcr-home-kicker{font-size:clamp(6px,1.0cqw,13px);letter-spacing:.25em;color:#fa555f;font-weight:800}
.sjtv-vcr .vcr-home-overlay h1{font-size:clamp(16px,4.5cqw,58px);line-height:1.04;letter-spacing:-.045em;margin:2.5% 0 1.5%;color:#f4f4f5}
.sjtv-vcr .vcr-home-overlay h1 em{font-style:normal;color:#e72b36}
.sjtv-vcr .vcr-home-overlay p{font-size:clamp(7px,1.15cqw,15px);line-height:1.3;margin:0 0 1.5%;max-width:95%;color:#d5d4dc}
.sjtv-vcr .vcr-home-feature{font:700 clamp(6px,.9cqw,12px)/1.3 Consolas,monospace;color:#d4a9a1}
.sjtv-vcr .vcr-home-feature strong{display:block;font:700 clamp(9px,1.45cqw,18px)/1.3 system-ui,sans-serif;color:#fff}
.sjtv-vcr .vcr-home-start{background:#d91f2e;color:white;border:0;border-radius:3px;font:800 clamp(8px,1.05cqw,14px) system-ui;padding:1.2% 2%;margin-top:2%;cursor:pointer}
.sjtv-vcr .vcr-home-overlay>a{font-size:clamp(7px,.85cqw,12px);margin-top:1%;color:#ddd}
.sjtv-vcr .vcr-home-side{position:absolute;left:75.5%;top:8%;width:19.5%;height:51.5%;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6%;background:linear-gradient(145deg,#33251c,#10110e);border:1px solid #65462f;color:#c8e7be;font:700 clamp(7px,1.4cqw,17px) Consolas,monospace;padding:2%}
.sjtv-vcr .vcr-home-side strong{color:#fff;font-size:1.3em}.sjtv-vcr .vcr-home-side small{font-size:.65em;color:#a9b4a5}
.sjtv-vcr.vcr-home.home-playing .vcr-home-overlay{display:none}
.sjtv-vcr.vcr-home.home-playing .vcr-screen-video video{visibility:visible}
.sjtv-vcr.vcr-home.home-playing .vcr-home-side{display:none}
.sjtv-vcr.vcr-home.home-playing .vcr-chapters{display:flex!important}
@media(max-width:900px){.home-v08 .home-layout{grid-template-columns:1fr}.home-v08 .home-videos{padding:0 0 30px}.sjtv-vcr .vcr-chapters{font-size:clamp(5px,1.2cqw,11px)!important}}

/* SJTV v0.9: approved screen-first brand artwork, no homepage headline or duplicate sidebar. */
.home-v09 .home-layout{display:block!important;max-width:1450px;margin:0 auto!important;}
.home-v09 .hero-v08{width:100%;max-width:1400px;margin:0 auto;padding:14px 12px 20px!important;}
.home-v09 .home-videos-external{display:none!important;}
.home-v09 main{background:radial-gradient(ellipse at 80% 45%,#4d1a40 0%,#1b1528 48%,#08090f 100%);}
.sjtv-vcr.vcr-home .vcr-home-overlay{background:radial-gradient(ellipse at 73% 75%,#b32776 0%,#663074 36%,#211c3a 72%,#111628 100%)!important;align-items:center!important;justify-content:center!important;padding:4%!important;}
.sjtv-vcr.vcr-home .vcr-brand-logo{display:block;max-width:94%;width:90%;height:auto;max-height:80%;object-fit:contain;filter:drop-shadow(0 4px 10px #0003);}
.sjtv-vcr.vcr-home .vcr-home-play-overlay{position:absolute;right:3%;bottom:4%;border:1px solid #a6a3ad66;border-radius:50%;width:7%;aspect-ratio:1;background:#1b162a99;color:white;font-size:clamp(9px,1.7cqw,23px);cursor:pointer;opacity:.75;}
.sjtv-vcr.vcr-home .vcr-home-play-overlay:hover{opacity:1;background:#ae263d;}
.sjtv-vcr.vcr-home .vcr-home-recordings{align-items:stretch!important;justify-content:flex-start!important;gap:4%!important;padding:6% 5%!important;overflow-y:auto!important;scrollbar-width:thin;}
.sjtv-vcr.vcr-home .vcr-home-recordings>strong{font:800 clamp(8px,1.55cqw,21px) system-ui,sans-serif;color:#f5e8d9;text-align:left;white-space:nowrap;}
.sjtv-vcr.vcr-home .vcr-home-recording{display:flex;align-items:center;gap:6%;text-align:left;width:100%;padding:5% 3%;border:1px solid #665548;background:#27242a;color:white;text-decoration:none;border-radius:4px;font:700 clamp(7px,1.05cqw,14px)/1.3 system-ui,sans-serif;}
.sjtv-vcr.vcr-home .vcr-home-recording:hover{border-color:#df3746;}
.sjtv-vcr.vcr-home .vcr-home-recording small{display:block;color:#c4b5b5;font-size:.76em;font-weight:400;margin-top:3%;}
.sjtv-vcr.vcr-home .recording-play{display:grid;place-items:center;flex:0 0 25%;aspect-ratio:1;background:#38353d;color:#ee4052;border-radius:3px;}
@media(max-width:700px){.home-v09 .hero-v08{padding:6px 4px 12px!important;}.sjtv-vcr.vcr-home .vcr-home-recordings>strong{font-size:clamp(6px,1.55cqw,11px)}.sjtv-vcr.vcr-home .vcr-home-recording{font-size:clamp(5px,1.05cqw,8px)}}

/* SJTV v1.0 — full-footprint VCR and aligned phosphor LCD */
/* The gradient belongs on the home TV glass, never behind the chassis. */
body.home-v09 main{max-width:none!important;width:100%;padding:0 12px!important;background:#090b0e!important;}
body.home-v09 .home-layout{max-width:1620px!important;width:100%;margin:0 auto!important;}
body.home-v09 .hero-v08{max-width:none!important;width:100%!important;padding:12px 0 14px!important;margin:0!important;}
body.home-v09 .sjtv-vcr{width:100%!important;max-width:none!important;}
/* The watch deck gets the same generous width as the home deck. */
main.watch-v06{max-width:1620px!important;width:100%;padding:20px 12px 26px!important;}
.watch-v06 .sjtv-vcr{max-width:none!important;width:100%!important;margin:14px auto 0!important;}
.watch-v06 .back,.watch-v06 h1,.watch-v06 .meta,.watch-v06 .description,.watch-v06 .share,.watch-v06 .msg{margin-left:1%!important;margin-right:1%!important;}
/* Fit the entire recording list inside the right-hand brown inset; never horizontal scroll. */
.sjtv-vcr.vcr-home .vcr-home-recordings{left:75.5%!important;top:8%!important;width:19.5%!important;height:51.5%!important;padding:4% 3%!important;gap:3%!important;overflow-x:hidden!important;overflow-y:auto!important;min-width:0!important;}
.sjtv-vcr.vcr-home .vcr-home-recordings>strong{width:100%;min-width:0;font-size:clamp(7px,1.2cqw,17px)!important;line-height:1.1;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important;}
.sjtv-vcr.vcr-home .vcr-home-recording{width:100%!important;min-width:0!important;max-width:100%!important;padding:4% 2%!important;gap:4%!important;flex-shrink:0;font-size:clamp(6px,.96cqw,13px)!important;overflow:hidden!important;}
.sjtv-vcr.vcr-home .vcr-home-recording>span:last-child{flex:1 1 0;min-width:0;overflow-wrap:anywhere;word-break:normal;}
.sjtv-vcr.vcr-home .recording-play{flex:0 0 20%!important;}
.sjtv-vcr.vcr-home .vcr-home-recording small{overflow-wrap:anywhere;line-height:1.2;}
/* The photograph's LCD has printed digits: mask them completely, then draw our own. */
.sjtv-vcr .vcr-display{left:63.3%!important;top:69.1%!important;width:17.7%!important;height:9.0%!important;box-sizing:border-box!important;background:#061008!important;border:1px solid #1c3620!important;border-radius:2px!important;box-shadow:inset 0 0 9px #000,inset 0 0 3px #2b6631!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3%!important;padding:1% 1.5%!important;overflow:hidden!important;z-index:4!important;font-family:Consolas,'Courier New',monospace!important;font-size:clamp(7px,1.35cqw,19px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:.045em!important;color:#a7ffac!important;text-shadow:0 0 5px #5ef779!important;white-space:nowrap!important;}
.sjtv-vcr .vcr-display #vcrStatus,.sjtv-vcr .vcr-display #vcrClock{display:block!important;width:100%!important;text-align:center!important;line-height:1.1!important;font-size:1em!important;font-variant-numeric:tabular-nums!important;}
.sjtv-vcr .vcr-display #vcrClock{font-size:1.03em!important;letter-spacing:.08em!important;}
@media(max-width:700px){body.home-v09 main{padding:0 4px!important}main.watch-v06{padding:10px 4px!important}.sjtv-vcr .vcr-display{font-size:clamp(5px,1.3cqw,10px)!important;border-width:0!important}.sjtv-vcr.vcr-home .vcr-home-recordings>strong{font-size:clamp(5px,1.2cqw,9px)!important}.sjtv-vcr.vcr-home .vcr-home-recording{font-size:clamp(4px,.96cqw,8px)!important}}

/* v1.1: Watch-page recording details live in the brown chapter panel. */
.sjtv-vcr.vcr-watch .vcr-chapters{display:flex!important;flex-direction:column!important;}
.sjtv-vcr.vcr-watch .vcr-recording-info{display:flex;flex-direction:column;flex:0 0 auto;gap:2px;padding:4% 4% 3%;background:linear-gradient(150deg,#39261b,#221610);border-bottom:1px solid #74533a;min-width:0;}
.sjtv-vcr.vcr-watch .vcr-now-playing{color:#b3f5a6;font-size:.75em;letter-spacing:.05em;font-weight:700;}
.sjtv-vcr.vcr-watch .vcr-recording-title{font:800 1.38em/1.12 system-ui,sans-serif;color:#fff;overflow-wrap:anywhere;}
.sjtv-vcr.vcr-watch .vcr-recording-date{font:600 1.04em/1.15 system-ui,sans-serif;color:#f0d5b3;}
.sjtv-vcr.vcr-watch .vcr-recording-artist{font:400 .78em/1.2 system-ui,sans-serif;color:#c3b3a7;overflow-wrap:anywhere;}
.sjtv-vcr.vcr-watch .vcr-chapter-head{flex:0 0 auto;padding:2% 4%!important;}
.sjtv-vcr.vcr-watch .vcr-chapter-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;}

/* SJTV multi-channel Admin patch */
.sjtv-channel-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:12px;background:#0b1015;border:1px solid #40444c;border-radius:6px;margin-top:5px}
.sjtv-channel-checks label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;cursor:pointer}
.sjtv-channel-checks input[type=checkbox]{width:auto;flex:none;margin:0;accent-color:#e32636}

/* SJTV v14: VHS shelf as non-interactive background, clean Admin fields, autoplay switch */
.sjtv-vcr.vcr-home .vcr-home-recordings{background:linear-gradient(#100e0db8,#100e0dc4),url("vhs-sleeves-background.png") center center / cover no-repeat!important;isolation:isolate!important;}
.sjtv-vcr.vcr-home .vcr-home-recordings>strong{background:#120e0dba;padding:3% 2%;text-shadow:0 2px 3px #000;}
.sjtv-vcr.vcr-home .vcr-home-recording{background:#1c1919e8!important;border-color:#92765b!important;box-shadow:0 2px 6px #0008;}
.sjtv-vcr.vcr-home .vcr-home-recording:hover,.sjtv-vcr.vcr-home .vcr-home-recording:focus-visible{background:#382423f2!important;border-color:#f04550!important;}
.admin .sjtv-channel-field{margin:15px 0 18px;clear:both;}
.admin .sjtv-channel-checks{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;width:100%;gap:10px 16px;padding:14px;}
.admin .sjtv-channel-checks label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-width:0;margin:0!important;font-size:13px;line-height:1.3;}
.admin .sjtv-channel-checks input[type=checkbox]{width:16px!important;height:16px!important;max-width:16px!important;min-width:16px!important;flex:0 0 16px!important;margin:0!important;}
.admin .row>div{min-width:0;}
.admin .sjtv-setting-toggle{display:flex;align-items:flex-start;gap:10px;margin:14px 0;max-width:700px;}
.admin .sjtv-setting-toggle input[type=checkbox]{width:17px!important;flex:0 0 17px;margin:4px 0 0;}
.sjtv-vcr .vcr-autostart-toggle{position:absolute;right:5%;bottom:1.9%;z-index:7;color:#aaffac;background:#0c170ddd;border:1px solid #436347;border-radius:3px;padding:.2% .45%;font:700 clamp(5px,.8cqw,11px) Consolas,monospace;white-space:nowrap;cursor:pointer;}
.sjtv-vcr .vcr-autostart-toggle input{width:1em;height:1em;vertical-align:middle;accent-color:#82d78b;}
@media(max-width:650px){.admin .sjtv-channel-checks{grid-template-columns:1fr}.admin .row{display:grid;grid-template-columns:1fr}.sjtv-vcr .vcr-autostart-toggle{font-size:6px;}}

/* v15: entertainment-center-only skin engine. Preserve shared screen and controls. */
.sjtv-vcr.skin-beta-max{background-image:linear-gradient(160deg,#9bbbc5,#3d626c 24%,#a3b4ac 52%,#38505e 85%,#c1a67d)!important;border:9px ridge #8aaab2;border-radius:4%;box-shadow:inset 0 0 0 10px #203b4c,0 14px 35px #000b;}
.sjtv-vcr.skin-beta-max::before{background:linear-gradient(145deg,#d6e9e2,#617d88 12%,#0c1b24 22%,#050a10 78%,#c0d7d5 95%)!important;border-color:#c2d7da!important;box-shadow:inset 0 0 0 8px #183e4e,inset 0 0 0 12px #95bbc4!important;}
.sjtv-vcr.skin-beta-max .vcr-chapters,.sjtv-vcr.skin-beta-max .vcr-home-recordings{background:linear-gradient(155deg,#142b36,#07141b)!important;border-color:#88b8c4!important;color:#b5f8fa!important;}
.sjtv-vcr.skin-beta-max .vcr-chapter-head,.sjtv-vcr.skin-beta-max .vcr-recording-info{background:#1b3946!important;}
.sjtv-vcr.skin-beta-max .vcr-display{color:#a5f5ff!important;text-shadow:0 0 7px #40bff4!important;background:#061a25!important;border-color:#65a7b9!important;}
.sjtv-vcr.skin-beta-max .vcr-home-overlay{background:radial-gradient(ellipse at 65% 75%,#612f86,#222d5e 58%,#0c2232)!important;}
.sjtv-vcr.skin-drive-in{background-image:linear-gradient(180deg,#0b122e 0%,#20234b 54%,#301d29 76%,#11130e 100%)!important;border:7px solid #c24b50;border-radius:2%;box-shadow:inset 0 0 0 7px #f2bf79,0 14px 35px #000b;}
.sjtv-vcr.skin-drive-in::before{background:linear-gradient(135deg,#edc38a,#241f2b 8%,#0d1022 85%,#ffce8e 97%)!important;border-color:#f3c184!important;box-shadow:inset 0 0 0 8px #2a2532,inset 0 0 0 12px #9c4c55!important;}
.sjtv-vcr.skin-drive-in .vcr-chapters,.sjtv-vcr.skin-drive-in .vcr-home-recordings{background:linear-gradient(160deg,#4a263d,#17182f)!important;border-color:#ffc47e!important;color:#ffe5b0!important;}
.sjtv-vcr.skin-drive-in .vcr-chapter-head,.sjtv-vcr.skin-drive-in .vcr-recording-info{background:#4a283a!important;}
.sjtv-vcr.skin-drive-in .vcr-display{background:#231126!important;color:#ffdc92!important;text-shadow:0 0 7px #ffa94e!important;border-color:#e8a46e!important;}
.sjtv-vcr.skin-drive-in .vcr-home-overlay{background:radial-gradient(ellipse at 70% 85%,#e26685,#713d88 48%,#18193a)!important;}
/* Admin-uploaded skin artwork overrides only the deck's exterior. */
.sjtv-vcr[style*="--sjtv-skin-image"]{background-image:var(--sjtv-skin-image)!important;background-size:100% 100%!important;}
.sjtv-vcr .sjtv-skin-picker{position:absolute;z-index:9;left:5.5%;top:62.3%;display:flex;align-items:center;gap:.5em;background:#0b1416e6;border:1px solid #6c756f;border-radius:3px;color:#b3eab9;padding:.35% .6%;font:700 clamp(6px,.85cqw,13px) Consolas,monospace;}
.sjtv-vcr .sjtv-skin-picker select{max-width:160px;width:clamp(60px,11cqw,160px);font:inherit;color:#eafbea;background:#1d2c29;border:1px solid #647c72;border-radius:2px;padding:2px;cursor:pointer;}
.admin .sjtv-skin-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.admin .sjtv-skin-card{padding:14px;border:1px solid #48505b;background:#121820;border-radius:5px;min-width:0;}
.admin .sjtv-skin-card>strong,.admin .sjtv-skin-card>small{display:block;}.admin .sjtv-skin-card>small{color:#aab5b8;margin:4px 0 12px;}.admin .sjtv-skin-card img{width:100%;height:95px;object-fit:cover;}
.admin .sjtv-skin-card form{margin:8px 0;border-top:1px solid #303a43;padding-top:8px;}.admin .sjtv-skin-card button{font-size:11px;padding:7px;}
.admin .sjtv-skin-card input[type=checkbox]{width:auto;}
@media(max-width:700px){.sjtv-vcr .sjtv-skin-picker{font-size:6px}.sjtv-vcr .sjtv-skin-picker select{width:62px;}}

/* v15.3: distinct illustrated entertainment centers, with stable player geometry. */
.sjtv-vcr.skin-beta-max{background:#42464a url('skin-betamax.svg') center/100% 100% no-repeat!important;border:0!important;border-radius:1.1%!important;box-shadow:0 14px 35px #000b!important;}
.sjtv-vcr.skin-atomic-future{background:#18394e url('skin-atomic-future.svg') center/100% 100% no-repeat!important;border:0!important;border-radius:1.1%!important;box-shadow:0 14px 35px #000b!important;}
.sjtv-vcr.skin-drive-in{background:#11152b url('skin-drive-in.svg') center/100% 100% no-repeat!important;border:0!important;border-radius:1.1%!important;box-shadow:0 14px 35px #000b!important;}
.sjtv-vcr:is(.skin-beta-max,.skin-atomic-future,.skin-drive-in)::before{background:transparent!important;border:0!important;box-shadow:none!important;}
.sjtv-vcr:is(.skin-beta-max,.skin-atomic-future,.skin-drive-in) .vcr-screen-video{left:7.2%!important;top:8.3%!important;width:64.1%!important;height:51.4%!important;border-radius:1%!important;}
.sjtv-vcr.skin-atomic-future .vcr-chapters{background:linear-gradient(155deg,#0c2e3c,#06111f)!important;border-color:#e1c78d!important;color:#b9fff7!important;}
.sjtv-vcr.skin-atomic-future .vcr-chapter-head,.sjtv-vcr.skin-atomic-future .vcr-recording-info{background:#1a4354!important;}
.sjtv-vcr.skin-atomic-future .vcr-display{color:#b6fff4!important;background:#082b36!important;text-shadow:0 0 8px #52e7e1!important;}
.sjtv-vcr.skin-atomic-future .vcr-home-overlay{background:radial-gradient(ellipse at 70% 70%,#32768c,#122b45 60%,#08162a)!important;}
/* Functional controls are transparent hit targets over the illustrated hardware. */
.sjtv-vcr:is(.skin-beta-max,.skin-atomic-future,.skin-drive-in) .vcr-hotspot:hover{background:#ffffff26!important;outline:2px solid #fff8bd!important;}
.sjtv-vcr[style*="--sjtv-skin-image"]{background-image:var(--sjtv-skin-image)!important;}
