/*
Theme Name: UPINTHEPAST
Version: 1.7 Fixed No Hide
*/
body{margin:0;background:#0A0A0E;color:#fff;font-family:system-ui;transition:background .3s}
.site-wrap{display:grid;grid-template-columns:320px 1fr;min-height:100vh}
.left-panel{background:#000;border-right:3px solid #fff;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand-wrap{padding:20px;border-bottom:3px solid #fff;text-align:center}
.decade-section{padding:18px}
.decade-btn{width:100%;text-align:left;background:#FFF8F0;color:#000;border:2.5px solid #000;border-radius:14px;padding:14px 16px;font-weight:900;margin-bottom:10px;display:block;box-shadow:4px 4px 0 #000;cursor:pointer}
.decade-btn.active{outline:3px solid #fff}
.center-main{background:#FFF8F0;color:#000}
.top-bar{padding:14px 20px;background:#fff;border-bottom:3px solid #000;position:sticky;top:0;z-index:10;display:flex;gap:14px}
.ask-wrap{flex:1;display:flex;max-width:600px;border:3px solid #000;border-radius:999px;overflow:hidden;background:#fff}
.ask-wrap input{flex:1;border:0;padding:12px 16px}
.ask-wrap button{background:#FFB11A;border:0;border-left:3px solid #000;padding:0 20px;font-weight:900}
.video-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#000;padding:4px}
.video-card{aspect-ratio:16/9;background:#111;position:relative;overflow:hidden;border-radius:12px;border:2.5px solid #000;display:block!important;visibility:visible!important;opacity:1!important}
.video-card img{width:100%;height:100%;object-fit:cover}
.retro-tv-divider{background:#111;border-top:4px solid #000;border-bottom:4px solid #000;padding:16px;text-align:center;color:#7CFF00;font-family:monospace}
.shorts-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;background:#000;padding:4px}
body.era-1970s{background:#2B1B0E!important}
body.era-1970s .left-panel{background:#3D2817!important}
body.era-1970s .center-main{background:#F5E6CC!important}
body.era-1970s .top-bar{background:#FF6B00!important}
body.era-1980s{background:#0F0F2E!important}
body.era-1980s .left-panel{background:#1A0A2E!important}
body.era-1980s .center-main{background:#0A0A1A!important}
body.era-1980s .top-bar{background:#00FFFF!important}
body.era-1990s{background:#0A0A0E!important}
body.era-2000s{background:#E8E8E8!important}
@media(max-width:900px){.site-wrap{grid-template-columns:1fr}.left-panel{position:relative;height:auto}}