*{box-sizing:border-box}body{margin:0;background:#f5f7f5;color:#172e28;font:16px system-ui,sans-serif}header{background:white;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid #dde4df}a{color:#13684e;text-decoration:none}.brand{font-weight:900;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}main{max-width:1160px;margin:auto;padding:28px 24px}.hero{padding:48px;background:#123d31;color:white;border-radius:24px;background-image:radial-gradient(circle at 90% 30%,#3d7554 0,transparent 45%)}h1{font-size:clamp(34px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.hero p{max-width:540px;color:#d1e5d7}.tag{font-size:11px;letter-spacing:2px;color:#bbec7b}.button,button{background:#c6f18a;color:#153c2c;border:0;padding:13px 20px;border-radius:9px;cursor:pointer;display:inline-block;font-weight:700}.tools{display:flex;gap:12px;margin:28px 0}input,select,textarea{padding:13px;border:1px solid #ccd8cf;border-radius:9px;font:inherit;background:white;min-width:0}#search{flex:1}nav{display:flex;gap:9px;overflow:auto}nav button{white-space:nowrap;background:white}nav .active{background:#164e3b;color:white}.row{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;padding:22px;border:1px solid #dfe7e1;border-radius:15px}.card h3{margin:14px 0;font-size:21px}.badge{display:inline-block;background:#ecf4e8;padding:6px 9px;border-radius:6px;font-size:12px}.muted{color:#60766b;font-size:14px}.card p{white-space:pre-wrap;line-height:1.6}.card a{display:inline-block;margin:8px 12px 0 0;font-weight:700}.sources{margin-top:48px}footer{padding:30px;text-align:center;color:#617369;font-size:13px}#status{padding:12px 0}form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:white;padding:24px;border-radius:18px}label{display:flex;flex-direction:column;gap:7px;font-size:14px}label.wide,.wide{grid-column:1/-1}.adminhead{display:flex;justify-content:space-between;align-items:center}.danger{background:#ffe1d9}.hidden{display:none!important}.notice{padding:18px;background:#edf2e8;border-radius:12px;margin:20px 0}@media(max-width:760px){.grid{grid-template-columns:1fr}.tools{flex-wrap:wrap}.tools input{flex-basis:100%}.tools select{flex:1}.hero{padding:28px}main{padding:18px}form{grid-template-columns:1fr}label.wide,.wide{grid-column:auto}header{padding:18px}.row{align-items:start}h2{font-size:22px}}
body{background:#f5f5f1;color:#20251d}.hero{background:#202a1e;background-image:radial-gradient(circle at 90% 30%,#55653a 0,transparent 45%)}header{background:#1c241b;color:white}header a{color:white}.brand{font-size:23px}button,.button{background:#d9f879;color:#253019}nav .active{background:#252f21}.cover{width:100%;height:230px;object-fit:cover;border-radius:10px;margin-bottom:15px}#playerBar{position:fixed;bottom:0;left:0;right:0;background:#202a1e;color:white;padding:12px 5%;z-index:10;box-shadow:0 -4px 25px #0002;display:flex;align-items:center;gap:15px;flex-wrap:wrap}#playerBar button{padding:9px}#playerBar audio{height:36px;max-width:100%}body:has(#playerBar:not(.hidden)){padding-bottom:150px}#playlist{margin:20px 0}#playlist .song{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #ddd}#playlist .song button:first-child{flex:1;text-align:left}.thumb{max-width:160px;max-height:140px}.adminNav{margin:20px 0}
.shareActions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #eee;margin-top:16px;padding-top:14px}.shareActions button{padding:8px 11px;font-size:12px}

#tabs{position:sticky;top:0;z-index:8;background:#f5f5f1;padding:10px 0;display:flex;gap:8px}#tabs a{display:flex;gap:8px;align-items:center;padding:13px 20px;background:white;border:1px solid #dde2d8;border-radius:12px;font-weight:700;flex-shrink:0}#tabs svg{height:23px;width:23px}#tabs a.active{background:#26321f;color:#e1f899}#playerBar.outsideMusic{display:none!important}.tools{margin-top:8px}.sources{margin-top:28px}#music{margin-top:12px}#songSearch{width:100%;margin-top:18px}.song .move{padding:8px}.song button{font-size:14px}body:has(#playerBar.outsideMusic){padding-bottom:0}@media(max-width:760px){body{padding-bottom:95px}#tabs{position:fixed;bottom:0;top:auto;left:0;right:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 18px #0001;overflow-x:auto;gap:5px;scroll-snap-type:x proximity}#tabs a{flex:1 0 22%;min-width:78px;flex-direction:column;gap:4px;padding:9px 5px;border:0;border-radius:10px;font-size:12px;scroll-snap-align:start}#tabs svg{width:24px;height:24px}#playerBar{bottom:80px;gap:8px;padding:12px}#playerBar>div{display:flex;gap:5px;flex-wrap:wrap}#playerBar button{min-height:44px}body:has(#playerBar:not(.hidden):not(.outsideMusic)){padding-bottom:270px}body:has(#playerBar.outsideMusic){padding-bottom:95px}.tools select{flex-basis:100%}header .brand{font-size:20px}}
.editorTools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.editorTools label{display:flex;gap:8px;align-items:center}.editorTools input[type=color]{width:48px;padding:2px}.postContent{overflow-wrap:anywhere;margin:14px 0;line-height:1.6}.postContent h2{font-size:24px}.postContent h3{font-size:20px}.postContent ul,.postContent ol{padding-left:24px}.postContent blockquote{border-left:3px solid #e85831;margin:12px 0;padding-left:14px}

.profilePanel{max-width:640px;margin:20px auto}.profileAvatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#dbff69;color:#1c241b;font-size:28px;font-weight:800}.profilePanel button{margin:12px 6px 6px 0}.memberMetric{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px;border:1px solid #d9e5d4;border-radius:16px;background:#fff;margin:18px 0}.memberMetric strong{display:block;font-size:42px;line-height:1.2}.memberMetric small{display:block}.memberMetric p{width:100%;margin:0}.footerAdmin{display:block;margin:14px auto}.buildVersion{display:block;font-size:11px;opacity:.7}.postContent>b{display:block;margin-bottom:6px}
/* Full-window publishing dashboard */
body.adminPage{padding-bottom:0;background:#f3f4f1}body.adminPage header{padding:16px 28px;position:sticky;top:0;z-index:20}.adminMain{max-width:none;width:100%;padding:0}.adminhead{padding:16px 28px;border-bottom:1px solid #dde2d8;background:#fff}.adminhead h1{font-size:23px;letter-spacing:-.7px;margin:0}.adminPage #status{margin:0;padding:12px 28px;border-radius:0;font-size:14px}.dashboardShell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 150px)}.adminSidebar{background:#fff;border-right:1px solid #dde2d8;padding:24px 16px}.sidebarCaption{font-size:10px;letter-spacing:1.5px;color:#798574;font-weight:800;margin:0 12px 14px}.adminSidebar #adminTabs{display:flex;flex-direction:column;overflow:visible;margin:0 0 12px;gap:5px}.adminSidebar #adminTabs button{text-align:left;background:transparent;color:#4b5645;border-radius:8px;padding:13px 14px}.adminSidebar #adminTabs button.active{background:#24351e;color:#e1f899}.adminSidebar #adminTabs button:nth-child(1)::before{content:'▦';margin-right:12px}.adminSidebar #adminTabs button:nth-child(2)::before{content:'★';margin-right:12px}.adminSidebar #adminTabs button:nth-child(3)::before{content:'↗';margin-right:12px}.sidebarLink{display:block;padding:12px 14px;color:#4b5645;font-size:14px;margin-bottom:6px}.adminSidebar .sidebarCaption:nth-of-type(2){margin-top:30px}.adminSidebar .memberMetric{padding:15px;gap:10px;border-radius:10px;background:#f4f7ee}.adminSidebar .memberMetric strong{font-size:32px}.adminSidebar .memberMetric small,.adminSidebar #memberCountStatus{font-size:11px;color:#6c7863}.adminSidebar .memberMetric button{font-size:12px;padding:9px 12px}.adminSidebar .notice{padding:12px;background:#f5f6f2;font-size:13px}.adminSidebar .notice summary{cursor:pointer;font-weight:700}.adminSidebar .notice label{margin-top:12px}.adminSidebar .notice input{width:100%}.adminSidebar #saveSettings{margin-top:12px;font-size:12px;padding:10px}.adminVersion{display:block;margin:22px 12px;color:#8c9586;font-size:11px}.adminContent{min-width:0;padding:28px clamp(18px,3vw,48px)}.editorHeading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:22px}.editorHeading h2{margin:5px 0;font-size:25px;letter-spacing:-.5px}.headingActions{display:flex;gap:8px;flex-wrap:wrap}.headingActions #expandEditor{background:#fff;border:1px solid #d6ddd0}.postEditor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:0;background:transparent;border-radius:0;align-items:start}.writingPanel{background:#fff;border:1px solid #dde2d8;border-radius:12px;min-width:0;padding:24px}.adminPage input,.adminPage select,.adminPage textarea{width:100%;font-size:14px;border-radius:6px;padding:11px}.adminPage label{font-size:12px;color:#65705e;font-weight:600}.adminPage label span input[type=checkbox]{width:auto}.titleField input{font-size:26px;font-weight:700;border:0;border-bottom:1px solid #e6e9e1;border-radius:0;padding:15px 0;color:#23311e}.formatRow{margin:20px 0 14px}.formatRow select{max-width:170px}.formatRow .muted{font-size:11px;font-weight:400}.adminPage .editorTools{border:1px solid #e0e5d9;border-radius:6px;padding:9px;background:#f7f8f4;gap:5px}.adminPage .editorTools button{padding:8px 10px;background:white;border:1px solid #dce2d3;font-size:12px;border-radius:4px}.adminPage .editorTools label{flex-direction:row;font-size:11px;align-items:center}.adminPage .editorTools input[type=color]{width:32px;height:30px;padding:2px}.bodyField{margin:18px 0}.bodyField textarea{min-height:340px;resize:vertical;font-size:16px;line-height:1.7;padding:18px}.editorDetails{border:1px solid #dfe4d9;background:white;border-radius:8px;margin-top:12px}.editorDetails summary{padding:14px 16px;font-size:13px;font-weight:700;color:#37452e;cursor:pointer}.fieldGrid{display:grid;grid-template-columns:1fr;gap:14px;padding:0 16px 16px}.fieldGrid textarea{min-height:120px;resize:vertical}.postSettings{min-width:0}.publishBox{background:#fff;border:1px solid #dfe4d9;border-radius:8px;padding:18px}.publishBox h3{margin:0 0 12px;font-size:16px}.publishBox p{font-size:12px;line-height:1.6}.publishActions{display:flex;gap:8px;margin-top:16px}.publishActions button{padding:11px 14px;font-size:13px}.publishActions #preview{background:#f0f3e9}.previewArea:has(#previewBox:not(:empty)){margin:24px 0}.previewArea .card{max-width:900px}.postList{margin-top:36px;border-top:1px solid #dde2d8;padding-top:24px}.postList #filter{max-width:320px}.postList .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.adminPage.editorExpanded .dashboardShell{grid-template-columns:minmax(0,1fr)}.adminPage.editorExpanded .adminSidebar{display:none}.adminPage.editorExpanded .postEditor{grid-template-columns:minmax(0,1fr) 300px}.adminPage.editorExpanded .bodyField textarea{min-height:55vh}.adminPage button:focus-visible,.adminPage summary:focus-visible{outline:3px solid #658346;outline-offset:3px}
@media(min-width:1700px){.postEditor{grid-template-columns:minmax(0,1fr) 340px}.adminContent{padding:32px 48px}.bodyField textarea{min-height:420px}}
@media(max-width:1050px){.dashboardShell{grid-template-columns:190px minmax(0,1fr)}.adminContent{padding:22px 18px}.postEditor,.adminPage.editorExpanded .postEditor{grid-template-columns:minmax(0,1fr)}.postSettings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.postSettings .publishBox{grid-column:1/-1}.postSettings .editorDetails{margin-top:0}.editorHeading{align-items:flex-start}.writingPanel{padding:20px}}
@media(max-width:700px){body.adminPage header{padding:14px 18px}.adminhead{padding:14px 18px}.adminhead h1{font-size:20px}.adminPage #status{padding:12px 18px}.dashboardShell{grid-template-columns:minmax(0,1fr)}.adminSidebar{border-right:0;border-bottom:1px solid #dde2d8;padding:14px 18px}.adminSidebar #adminTabs{flex-direction:row;overflow:auto}.adminSidebar #adminTabs button{flex:1;padding:12px 10px;font-size:12px}.adminSidebar .sidebarCaption,.adminSidebar .sidebarLink,.adminVersion{display:none}.adminSidebar .memberMetric{margin:10px 0;align-items:center}.adminSidebar .memberMetric small{display:none}.adminSidebar .memberMetric strong{font-size:24px}.adminSidebar .notice{margin:10px 0 0}.adminContent{padding:20px 14px}.editorHeading{flex-wrap:wrap;gap:10px}.editorHeading h2{font-size:22px}.headingActions button{padding:10px 12px;font-size:12px}.writingPanel{padding:16px}.titleField input{font-size:22px}.postSettings{grid-template-columns:1fr}.bodyField textarea{min-height:280px}.postList #filter{max-width:none}.postList .editorHeading{display:block}.adminPage .editorTools{position:static}.formatRow .muted{line-height:1.5}}
/* Separate posts list and editor */
.adminPage #postList{margin-top:0;padding-top:0;border-top:0}.adminPage #entries{display:flex;flex-direction:column;gap:10px}.newPostButton{width:100%;margin:0 0 26px;border-radius:24px;background:white;color:#526e26;box-shadow:0 2px 6px #0002;border:1px solid #dfe4d9;text-align:left}.postListControls{display:flex;align-items:center;gap:18px;margin:0 0 22px}.postListControls label{flex-direction:row;align-items:center;gap:12px}.postListControls select{width:160px}.postRow{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #d6ddd1;border-radius:5px;padding:18px;min-width:0}.postInitial{display:grid;place-items:center;flex:0 0 64px;height:64px;border:1px solid #dce2d6;border-radius:4px;color:#809270;font:700 32px Georgia,serif;background:#fbfcf9}.postRowContent{flex:1;min-width:0}.postRowTitle{display:block;font-size:16px;font-weight:600;line-height:1.5;color:#33442b;overflow-wrap:anywhere}.postRowMeta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:9px;font-size:12px;color:#73826a}.postLabel{border:1px solid #cfdac7;border-radius:20px;padding:5px 10px;font-size:11px}.postRowActions{display:flex;gap:14px;align-items:center;font-size:13px}.postRowActions button{font-size:12px;padding:8px 12px}.emptyPosts{padding:60px 24px;text-align:center;border:1px dashed #d6ddd1;border-radius:8px;background:white;color:#68775f}.backToPosts{font-size:13px;color:#607151;flex-basis:100%;font-weight:600}.separateEditor .editorHeading{flex-wrap:wrap}.separateEditor .adminSidebar .memberMetric,.separateEditor .adminSidebar .notice,.separateEditor .adminSidebar .sidebarCaption:nth-of-type(2){display:none}
@media(max-width:700px){.newPostButton{width:auto;display:block;margin:0 0 12px;padding:11px 18px}.postRow{padding:14px;gap:12px;flex-wrap:wrap}.postInitial{flex-basis:44px;height:44px;font-size:25px}.postRowContent{min-width:180px}.postRowTitle{font-size:14px}.postRowMeta{gap:6px}.postRowActions{margin-left:56px}.postListControls{justify-content:space-between;gap:10px}.separateEditor .adminSidebar{display:none}.postListControls select{width:140px}}

.videoTabs{display:flex;gap:8px;margin:12px 0 22px}.videoTabs button{background:#fff;border:1px solid #dce2d5;padding:12px 22px}.videoTabs button.active{background:#26321f;color:#e1f899}.videoFrame{width:100%;aspect-ratio:16/9;background:#10140e;border-radius:10px;overflow:hidden;margin-bottom:14px}.videoFrame.portrait{aspect-ratio:9/16;max-width:360px;margin-left:auto;margin-right:auto}.videoFrame iframe{display:block;width:100%;height:100%;border:0}.portraitGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.videoPage .card{min-width:0}.videoEditor{background:#f5f8ef;border:1px solid #d7e0ca;border-radius:8px;padding:18px;margin-bottom:22px}.videoEditor h3{margin:0 0 14px}.videoEditor label{margin-top:12px}.watchYoutube{font-size:13px}@media(max-width:760px){.portraitGrid{grid-template-columns:1fr}.videoTabs button{flex:1}.videoFrame.portrait{max-width:340px}}

@media(max-width:760px){.videoPage .row{align-items:center;margin-top:18px}.videoPage .row h2{margin:8px 0}.videoPage #count{font-size:12px}.videoPage .videoTabs{margin:8px 0 16px}.videoPage .videoTabs button{padding:11px 14px}.videoCard{padding:14px;border-radius:14px}.videoCard h3{font-size:18px;margin:12px 0;line-height:1.35}.videoCard .videoFrame{border-radius:8px}.videoCard .badge{font-size:11px;max-width:100%}.videoCard .shareActions{gap:8px;flex-wrap:wrap}.videoCard .shareActions button{font-size:12px;padding:10px 12px}.videoCard .shareActions a{font-size:12px}.videoPage footer{padding:22px 18px;font-size:11px;line-height:1.6}}

.videoPage main{max-width:1380px}.videoPage .tools{margin-bottom:10px}.videoPage .row{margin-top:12px}.slideControls{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:#78846e;font-size:12px}.slideControls>div{display:flex;gap:8px}.slideControls button{width:36px;height:36px;padding:0;border:1px solid #dce2d4;background:white;font-size:18px}.slideControls button:disabled{opacity:.35;cursor:default}.videoSlider{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding:2px 0 14px;align-items:flex-start;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c4d1b6 transparent}.videoSlider>.videoCard{flex:0 0 min(560px,75%);scroll-snap-align:start;scroll-snap-stop:always}.videoSlider.portraitGrid>.videoCard{flex-basis:300px}.videoCard{padding:0;overflow:hidden;border:1px solid #e0e6d8;border-radius:15px;background:#fff;box-shadow:0 3px 12px #1f351006}.videoCard .videoFrame{border-radius:0;margin:0;max-width:none}.videoCard .watchYoutube{margin:0;display:block;text-align:right;padding:8px 14px;font-size:11px;font-weight:500;color:#78876c}.videoCardBody{padding:4px 16px 14px}.videoTag{font-size:11px;color:#78866e}.videoCard h3{font-size:17px;line-height:1.4;margin:8px 0 12px}.videoDescription summary{font-size:12px;cursor:pointer;color:#718760}.videoDescription .postContent{font-size:14px}.videoCard .shareActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:12px;margin-top:12px;border-top:1px solid #eef1e9}.videoCard .shareActions button{padding:9px 11px;font-size:11px;border-radius:7px;background:#eef4e4}.videoCard .shareActions a{margin:0;font-size:11px}.videoPage footer{margin-top:12px}.videoPage #listings:not(.videoSlider)>.videoCard{max-width:640px;width:100%;margin:auto}.videoPage #listings:not(.videoSlider) .portrait{max-width:360px;margin:auto}
@media(max-width:760px){.videoPage main{padding:14px 14px 18px}.videoPage .videoTabs{margin-bottom:12px;gap:8px}.videoPage .videoTabs button{border-radius:10px;font-size:13px;padding:11px}.videoPage .row h2{font-size:24px}.videoSlider>.videoCard{flex-basis:92%}.videoSlider.portraitGrid>.videoCard{flex-basis:min(80vw,310px)}.videoCard .videoFrame.portrait{max-height:56svh}.videoCardBody{padding:4px 14px 12px}.videoCard h3{font-size:16px;margin:7px 0 10px}.videoPage footer{padding:16px 10px}.videoSlider{scrollbar-width:none}.videoSlider::-webkit-scrollbar{display:none}}

/* Refined media gallery */
.videoPage{background:#f7f8f5}.videoPage header{padding:16px 24px}.videoPage .brand small{letter-spacing:1.5px}.videoPage .tools input,.videoPage .tools select{padding:10px 12px;font-size:13px;border-radius:10px}.videoPage .videoTabs{width:fit-content;background:#e8ecdf;border-radius:12px;padding:4px;gap:3px;margin:10px 0 14px}.videoPage .videoTabs button{border:0;background:transparent;padding:10px 22px;border-radius:9px;font-size:13px}.videoPage .videoTabs button.active{background:#23351c;color:#e4f7b8;box-shadow:0 2px 6px #0001}.slideControls{font-size:11px;margin-bottom:10px}.videoSlider>.videoCard{flex-basis:480px}.videoSlider.portraitGrid>.videoCard{flex-basis:272px}.videoCard{border:0;border-radius:16px;box-shadow:0 3px 14px #23351c0b}.videoPoster{position:relative}.playVideo{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#172012;color:white;overflow:hidden}.playVideo>img{width:100%;height:100%;display:block;object-fit:cover}.videoPoster.portrait .playVideo>img{object-fit:contain;background:#182112}.mediaShade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,transparent 60%,#0007)}.formatBadge{position:absolute;left:14px;top:14px;font-size:9px;font-weight:800;letter-spacing:1.2px;background:#17201280;backdrop-filter:blur(6px);border:1px solid #ffffff30;border-radius:6px;padding:6px 8px;color:#fff}.playCircle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffffffed;box-shadow:0 6px 30px #0003;transition:transform .15s}.playCircle svg{width:25px;height:25px;fill:#263c1c;margin-left:3px}.playVideo:hover .playCircle{transform:translate(-50%,-50%) scale(1.07)}.playVideo:focus-visible{outline:3px solid #d9f879;outline-offset:-4px}.playCaption{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:11px;font-weight:500;color:#fff}.videoCardBody{padding:14px 16px 16px}.videoTag{font-size:10px;font-weight:600;color:#819071;letter-spacing:.25px}.videoTitle{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#263120!important;font-size:16px;font-weight:650!important;line-height:1.4;margin:0!important}.videoCard h3{margin:7px 0 0;min-height:44px}.singleVideo .videoTitle{-webkit-line-clamp:unset}.videoCard .shareActions{gap:0;justify-content:space-between;margin-top:12px;padding-top:10px}.videoCard .shareActions button{background:transparent;color:#37502b;padding:6px 0;font-size:11px;font-weight:650}.videoCard .shareActions a{color:#718561;font-size:11px}.videoDescription{margin-top:10px}.videoPage footer{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;padding:16px 18px;color:#839077;font-size:10px}.footerBrand{font-weight:800;letter-spacing:1px;font-size:11px;color:#4b5d3e}.footerNote{font-size:10px}.videoPage .footerAdmin{display:inline-block;margin:0;font-size:10px;color:#718561}.videoPage .buildVersion{font-size:9px;opacity:.6}.videoUnavailable{padding:70px 20px;text-align:center;background:#e9eddf;font-size:13px;color:#718060}
@media(max-width:760px){.videoPage header{padding:14px 16px}.videoPage main{padding:12px 14px}.videoPage .tools{gap:7px;margin:0 0 8px}.videoPage .tools select{flex-basis:auto}.videoPage .row{margin:8px 0 0}.videoPage .row h2{font-size:23px}.videoPage .videoTabs{width:100%}.videoPage .videoTabs button{padding:9px 12px}.videoSlider{gap:12px;padding-bottom:10px}.videoSlider>.videoCard{flex-basis:92%}.videoSlider.portraitGrid>.videoCard{flex-basis:calc(100% - 36px)}.videoCard .videoFrame.portrait{height:min(47svh,410px);aspect-ratio:auto;max-height:none}.videoCardBody{padding:12px 14px 13px}.videoTitle{font-size:15px}.videoCard .shareActions{padding-top:8px;margin-top:10px}.videoPage footer{margin-top:4px;padding:12px 2px;gap:7px}.videoPage .buildVersion{flex-basis:100%;font-size:8px}#tabs{gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));scrollbar-width:none}#tabs::-webkit-scrollbar{display:none}#tabs a{flex:1 0 0;min-width:0;padding:8px 2px;font-size:10px;gap:4px;border-radius:10px}#tabs svg{width:21px;height:21px}body:has(#playerBar.outsideMusic){padding-bottom:80px}#playerBar{bottom:68px}}
@media(prefers-reduced-motion:reduce){.playCircle{transition:none}.videoSlider{scroll-behavior:auto}}

/* Full-width vertical video feed */
.videoPage main{max-width:1080px}.videoSlider,.videoSlider.portraitGrid{display:flex;flex-direction:column;overflow:visible;gap:24px;scroll-snap-type:none;align-items:stretch;padding:0}.videoSlider>.videoCard,.videoSlider.portraitGrid>.videoCard{flex:none;width:100%;max-width:580px;margin:0 auto;scroll-margin-top:80px}.videoCard .videoFrame.portrait{width:100%;height:min(68svh,690px);aspect-ratio:auto;max-height:none;max-width:none}.videoCard .videoFrame.landscape{width:100%;height:auto;aspect-ratio:16/9}.videoPoster.portrait .playVideo>img{object-fit:contain}.videoCardBody{padding:13px 18px 16px}.videoCard .shareActions{padding-top:12px}.slideControls{max-width:580px;margin:0 auto 14px}.videoPage footer{max-width:580px;margin:18px auto 0}.videoPage .videoTabs{margin-left:auto;margin-right:auto}.videoCard iframe{background:#111}.singleVideo .videoFrame.portrait{height:min(68svh,690px)!important;max-width:none!important}
@media(max-width:760px){.videoPage main{padding:12px 10px 16px}.videoSlider,.videoSlider.portraitGrid{gap:18px}.videoSlider>.videoCard,.videoSlider.portraitGrid>.videoCard{width:100%;max-width:none;border-radius:12px;flex:none}.videoCard .videoFrame.portrait{height:62svh;min-height:280px;max-height:660px}.videoCardBody{padding:12px 14px 14px}.videoTitle{font-size:15px}.videoCard h3{min-height:0}.slideControls{padding:0 4px;margin-bottom:10px}.playCircle{width:62px;height:62px}.videoCard .shareActions button,.videoCard .shareActions a{font-size:12px;padding-top:5px;padding-bottom:5px}.videoPage .videoTabs{margin-bottom:12px}.singleVideo .videoFrame.portrait{height:62svh!important}}

.logoBrand{display:flex;align-items:center;gap:12px;min-width:0}.logoBrand img{display:block;width:64px;height:64px;border-radius:12px;object-fit:contain;background:#080808}.logoBrand span{font-size:17px;color:#172e28}.logoBrand small{font-size:8px;letter-spacing:1.2px}.footerLogo{border-radius:8px;vertical-align:middle}.installPanel{display:flex;align-items:center;gap:10px;padding:12px;background:white;border:1px solid #dfe7e1;border-radius:14px;margin:12px 0}.installPanel.hidden{display:none}.installPanel img{border-radius:8px}.installPanel div{flex:1;min-width:0}.installPanel strong{font-size:13px}.installPanel p{font-size:12px;line-height:1.4;margin:3px 0;color:#60766b}.installPanel button{padding:9px 12px}#dismissInstall{background:transparent;font-size:21px;padding:5px}@media(max-width:760px){header,.videoPage header{padding:10px 14px}.logoBrand{gap:9px}.logoBrand img{width:48px;height:48px}.logoBrand span{font-size:14px}.logoBrand small{font-size:7px}.installPanel{flex-wrap:wrap}.installPanel div{flex-basis:calc(100% - 60px)}.installPanel button{font-size:12px}}

.installIcon{display:none;background:transparent;color:#172e28;padding:10px;width:44px;height:44px;align-items:center;justify-content:center}.installIcon[hidden]{display:none!important}#installHelpDialog{max-width:min(360px,90vw);border:1px solid #dde4df;border-radius:16px;padding:22px;color:#172e28}#installHelpDialog::backdrop{background:#0006}#installHelpDialog p{line-height:1.6}#installHelpDialog form{display:block;padding:0}@media(max-width:760px){.installIcon{display:inline-flex}header,.videoPage header{padding:10px 14px}.brand{font-size:17px}}

/* Desktop and tablet video gallery; mobile keeps the vertical feed. */
@media(min-width:761px){
 .videoPage main{max-width:1440px;padding:24px 32px}
 .videoPage .tools{margin:0 0 16px}
 .videoPage .row{margin-top:20px}
 .videoPage .videoTabs{margin:14px 0 24px}
 .videoPage #listings.videoSlider{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
 .videoPage #listings.videoSlider.portraitGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
 .videoPage #listings.videoSlider>.videoCard{width:100%;max-width:none;margin:0;min-width:0}
 .videoPage #listings.videoSlider.portraitGrid>.videoCard{max-width:420px;justify-self:center}
 .videoPage .videoCard .videoFrame.portrait{height:auto;aspect-ratio:9/16;min-height:0;max-height:none}
 .videoPage .videoCard .videoFrame.landscape{height:auto;aspect-ratio:16/9}
 .videoPage .videoCardBody{padding:18px 20px}
 .videoPage .videoTitle{font-size:18px}
 .videoPage .videoTag{font-size:12px}
 .videoPage .videoCard .shareActions button,.videoPage .videoCard .shareActions a{font-size:13px}
 .videoPage #slideControls{display:none!important}
 .videoPage footer{max-width:1440px;padding:24px;margin:20px auto 0}
 .videoPage.singleVideo #listings{display:block;max-width:1100px;margin:auto}
 .videoPage.singleVideo .videoCard{width:100%;max-width:none}
 .videoPage.singleVideo .videoFrame.portrait{height:min(75vh,760px)!important;aspect-ratio:9/16;max-width:440px!important;margin:auto}
 .videoPage #listings>.wide{grid-column:1/-1}
}
@media(min-width:761px) and (max-width:1000px){.videoPage #listings.videoSlider{grid-template-columns:1fr}.videoPage main{padding:20px 24px}.videoPage #listings.videoSlider.portraitGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared desktop sizing for every public page. */
@media(min-width:761px){
 body:not(.adminPage)>header{padding:18px max(32px,calc((100% - 1376px)/2));min-height:82px}
 body:not(.adminPage)>main,.videoPage main{width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 28px}
 body:not(.adminPage) #tabs{width:100%;gap:10px;margin:0 0 24px}
 body:not(.adminPage) #tabs a{flex:1;justify-content:center;min-height:50px;font-size:15px}
 body:not(.adminPage) .row{margin:8px 0 20px;gap:16px}
 body:not(.adminPage) .row h2{font-size:26px;margin:0;line-height:1.25}
 body:not(.adminPage) #count{font-size:14px}
 body:not(.adminPage) .tools{margin:0 0 18px}
 body:not(.adminPage) .tools input,body:not(.adminPage) .tools select{font-size:15px;min-height:44px}
 #music .music-content{width:100%;max-width:none;margin:0;padding:0 0 16px}
 #music .music-tabs{width:100%;margin:0 0 16px}
 #music .music-tabs button{font-size:15px;min-height:46px}
 #music .music-toolbar{font-size:14px;margin-bottom:14px;min-height:44px}
 #music .music-toolbar .upload{font-size:14px;padding:12px 18px;margin:0}
 #music .empty{font-size:15px;padding:36px 24px}
 #music .music-hint,#music .music-note{font-size:13px;line-height:1.5;margin:12px 0}
 #music .library-intro p,#music .library-toolbar{font-size:14px}
 #music .library-choose label,#music .library-song button{font-size:14px}
 #music .library-song-name strong{font-size:15px}
 #music .library-song-name small{font-size:12px}
 #music .song-info strong{font-size:16px}
 #music .song-info small{font-size:12px}
 #submissions{margin-top:0}
 #submissions>h2{display:none}
 #submissions .card{padding:24px}
 #profile{width:100%;max-width:none}
 body:not(.adminPage)>footer,.videoPage footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;max-width:1440px;margin:0 auto;padding:20px 32px 28px;font-size:14px}
 body:not(.adminPage) .footerBrand{font-size:14px}
 body:not(.adminPage) .footerNote,body:not(.adminPage) .footerAdmin{font-size:13px;margin:0}
 body:not(.adminPage) .buildVersion{font-size:11px;opacity:.75}
 #playerBar .mini{width:min(1376px,calc(100% - 64px))}
}

/* Visible install shortcut on both desktop and mobile. */
body:not(.adminPage) .installIcon{display:inline-flex;align-items:center;justify-content:center;color:#dbff69;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;flex:0 0 44px}
body:not(.adminPage) .installIcon:hover{background:#ffffff20}
body:not(.adminPage) .installIcon:focus-visible{outline:2px solid #dbff69;outline-offset:3px}
body:not(.adminPage) .installIcon[hidden]{display:none!important}

.goldBrand{display:flex;align-items:center;gap:10px;min-width:0}.goldBrand .brandEmblem{width:56px;height:56px;object-fit:contain;flex:none;border-radius:7px}.goldBrand .brandWordmark{display:block;width:240px;height:auto;max-width:100%;object-fit:contain}.adminPage header:has(.goldBrand){background:#1c261a}@media(max-width:760px){.goldBrand{gap:7px}.goldBrand .brandEmblem{width:42px;height:42px}.goldBrand .brandWordmark{width:175px;min-width:0}body:not(.adminPage)>header{gap:12px}}@media(max-width:360px){.goldBrand .brandWordmark{width:145px}.goldBrand .brandEmblem{width:36px;height:36px}}

.cleanGoldBrand{display:flex;align-items:center;min-width:0;background:transparent}.cleanGoldBrand img{display:block;width:240px;height:50px;object-fit:contain;object-position:left center;background:transparent}.adminPage header:has(.cleanGoldBrand){background:#1c261a}@media(min-width:761px){body:not(.adminPage)>header{min-height:70px;padding-top:10px;padding-bottom:10px}}@media(max-width:760px){.cleanGoldBrand img{width:205px;height:42px}body:not(.adminPage)>header{padding-top:10px;padding-bottom:10px;gap:12px}}@media(max-width:360px){.cleanGoldBrand img{width:178px;height:38px}}

.responsiveGoldBrand{display:flex;align-items:center;gap:12px;min-width:0;background:transparent}.responsiveGoldBrand img{display:block;background:transparent;object-fit:contain}.responsiveGoldBrand .headerEmblem{width:62px;height:62px;flex:none}.responsiveGoldBrand .headerWordmark{width:250px;height:auto;min-width:0}.adminPage header:has(.responsiveGoldBrand){background:#1c261a}@media(min-width:761px){body:not(.adminPage)>header{min-height:82px;padding-top:10px;padding-bottom:10px}}@media(max-width:760px){.responsiveGoldBrand{gap:9px}.responsiveGoldBrand .headerEmblem{width:48px;height:48px}.responsiveGoldBrand .headerWordmark{width:190px;height:auto}body:not(.adminPage)>header{padding:10px 14px;gap:12px}}@media(max-width:360px){.responsiveGoldBrand{gap:8px}.responsiveGoldBrand .headerEmblem{width:42px;height:42px}.responsiveGoldBrand .headerWordmark{width:155px}}

.responsiveGoldBrand{gap:10px}.responsiveGoldBrand .headerEmblem{width:46px;height:46px}.responsiveGoldBrand .headerWordmark{width:200px;height:auto}@media(min-width:761px){body:not(.adminPage)>header{min-height:68px;padding-top:10px;padding-bottom:10px}}@media(max-width:760px){.responsiveGoldBrand{gap:8px}.responsiveGoldBrand .headerEmblem{width:38px;height:38px}.responsiveGoldBrand .headerWordmark{width:165px;height:auto}}@media(max-width:360px){.responsiveGoldBrand .headerEmblem{width:34px;height:34px}.responsiveGoldBrand .headerWordmark{width:145px}}

/* GymBoys V4: new artwork, compact responsive header */
.responsiveGoldBrand{display:flex;align-items:center;gap:9px;max-width:min(80vw,335px);min-width:0}
.responsiveGoldBrand .headerEmblem{width:51px;height:54px;object-fit:contain;flex-shrink:0}
.responsiveGoldBrand .headerWordmark{width:245px;height:auto;max-width:calc(100% - 60px);object-fit:contain}
@media(max-width:760px){.responsiveGoldBrand{gap:7px;max-width:calc(100vw - 95px)}.responsiveGoldBrand .headerEmblem{width:41px;height:44px}.responsiveGoldBrand .headerWordmark{width:190px;max-width:calc(100% - 48px)}}
@media(max-width:360px){.responsiveGoldBrand .headerEmblem{width:34px;height:37px}.responsiveGoldBrand .headerWordmark{width:158px;max-width:calc(100% - 41px)}}

/* V4.1: exact user-uploaded original logo, no alteration or recomposition */
.gymboysOriginalBrand{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;line-height:0;max-width:calc(100vw - 120px);padding:0}
.gymboysOriginalLogo{display:block;width:auto;height:76px;max-width:100%;object-fit:contain}
header:has(.gymboysOriginalBrand){min-height:92px}
@media(max-width:760px){.gymboysOriginalLogo{height:67px}header:has(.gymboysOriginalBrand){min-height:80px}}
@media(max-width:360px){.gymboysOriginalLogo{height:58px}header:has(.gymboysOriginalBrand){min-height:72px}}

/* V4.3: horizontal header: full emblem left, separate GYMBOYS wordmark right. */
.gymboysHorizontalBrand{
  display:flex; align-items:center; flex-direction:row; justify-content:flex-start;
  gap:10px; line-height:0; flex-shrink:1; min-width:0; max-width:calc(100vw - 104px);
  text-decoration:none;
}
.gymboysHorizontalBrand .gymboysHeaderEmblem{
  display:block; width:66px; height:66px; flex:0 0 66px; object-fit:contain;
}
.gymboysHorizontalBrand .gymboysHeaderWordmark{
  display:block; width:236px; max-width:calc(100% - 76px); height:auto; object-fit:contain;
}
header:has(.gymboysHorizontalBrand){min-height:76px}
@media(max-width:760px){
  .gymboysHorizontalBrand{gap:6px; max-width:calc(100vw - 96px)}
  .gymboysHorizontalBrand .gymboysHeaderEmblem{width:48px;height:48px;flex-basis:48px}
  .gymboysHorizontalBrand .gymboysHeaderWordmark{width:185px;max-width:calc(100% - 54px)}
  header:has(.gymboysHorizontalBrand){min-height:64px}
}
@media(max-width:360px){
  .gymboysHorizontalBrand .gymboysHeaderEmblem{width:39px;height:39px;flex-basis:39px}
  .gymboysHorizontalBrand .gymboysHeaderWordmark{width:150px;max-width:calc(100% - 45px)}
}

/* V4.4 — deliberate optical centering of emblem and typography */
header:has(.gymboysHorizontalBrand) {
  display:flex;
  align-items:center;
  background:#1c241b;
  border-bottom:0;
  min-height:82px;
  padding-top:10px;
  padding-bottom:10px;
}
.gymboysHorizontalBrand {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  max-width:calc(100vw - 100px);
  padding:0;
  margin:0;
  background:none!important;
  line-height:0;
}
.gymboysHorizontalBrand .gymboysHeaderEmblem {
  width:66px;
  height:66px;
  flex:0 0 66px;
  object-fit:contain;
  background:none!important;
  transform:translateY(-1px);
}
.gymboysHorizontalBrand .gymboysHeaderWordmark {
  display:block;
  width:224px;
  height:auto;
  max-width:calc(100% - 78px);
  object-fit:contain;
  background:none!important;
  transform:translateY(2px);
}
@media (max-width:760px) {
  header:has(.gymboysHorizontalBrand){min-height:68px;padding-top:8px;padding-bottom:8px}
  .gymboysHorizontalBrand{gap:8px;max-width:calc(100vw - 91px)}
  .gymboysHorizontalBrand .gymboysHeaderEmblem{width:50px;height:50px;flex-basis:50px}
  .gymboysHorizontalBrand .gymboysHeaderWordmark{width:175px;max-width:calc(100% - 58px)}
  body:not(.adminPage)>main{padding-top:16px}
}
@media(max-width:360px) {
  .gymboysHorizontalBrand{gap:6px}
  .gymboysHorizontalBrand .gymboysHeaderEmblem{width:42px;height:42px;flex-basis:42px}
  .gymboysHorizontalBrand .gymboysHeaderWordmark{width:151px;max-width:calc(100% - 48px)}
}
@media(min-width:761px){
  body:not(.adminPage)>main{padding-top:18px}
}

/* V4.5: one composed asset locks emblem and typography to the same centerline. */
header:has(.gymboysUnifiedBrand){display:flex;align-items:center;min-height:78px;padding-top:8px;padding-bottom:8px;background:#1c241b;border-bottom:0}
.gymboysUnifiedBrand{display:flex;align-items:center;min-width:0;line-height:0;flex:0 1 auto;max-width:calc(100vw - 106px);background:transparent!important}
.gymboysUnifiedBrand img{display:block;width:auto;height:58px;max-width:100%;object-fit:contain;object-position:left center;vertical-align:middle;background:transparent!important}
@media(max-width:760px){header:has(.gymboysUnifiedBrand){min-height:66px;padding-top:8px;padding-bottom:8px}.gymboysUnifiedBrand{max-width:calc(100vw - 85px)}.gymboysUnifiedBrand img{height:49px}}
@media(max-width:360px){.gymboysUnifiedBrand img{height:43px}}

/* V4.6 — larger logo, same optical alignment as V4.5. */
header:has(.gymboysUnifiedBrand){min-height:104px;padding-top:8px;padding-bottom:8px}
.gymboysUnifiedBrand img{height:82px;width:auto;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:760px){
  header:has(.gymboysUnifiedBrand){min-height:88px;padding-top:7px;padding-bottom:7px}
  .gymboysUnifiedBrand{max-width:calc(100vw - 80px)}
  .gymboysUnifiedBrand img{height:73px;width:auto;max-width:100%}
}
@media(max-width:360px){
  header:has(.gymboysUnifiedBrand){min-height:75px}
  .gymboysUnifiedBrand img{height:62px}
}