@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b0a;color:#eef2ef;font-family:Inter,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 232px;background:#0e1210;border-right:1px solid #263028;display:flex;flex-direction:column;padding:32px 15px 18px;z-index:5}.logo{padding:4px 12px 36px;font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-1.4px;font-size:26px;white-space:nowrap}.dot,.mobilelogo span{color:#9dff28}.logo small{display:block;font-size:8px;letter-spacing:1.85px;font-family:Arial,sans-serif;color:#778b78;margin-top:9px}.bars{color:#a7f935}.navigation{display:grid;gap:7px}.navigation a{display:flex;gap:17px;align-items:center;padding:13px 16px;color:#a3afa6;border-radius:9px;font-size:14px;font-weight:650;transition:background .2s,color .2s}.navigation a:hover{background:#1b271e;color:white}.navigation a.active{background:#203923;color:#bbff50;box-shadow:inset 3px 0 #a9fb4f}.ico{font-size:21px;font-weight:400;width:22px;text-align:center}.nav-sub{border-top:1px solid #263028;margin:32px 8px 0;padding-top:24px;display:grid;gap:18px}.nav-sub>span,.section-eyebrow,.label{font-size:10px;letter-spacing:2px;font-weight:800;color:#708677}.nav-sub a{font-size:12px;color:#a0afa1}.nav-sub a:hover{color:#b6ff56}.sidebottom{margin-top:auto;display:grid;gap:14px;padding:12px;font-size:9px;letter-spacing:1.2px;color:#687b6a}.signal{color:#98ae99}.signal i{display:inline-block;width:6px;height:6px;background:#aaff56;box-shadow:0 0 12px #aaff56;border-radius:50%;margin-right:5px}.body{min-width:0;flex:1}.topbar{height:77px;position:sticky;top:0;z-index:4;background:rgba(9,13,10,.91);backdrop-filter:blur(18px);border-bottom:1px solid #1c271e;display:flex;align-items:center;gap:18px;padding:0 43px}.iconbutton{border:0;background:transparent;color:#aab4ac;font-size:22px;padding:8px}.topbar #menu{display:none}.mobilelogo{display:none;font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;font-size:18px;font-weight:900}.search{display:flex;align-items:center;gap:12px;background:#161b17;border:1px solid #29312a;color:#819184;border-radius:8px;max-width:440px;width:100%;padding:10px 15px}.search input{background:none;border:0;outline:0;color:white;min-width:0;width:100%;font-size:13px}.search:focus-within{border-color:#80d34f}.topright{margin-left:auto;white-space:nowrap;font-size:10px;letter-spacing:1.6px;color:#758477}.green{color:#a7f74f}main{padding:0 42px 60px;max-width:1700px;margin:auto}.hero{position:relative;border-radius:13px;overflow:hidden;margin-top:28px;min-height:320px;border:1px solid #283528;background:radial-gradient(ellipse 57% 130% at 78% 45%,#245932 0%,#142e1c 35%,transparent 80%),linear-gradient(115deg,#0c1410 0%,#111e15 62%,#0e180f 100%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,#00000013 6px);opacity:.5}.hero-content{position:relative;z-index:1;padding:52px 50px;max-width:670px}.kicker{font-size:11px;letter-spacing:2.5px;color:#a8ed82;font-weight:800}.hero h1{font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;font-size:clamp(35px,5vw,64px);letter-spacing:-1.8px;line-height:1.09;margin:16px 0 13px}.hero h1 em{font-style:normal;color:#b0ff60}.hero p{color:#afc2b3;line-height:1.65;max-width:485px;font-size:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{background:#b1ff53;color:#0d160e;border:1px solid #b1ff53;padding:12px 20px;border-radius:7px;font-weight:850;font-size:12px;letter-spacing:.6px;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a7ff3d38}.btn.secondary{background:#18251b;color:#e4f5e7;border-color:#36503c}.hero-art{position:absolute;right:0;bottom:0;top:0;width:47%;display:grid;place-items:center;opacity:.72}.hero-art .big{font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;color:#b5ff6e;font-size:clamp(90px,14vw,230px);line-height:1;filter:drop-shadow(0 0 28px #8cff3e55);transform:rotate(-10deg)}.announcement{display:flex;align-items:center;gap:13px;padding:13px 17px;border:1px solid #2a4430;background:#132218;border-radius:8px;margin-top:20px;color:#a9deb3;font-size:11px;letter-spacing:1px}.announce-badge{background:#b1ff53;color:#152416;border-radius:3px;font-weight:900;padding:5px 8px;font-size:9px}.section{margin-top:43px}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px;gap:14px}.sectionhead h2{font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;font-size:21px;letter-spacing:-.5px;margin:0}.sectionhead a{font-size:12px;color:#adf779;font-weight:700}.subheading{color:#8fa094;font-size:13px;margin:5px 0 20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{min-width:0;cursor:pointer}.thumb{aspect-ratio:16/9;background:#1e2920;border:1px solid #2a352b;border-radius:10px;overflow:hidden;position:relative;transition:transform .23s,box-shadow .23s,border-color .23s}.card:hover .thumb{transform:translateY(-5px) scale(1.018);box-shadow:0 19px 40px #000b;border-color:#a1eb68}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .4s}.card:hover .thumb img{transform:scale(1.07);filter:brightness(.75)}.playicon{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .2s}.playicon span{font-size:23px;color:#0b130c;background:#b3ff60;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;padding-left:3px;box-shadow:0 0 35px #0009}.card:hover .playicon{opacity:1}.tag{position:absolute;left:9px;top:9px;background:#0b110cd9;border:1px solid #40513c;padding:5px 7px;border-radius:4px;font-size:9px;letter-spacing:.8px;color:#c7edbd;font-weight:800}.card h3{font-size:13px;line-height:1.4;margin:11px 0 6px;font-weight:750}.meta{font-size:11px;color:#7c8d80;line-height:1.5}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.photo-card{position:relative;aspect-ratio:4/5;border-radius:11px;overflow:hidden;border:1px solid #314036;background:linear-gradient(135deg,#23432c,#0b1512 55%,#26352a);transition:transform .2s,border-color .2s}.photo-card:hover{transform:translateY(-6px) scale(1.01);border-color:#a2ff58}.photo-card .abstract{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 25%,#7bcd7270,transparent 40%),repeating-linear-gradient(135deg,transparent 0,transparent 26px,#ffffff06 27px,#ffffff06 28px)}.photo-card:nth-child(2){background:linear-gradient(120deg,#141c1b,#515e56 60%,#142a18)}.photo-card:nth-child(3){background:linear-gradient(120deg,#213624,#1b2620 40%,#425b3e)}.photo-card:nth-child(4){background:linear-gradient(120deg,#131c16,#274933 45%,#111613)}.photo-card .bigicon{position:absolute;top:29%;left:50%;transform:translate(-50%,-50%);font-size:68px;color:#bbff9450}.photo-card .photo-caption{position:absolute;inset:auto 0 0;padding:46px 17px 18px;background:linear-gradient(transparent,#050b07f0)}.photo-caption strong{display:block;font-size:14px}.photo-caption small{display:block;margin-top:5px;color:#afc0b2;font-size:11px}.promo{display:flex;gap:25px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#18241b,#0f1712);border:1px solid #2e4131;border-radius:12px;padding:28px;margin-top:44px}.promo h2{font-size:22px;margin:0 0 8px;font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif}.promo p{color:#9caf9e;font-size:13px;max-width:600px}.page-title{font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;font-size:35px;margin:44px 0 8px}.empty{border:1px dashed #416449;background:#102018;border-radius:12px;padding:26px;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.empty-copy{flex:1;min-width:220px}.empty h3{margin:0 0 9px;font-size:17px}.empty p{margin:0;color:#9db19e;font-size:13px;line-height:1.7}.empty .btn{white-space:nowrap}.smugpreview{margin-top:20px;background:#0d130f;border:1px solid #2d3b2f;border-radius:12px;overflow:hidden}.smugpreview iframe{width:100%;height:700px;border:0;background:#0e130f}.smugpreview .hint{font-size:11px;color:#a2b1a4;padding:14px 18px;background:#172019}.aboutcopy{font-size:16px;line-height:1.8;color:#b7c3b8;max-width:740px}.featureline{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.chip{border:1px solid #344837;background:#172018;color:#adcead;padding:8px 12px;border-radius:6px;font-size:11px;letter-spacing:.5px}.video-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.modal{position:fixed;inset:0;background:#000e;z-index:15;display:none;align-items:center;justify-content:center;padding:45px}.modal.open{display:flex}.player{width:min(1150px,100%);aspect-ratio:16/9;background:black}.player iframe{width:100%;height:100%;border:0}.closemodal{position:absolute;right:24px;top:20px;border:0;background:#1b261f;color:white;border-radius:30px;width:40px;height:40px}.scrim{display:none}footer{border-top:1px solid #233026;margin:20px 42px 0;padding:22px 0 34px;color:#65766a;font-size:10px;letter-spacing:1px}footer a:hover{color:#afff50}@media(max-width:1250px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .25s;width:245px}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;inset:0;background:#000a;z-index:4}.topbar #menu,.mobilelogo{display:block}.topbar{padding:0 20px;gap:12px}.topright{display:none}.hero-content{padding:40px 28px}.hero-art{opacity:.28}.hero-art .big{font-size:140px}main{padding:0 20px 50px}footer{margin:0 20px}.grid,.video-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.topbar{height:64px;padding:0 14px}.search{padding:8px 10px}.search input{font-size:11px}.mobilelogo{font-size:15px}.hero{min-height:310px;margin-top:13px}.hero h1{font-size:39px}.hero-content{padding:32px 22px}.hero p{font-size:13px}.hero-art{width:70%;opacity:.13}.hero-art .big{font-size:140px}.section{margin-top:32px}.sectionhead h2{font-size:17px}.grid,.video-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.card h3{font-size:12px}.meta{font-size:10px}.page-title{font-size:27px;margin-top:30px}.promo{display:block;padding:23px}.promo .btn{margin-top:12px}.smugpreview iframe{height:520px}.modal{padding:13px}.closemodal{right:12px;top:18px}}
/* V2 live-feed UI refinements */
button{font-family:inherit;cursor:pointer}button.btn{font-family:Arial,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bdff65;outline-offset:3px}
.feed-indicator{color:#9fed73;font-size:10px;letter-spacing:1px}.topgear{color:#a7f64f;font-size:21px;margin-left:15px;vertical-align:middle}.hero-bug{width:47%;opacity:.82;display:flex;align-items:center;justify-content:center;padding:26px}.hero-bug img{display:block;width:min(100%,520px);object-fit:contain;border-radius:8px;mix-blend-mode:screen;opacity:.86;box-shadow:0 15px 60px #000a;transform:rotate(-3deg)}.hero-bug:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#121e16 0,transparent 40%)}
.head-right{display:flex;gap:19px;align-items:center}.section-note{font-size:10px;color:#839d85;letter-spacing:.9px}.source-line{margin:17px 2px;color:#849588;font-size:11px}.source-line a{color:#b4f78f}
.gallery-tile img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease;position:absolute;inset:0}.gallery-tile:hover img{transform:scale(1.08);filter:brightness(.65)}.gallery-poster{position:absolute;inset:0;background:linear-gradient(transparent 45%,#08150a99);opacity:0;display:grid;place-items:center;transition:opacity .22s}.gallery-poster span{font-size:10px;letter-spacing:1.4px;background:#a7ff5b;padding:11px 15px;border-radius:7px;font-weight:800;color:#102011}.gallery-tile:hover .gallery-poster{opacity:1}.cover-empty{position:absolute;inset:0;display:grid;place-items:center;color:#b3f78455;font-size:64px}
.feed-notice{margin:22px 0;border:1px solid #456949;background:#13231a;border-radius:11px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.feed-notice h3{font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;font-size:15px;margin:0 0 7px}.feed-notice p{color:#b1c4b5;font-size:13px;line-height:1.6;margin:0}.feed-notice.soft{border-color:#324134;background:#101913}.settings-panel{max-width:790px;padding:30px;background:#111d15;border:1px solid #2f4533;border-radius:13px;margin:30px 0}.setting-status{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#92a498;letter-spacing:1px;border-bottom:1px solid #29412f;padding-bottom:19px;margin-bottom:24px}.setting-status strong{color:#bbf991}.settings-panel form{display:flex;flex-direction:column;gap:9px}.settings-panel label{margin-top:16px;font-size:13px;font-weight:800;color:#e7f1e9}.settings-panel label small{color:#819b89;font-size:11px;font-weight:400}.settings-panel input{background:#090e0a;border:1px solid #3b5240;color:#e5ffe3;border-radius:7px;padding:13px;font-size:14px;min-width:0}.settings-panel input:focus{border-color:#a7f64f}.input-hint{color:#83968a;font-size:11px;line-height:1.6;margin:0}.form-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}#settingsFeedback{font-size:12px;color:#aaff70;min-height:20px}.error{color:#ffa1a1!important}.skeleton{background:linear-gradient(100deg,#1d2b21,#2c4032,#1d2b21);background-size:200% 100%;animation:pulse 1.5s linear infinite}@keyframes pulse{to{background-position:-200% 0}}
.short-hero{min-height:245px}.short-hero h1{font-size:clamp(28px,4vw,49px)}
@media(max-width:1000px){.section-note{display:none}}@media(max-width:900px){.hero-bug{opacity:.32;width:60%;pointer-events:none}.topbar .topright{display:none}}
@media(max-width:540px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-notice{display:block;padding:19px}.feed-notice .btn{margin-top:15px}.settings-panel{padding:17px}.hero-bug{opacity:.16}.head-right a{font-size:10px}.hero h1{font-size:35px}.sectionhead h2{font-size:16px}}

/* V2.2 — Microgramma typography and TTT member entry */
.ttt-nav{margin-left:15px!important;border-left:1px solid #40603d; padding-left:12px!important; background:#111c14!important}
.ttt-nav small{display:block;font-size:9px;font-weight:800;color:#95b08b;letter-spacing:1.1px;margin-top:4px}
.ttt-nav:hover{background:#1e3321!important;color:#b1ff53!important}
.logo,.mobilelogo,.hero h1,.sectionhead h2,.page-title,.promo h2,.about-ttt-copy h2{font-family:Michroma,'Microgramma Bold Extended','Arial Black',sans-serif;letter-spacing:-.6px}
.hero h1,.page-title{letter-spacing:-1.7px}
.about-ttt-feature{display:grid;grid-template-columns:1fr 1.3fr;min-height:255px;border-radius:14px;overflow:hidden;border:1px solid #284532;background:linear-gradient(120deg,#0b1c0f,#111b14);transition:transform .3s,border-color .3s,box-shadow .3s}
.about-ttt-feature:hover{transform:translateY(-5px);border-color:#98f74c;box-shadow:0 25px 45px #0009}
.about-ttt-visual{background:radial-gradient(circle at 70% 40%,#316640,#12291c 45%,#08110b 75%);position:relative;display:flex;align-items:center;justify-content:center;min-height:230px;overflow:hidden}
.about-ttt-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 29px,#c7ffc008 30px),repeating-linear-gradient(0deg,transparent 0px,transparent 29px,#c7ffc008 30px)}
.about-ttt-visual span{font-family:Michroma,'Microgramma Bold Extended','Arial Black',sans-serif;font-size:clamp(65px,9vw,142px);color:#b1ff54;letter-spacing:-7px;text-shadow:0 0 40px #8eff4e3f;z-index:1}
.about-ttt-visual i{position:absolute;bottom:22px;left:28px;color:#b5d8b3;font-size:10px;font-style:normal;letter-spacing:2px}
.about-ttt-copy{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:11px}
.about-ttt-copy small{color:#a7e786;font-size:10px;font-weight:800;letter-spacing:2px}
.about-ttt-copy h2{margin:0;font-size:clamp(20px,2.7vw,34px);line-height:1.3}
.about-ttt-copy h2 em{font-style:normal;color:#b1ff60}
.about-ttt-copy p{color:#9bad9d;font-size:13px;line-height:1.6;margin:0}
.about-ttt-copy b{font-size:12px;color:#c3ff75;margin-top:12px;letter-spacing:1px}
@media(max-width:750px){.about-ttt-feature{grid-template-columns:1fr}.about-ttt-visual{min-height:190px}.about-ttt-copy{padding:28px}.ttt-nav{margin-left:0!important}}

/* V2.3: show only genuinely low-resolution cover warnings */
.cover-quality-low{position:absolute;top:10px;right:10px;z-index:2;padding:6px 7px;border:1px solid #f1b94f88;border-radius:5px;background:#0c150fe0;color:#f7d18a;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.6px;font-weight:800;pointer-events:none}

/* V2.5 — prominent archive search, random selection and 50K+ video filters */
.sidebar-search{display:grid;gap:10px;margin:0 0 21px;padding:15px 11px 16px;border:1px solid #315e37;background:linear-gradient(130deg,#172b19,#0d1a11);border-radius:12px;box-shadow:0 0 24px #4eff3811}
.sidebar-search label{font-family:Michroma,'Arial Black',sans-serif;font-size:10px;letter-spacing:1.1px;color:#bcff6a}
.sidebar-search-field{display:flex;align-items:center;border:1px solid #608b48;border-radius:7px;background:#050b06;padding:3px 4px 3px 11px;min-width:0;gap:6px}
.sidebar-search-field:focus-within{outline:2px solid #b5ff64;box-shadow:0 0 15px #9aff4833}
.sidebar-search-field span{font-size:26px;line-height:1;color:#a7fa5c}
.sidebar-search-field input{min-width:0;flex:1;width:1px;color:#f1ffe9;background:transparent;outline:none;border:0;font:12px Arial,sans-serif;padding:8px 0}
.sidebar-search-field input::placeholder{color:#99b398}
.sidebar-search-field button{border:0;border-radius:5px;background:#acff56;color:#12210d;font-weight:900;padding:9px 10px}
.sidebar-search small{font-size:8px;color:#819f85;letter-spacing:.8px;line-height:1.5}
.navigation .search-nav-link{color:#cdff9a;background:#152319;margin-bottom:6px;border:1px solid #325738}
.navigation .search-nav-link:hover{background:#213f28}
@media(min-width:901px){.topbar .search{display:none}}
.shuffle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 15px;color:#a0b7a1;font-size:11px}
.shuffle-button{border:1px solid #518a45;border-radius:7px;background:#12261a;color:#bbff83;cursor:pointer;font-size:10px;letter-spacing:.6px;font-weight:850;padding:11px 13px;white-space:nowrap}
.shuffle-button:hover{border-color:#b0ff5a;background:#25422a;color:#fff}
@media(max-width:540px){.sidebar-search{margin-top:5px}.shuffle-row{align-items:flex-start;flex-direction:column}.shuffle-button{max-width:100%}}

/* V2.5.1 inline YouTube playback / explicit direct-play fallback */
.modal-inner{width:min(1150px,100%);max-height:calc(100vh - 70px);overflow:auto;}
.modal-inner .player{width:100%;} 
.player-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:60px;background:#101712;border:1px solid #273d2b;border-top:none;padding:10px 16px;color:#adc0ad;font-size:12px;line-height:1.45;}
.player-actions .btn{flex-shrink:0;}
.player-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:28px;text-align:center;color:#f0f5ef;background:radial-gradient(ellipse at 70% 40%,#172e1c,#050807 70%);}
.player-unavailable strong{font-family:Michroma,'Microgramma Bold Extended','Arial Black',Arial,sans-serif;color:#b2ff56;font-size:clamp(15px,2vw,26px);}
.player-unavailable p{font-size:13px;color:#afc0b0;}
@media(max-width:650px){.player-actions{flex-direction:column;align-items:stretch;text-align:center}.player-actions .btn{justify-content:center}.modal-inner{max-height:calc(100vh - 32px)}}

/* TURBO.FM V2.6 — External playlist embed diagnostics */
.test-lab-intro{background:radial-gradient(circle at 78% 5%,#1e3b26 0,#0e1711 58%,#101811 100%);border:1px solid #3c6143;border-radius:14px;padding:28px 30px;color:#afc2b2}
.test-lab-intro h2{font-family:Michroma,'Microgramma Bold Extended','Arial Black',sans-serif;font-size:clamp(19px,3vw,34px);color:#ecf4ee;margin:8px 0 12px;line-height:1.5}
.test-lab-intro h2 em{font-style:normal;color:#afff62}
.test-lab-intro p{line-height:1.7;font-size:13px;max-width:820px}
.test-playlist-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 17px}
.test-playlist-tile{border:1px solid #426548;border-radius:10px;background:#17271b;padding:15px;display:flex;flex-direction:column;gap:8px;min-height:146px;text-decoration:none;color:#e6f2e8;transition:transform .2s,border-color .2s}
.test-playlist-tile:hover{transform:translateY(-4px);border-color:#afff62;background:#243728}
.test-playlist-tile b{font-family:Michroma,Arial,sans-serif;font-size:25px;color:#a9ff50}
.test-playlist-tile span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.test-playlist-tile small{margin-top:auto;color:#9aab9b;font-size:10px}
.test-section{scroll-margin-top:30px}.test-collection-note{margin:8px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#a0bca5;font-size:11px;line-height:1.6}
.mode-controls{display:flex;gap:9px;background:#0c130e;border:1px solid #243a2a;border-top:0;padding:10px 16px 14px;justify-content:flex-end;flex-wrap:wrap}
.mode-btn{border:1px solid #46684a;border-radius:7px;color:#b6d3ba;background:#17261a;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.8px}
.mode-btn:hover,.mode-btn.active{background:#aaff58;color:#07100a;border-color:#aaff58}
@media(max-width:1100px){.test-playlist-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.test-lab-intro{padding:20px}.test-playlist-list{grid-template-columns:1fr 1fr}.test-playlist-tile{min-height:128px;padding:11px}.test-collection-note{flex-direction:column;align-items:flex-start}.mode-controls{justify-content:center}}

.version-pill{display:inline-flex;align-items:center;align-self:flex-start;padding:6px 8px;background:#203721;border:1px solid #497c43;border-radius:5px;font-size:9px;color:#b9ff78;letter-spacing:1.1px;font-weight:900;margin-bottom:5px}


/* TURBO.FM V2.7 // independent hero / favorites & square-photo density */
.feature-hero{position:relative;min-height:clamp(340px,37vw,530px);margin-top:24px;border:1px solid #31553b;overflow:hidden;border-radius:14px;background:#0b1b11;isolation:isolate;display:flex;align-items:center}
.feature-hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,#0000000a 6px);z-index:2}
.feature-visual{position:absolute;inset:0 0 0 42%;opacity:.89;z-index:0;overflow:hidden}
.feature-visual img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(1.1)}
.feature-gradient{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#08110bef 0%,#07150de9 26%,#0b2115ce 47%,#0a191043 72%,#07150b2d 100%),linear-gradient(0deg,#030807cf 0%,transparent 55%)}
.feature-copy{position:relative;z-index:3;max-width:min(770px,68%);padding:46px 52px 72px}
.feature-copy h1{font-family:Michroma,'Microgramma Bold Extended','Arial Black',sans-serif;font-size:clamp(24px,3.4vw,48px);line-height:1.3;letter-spacing:-1.2px;margin:14px 0;overflow-wrap:anywhere}
.feature-copy h1 em{font-style:normal;color:#aeff59}.feature-copy p{font-size:13px;line-height:1.8;color:#d8e5d8;max-width:580px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.feature-meta{font-size:10px;letter-spacing:1.2px;color:#bdfbb1;font-weight:850}.feature-meta span{color:#79977e;margin:0 7px}
.feature-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.feature-actions .btn{font-size:11px;padding:12px 17px}.btn.subtle{color:#ddf6df;background:#0a2113b8;border-color:#376344}
.hero-nav{position:absolute;z-index:4;bottom:18px;right:24px;display:flex;align-items:center;gap:10px;background:#08130cb0;border:1px solid #37583a;padding:6px 10px;border-radius:40px}.hero-arrow{background:transparent;color:#ddfbe0;border:0;font-size:29px;line-height:1;padding:3px 9px}.hero-arrow:hover{color:#b2ff56}.hero-dots{display:flex;gap:9px;align-items:center}.hero-dot{width:8px;height:8px;padding:0;border-radius:50%;border:1px solid #99b9a1;background:#46654e}.hero-dot.on{background:#b1ff53;border-color:#b1ff53;box-shadow:0 0 12px #b1ff5399}
.feature-empty{background:radial-gradient(ellipse at 80% 40%,#24532c,#07120c 73%)}.feature-bug{position:absolute;right:4%;width:45%;max-width:580px;opacity:.45}.feature-bug img{width:100%}
/* In desktop grids a cover occupies roughly one quarter of the former poster width; every cover is square */
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:9px}
.photo-card{aspect-ratio:1/1!important;min-height:0;border-radius:6px}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card .photo-caption{padding:22px 6px 6px}.photo-caption strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-caption small{display:none}.gallery-poster{display:none!important}.photo-card:hover{z-index:2;transform:scale(1.12);box-shadow:0 12px 25px #000e}.photo-card:focus-visible{outline:2px solid #b1ff53}.cover-quality-low{font-size:8px!important}
/* Theater uses an opaque background and keeps the one YouTube API instance alive between openings */
.modal.theater-modal{padding:15px;background:rgba(0,0,0,.96);z-index:90}.theater-modal .modal-inner{width:min(1320px,100%);max-height:calc(100vh - 34px);overflow-y:auto;background:#08100a;border:1px solid #31583a;border-radius:12px}.theater-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 20px;border-bottom:1px solid #25412d}.theater-head h2{font-family:Michroma,'Microgramma Bold Extended',sans-serif;font-size:clamp(14px,2vw,23px);line-height:1.45;margin:8px 0}.theater-head p{font-size:10px;color:#95a99a;margin:0}.theater-badge{font-size:9px;color:#b1ff53;letter-spacing:1px;white-space:nowrap}
.theater-modal .player{width:100%;max-height:65vh;aspect-ratio:16/9;position:relative}.theater-modal .player #playerApiShell,.theater-modal .player #playerFallback{position:absolute;inset:0}.theater-modal .player #playerApiShell[hidden]{display:none}.theater-modal .player #ytPlayerMount,.theater-modal .player iframe{width:100%;height:100%;border:0}.theater-modal .closemodal{right:19px;top:15px;border-radius:9px;width:auto;height:auto;padding:10px 14px;z-index:5;font-size:11px;font-weight:800}.theater-modal .mode-controls{align-items:center;justify-content:flex-start}.theater-modal .start-video{color:#0c170c;background:#b2ff59;border-color:#b2ff59}.player-state{margin-left:auto;color:#7cba84;letter-spacing:1px;font-size:10px}.theater-active{overflow:hidden}.player-actions #playerHint[data-level="error"]{color:#ff9d9d}.player-actions #playerHint[data-level="playing"]{color:#b2ff59}
.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.diag-panel{border:1px solid #35573a;background:#0d1910;padding:15px;border-radius:10px;min-width:0}.diag-pre{max-height:450px;overflow:auto;padding:14px;font:11px/1.6 Consolas,monospace;background:#030905;white-space:pre-wrap;overflow-wrap:anywhere;color:#9ee59a}
@media(max-width:1100px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(91px,1fr))}.feature-copy{max-width:75%;padding:34px 30px 65px}.feature-visual{left:35%}}
@media(max-width:700px){.feature-hero{min-height:500px;align-items:flex-end}.feature-visual{inset:0 0 25% 0}.feature-gradient{background:linear-gradient(0deg,#09170cfb 12%,#081a11ee 42%,#0b211240 90%)}.feature-copy{max-width:100%;padding:26px 19px 77px}.feature-copy h1{font-size:clamp(20px,5.3vw,34px)}.feature-copy p{font-size:12px;-webkit-line-clamp:2}.hero-nav{left:18px;right:auto;bottom:16px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:7px}.theater-modal .modal-inner{max-height:calc(100vh - 16px)}.theater-head{padding:15px 13px}.theater-badge{display:none}.theater-modal .closemodal{top:6px;right:8px;padding:8px}.diagnostic-grid{grid-template-columns:1fr}.player-state{margin:10px 0 0}.theater-modal .mode-controls{gap:6px}}

/* V2.8: wider, readable navigation — user review Nov 12 */
@media(min-width:901px){.sidebar{flex-basis:292px;width:292px;padding:27px 19px 18px}.logo{font-size:32px;letter-spacing:-1px;padding:8px 6px 28px}.logo small{font-size:9px;letter-spacing:2px}.navigation a{font-size:16px;padding:14px 14px;gap:14px}.navigation .ico{font-size:25px;width:29px}.nav-sub{margin-top:20px;padding-top:16px;gap:13px}.nav-sub a{font-size:12px}.sidebar-search label{font-size:11px}.sidebar-search input{font-size:13px}.sidebar-search{padding:15px 12px}.sidebar .ttt-nav{margin-left:0!important;border:1px solid #416843;background:#16241a}}
@media(min-width:901px) and (max-height:800px){.sidebar{padding-top:13px}.logo{padding-bottom:16px}.navigation a{padding-top:9px;padding-bottom:9px}.sidebar-search{margin-bottom:12px;padding:10px}}
@media(max-width:900px){.sidebar{width:min(340px,88vw)}.logo{font-size:28px}.navigation a{font-size:15px;padding:13px}.navigation .ico{font-size:24px}}
main{max-width:2000px}
/* Six clearly legible square gallery tiles across desktop */
.photo-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.photo-card{aspect-ratio:1/1!important;border-radius:8px;min-height:0}
.photo-card .photo-caption{padding:34px 10px 10px}
.photo-caption strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1450px){.photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1080px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.photo-caption strong{font-size:10px}}
@media(max-width:390px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gallery-page-footer{display:flex;align-items:center;justify-content:center;gap:19px;margin:30px 0 10px;color:#a1b4a1;font-size:11px}.gallery-page-footer .btn:disabled{opacity:.6;cursor:wait}.gallery-page-footer .btn{min-width:195px;justify-content:center}
#photoPageSentinel{height:4px}
/* Crossfade only the artwork on hero transitions, preserving other DOM */
.feature-visual .feature-incoming{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.feature-visual .feature-incoming.visible{opacity:1}
.feature-copy{max-width:min(875px,79%);padding:35px 38px 68px;text-shadow:0 2px 15px #000d}
.feature-copy h1{font-size:clamp(18px,2.35vw,38px);line-height:1.36;letter-spacing:-.7px;overflow-wrap:anywhere;word-break:normal;max-width:760px}
.feature-copy p{font-size:12px;line-height:1.6;max-width:730px;-webkit-line-clamp:3}
.feature-gradient{background:linear-gradient(90deg,#08110bf9 0%,#08160fe6 35%,#0b2015a5 62%,#07150b22 100%),linear-gradient(0deg,#030807ae,transparent 58%)}
@media(max-width:700px){.feature-copy{max-width:100%;padding:23px 18px 78px}.feature-copy h1{font-size:clamp(18px,4vw,26px)}.feature-copy p{-webkit-line-clamp:2}.feature-hero{min-height:490px}}
.collection-divider{border-top:1px solid #2c4e32;padding:28px 0 2px;margin-top:20px}
.collection-divider h2{font-family:Michroma,'Arial Black',sans-serif;font-size:clamp(23px,3.2vw,35px);margin:9px 0}
.collection-divider h2 em{font-style:normal;color:#b2ff59}.collection-divider p{font-size:13px;color:#97b098}
.extra-playlist{scroll-margin-top:100px}.extra-playlist .sectionhead h2{font-size:clamp(15px,2vw,23px);line-height:1.5;overflow-wrap:anywhere}
.extra-playlist .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:850px){.extra-playlist .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.extra-playlist .grid{grid-template-columns:1fr}}
.bio-copy{margin-top:30px;max-width:900px;padding:24px 30px;border:1px solid #35583d;background:#0e1b13;border-radius:12px;color:#b8cbb8;line-height:1.85;font-size:16px}.bio-copy h2{font-family:Michroma,'Arial Black',sans-serif;font-size:21px;color:#ecf7ee}.bio-copy .actions{margin-top:25px}
.live-srt-frame{border:1px solid #335a40;border-radius:12px;overflow:hidden;background:#08100a;height:420px}.live-srt-frame iframe{width:100%;height:100%;border:0}
@media(max-width:650px){.bio-copy{padding:20px 17px}.live-srt-frame{height:340px}}


/* TURBO.FM V2.9 — 20% desktop navigation, visibly larger on wide screens. */
@media (min-width:901px){
 .sidebar{flex:0 0 20vw;width:20vw;min-width:260px;max-width:none;
   padding:26px 20px 18px;overflow-y:auto;overscroll-behavior:contain;
   scrollbar-width:thin;scrollbar-color:#375943 #0e1210}
 .logo{font-size:clamp(28px,2.15vw,54px);letter-spacing:-1.5px;padding:9px 4px 28px;
   white-space:nowrap;line-height:1.26}
 .logo small{font-size:clamp(9px,.68vw,12px);letter-spacing:1.5px}
 .navigation{gap:8px}
 .navigation a{font-size:clamp(17px,1.02vw,23px);padding:14px 13px;gap:13px;
   line-height:1.4;min-height:54px}
 .navigation .ico{font-size:clamp(24px,1.45vw,32px);width:34px;flex-shrink:0}
 .navigation a span:last-child{min-width:0;overflow-wrap:anywhere}
 .nav-sub{margin:24px 6px 0;padding-top:20px;gap:16px}
 .nav-sub>span{font-size:12px}.nav-sub a{font-size:14px;line-height:1.55}
 .sidebar-search{padding:18px 12px;margin-bottom:17px}
 .sidebar-search label{font-size:12px;line-height:1.5}
 .sidebar-search input{font-size:15px;min-width:0}
 .sidebar-search small{font-size:10px;line-height:1.5}
 .sidebottom{font-size:10px;padding:12px 5px;gap:10px}
}
@media (min-width:901px) and (max-height:800px){
 .sidebar{padding-top:14px}.logo{padding-bottom:16px}
 .navigation a{padding:9px 11px;min-height:46px}
}
@media(max-width:900px){.sidebar{overflow-y:auto;max-width:88vw;width:min(390px,88vw)}}

/* V2.9: quiet standard iframe popup; native YouTube playback controls only. */
.modal.theater-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;
 z-index:150;background:rgba(0,0,0,.93);padding:18px;overflow:auto}
.modal.theater-modal.open{display:flex}
.theater-modal .modal-inner{position:relative;width:min(1180px,100%);max-height:calc(100dvh - 36px);
 overflow:auto;background:#090f0b;border:1px solid #3c6347;border-radius:15px;
 box-shadow:0 20px 100px #000d}
.video-modal-top{padding:18px 22px;display:flex;align-items:center;gap:18px;
 justify-content:space-between;background:#0d1910;border-bottom:1px solid #28452f}
.video-modal-title{min-width:0;flex:1}.video-modal-title h2{font:700 clamp(14px,1.5vw,23px)/1.4 Michroma,'Arial Black',sans-serif;
 margin:8px 0;overflow-wrap:anywhere}.video-modal-title p{font-size:12px;color:#a6bda9;margin:0}
.video-modal-top-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;z-index:3}
.video-modal-top-actions .btn{white-space:nowrap;font-size:12px;padding:13px 17px}
.video-close-button{border:1px solid #54745a;background:#19271c;color:white;border-radius:7px;
 font-weight:900;letter-spacing:.7px;padding:13px 17px}
.video-close-button:hover{background:#304635}
.video-frame{position:relative;background:black;aspect-ratio:16/9;width:100%;max-height:none!important}
.video-embed-host{position:absolute;inset:0;z-index:1}
.video-embed-host iframe{display:block;width:100%;height:100%;border:0;position:static}
.video-stopped{position:absolute;inset:0;z-index:2;background:#0b130d;display:flex;flex-direction:column;
 justify-content:center;align-items:center;gap:8px;text-align:center;padding:22px}
.video-stopped[hidden]{display:none!important}.video-stopped h3{font:700 22px Michroma,sans-serif;margin:3px 0}
.video-stopped p{color:#b3c4b4;font-size:13px}.video-stopped-icon{font-size:44px;color:#b3ff59}
.video-modal-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 22px;
 background:#0d1910;border-top:1px solid #28452f}
.video-modal-footer p{color:#b5c7b8;font-size:12px;line-height:1.55;margin:0;max-width:480px}
.video-modal-footer p[data-level="error"]{color:#ffb6b6}
.video-modal-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.video-modal-controls button,.video-control-external{display:inline-flex;align-items:center;justify-content:center;
 padding:11px 14px;border:1px solid #456a4b;border-radius:7px;background:#16291a;color:#e7f5e9;
 font-size:12px;font-weight:800;white-space:nowrap}
.video-modal-controls button:hover,.video-control-external:hover{background:#27492f}
.video-control-stop{border-color:#775b5b!important;background:#2a1c20!important}
.video-control-external{color:#10200f!important;background:#b1ff53!important;border-color:#b1ff53!important}
.video-modal-note{padding:10px 22px 14px;color:#829d88;font-size:11px;line-height:1.5;background:#0b130d}
@media(max-width:830px){
 .video-modal-top{align-items:flex-start;flex-direction:column;gap:13px;padding:15px}
 .video-modal-top-actions{width:100%;justify-content:space-between}
 .video-modal-footer{flex-direction:column;align-items:stretch;padding:13px}
 .video-modal-controls{justify-content:flex-start}
 .video-modal-note{padding:10px 13px}
}
@media(max-width:520px){
 .modal.theater-modal{padding:4px;align-items:center}
 .theater-modal .modal-inner{max-height:calc(100dvh - 8px);border-radius:8px}
 .video-modal-top-actions .btn,.video-close-button{padding:10px 12px;font-size:10px}
 .video-modal-title h2{font-size:15px}
 .video-modal-controls{gap:6px}
 .video-modal-controls button,.video-control-external{font-size:10px;padding:9px 10px}
}