:root{--ink:#050c12;--ink2:#09151f;--parchment:#d8c7a2;--parchment-soft:#a99c84;--brass:#d9aa50;--brass-light:#f0cc7d;--verdigris:#567d78}
html,body{background:radial-gradient(circle at 82% -12%,#203140 0,#08131d 36%,#04090e 82%);font-size:16px}
body:before{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(rgba(3,9,14,.94),rgba(3,9,14,.97)),url('assets/dashboard/studio-mentor-hero-v15.png') 86% 12%/1100px auto no-repeat;filter:saturate(.7);pointer-events:none}
.app{background:linear-gradient(90deg,rgba(2,7,11,.24),transparent 34%)}
.side{border-right-color:#334658;background:linear-gradient(180deg,rgba(3,9,14,.98),rgba(5,12,18,.965));box-shadow:18px 0 55px rgba(0,0,0,.18)}
.side:after{content:"";position:absolute;inset:0;opacity:.055;background-image:url('assets/dashboard/card-academy-v1.png');background-size:auto 76%;background-position:65% 100%;background-repeat:no-repeat;filter:sepia(1);pointer-events:none}
.side>*{position:relative;z-index:1}
.brand{font-size:34px;letter-spacing:-.035em}.brand span{color:var(--brass-light);letter-spacing:.34em}
.nav .label{color:#718090;font-family:Georgia,serif;font-size:10px;letter-spacing:.2em}
.nav button{position:relative;padding:12px 13px;color:#bdc7ce;font-size:15px;border:1px solid transparent;transition:.22s}
.nav button:hover,.nav button.active{border-color:#344b5e;background:linear-gradient(90deg,rgba(34,50,65,.9),rgba(13,24,34,.72));box-shadow:inset 3px 0 #d7aa55,0 12px 30px rgba(0,0,0,.18)}
.main{position:relative;isolation:isolate}
.main:before{content:"";position:fixed;z-index:-1;right:-210px;top:130px;width:700px;height:700px;border:1px solid rgba(218,176,91,.05);border-radius:50%;box-shadow:0 0 0 80px rgba(218,176,91,.018),0 0 0 170px rgba(218,176,91,.012);pointer-events:none}
.top{padding-bottom:8px;border-bottom:1px solid rgba(109,91,57,.28)}
.pill,.small{font-size:13px}.pill{border-color:#4d493b;background:rgba(22,25,23,.72);color:#e8c274}
h1,h2,h3,.panel h2,.panel h3{font-family:Georgia,serif;letter-spacing:-.018em}
h1{font-size:clamp(44px,4vw,66px)}
p{line-height:1.6}
.panel,.academyHero,.courseHero,.archiveHero,.libraryHead,.warmgrid>div,.gesturePracticeView .practiceIntro{border-color:#33495b;background:radial-gradient(circle at 100% 0,rgba(214,170,82,.075),transparent 33%),linear-gradient(145deg,rgba(15,29,41,.96),rgba(6,15,22,.96));box-shadow:0 24px 65px rgba(0,0,0,.24)}
.panel{border-radius:16px;padding:18px}
.panel:where(:not(.workpanel)){position:relative;overflow:hidden}
.panel:where(:not(.workpanel)):before{content:"";position:absolute;right:-65px;top:-65px;width:150px;height:150px;border:1px solid rgba(222,181,96,.06);border-radius:50%;pointer-events:none}
button,.gold,.ghost{transition:transform .18s,filter .18s,border-color .18s,box-shadow .18s}
button:hover{transform:translateY(-2px)}
.gold{border:1px solid #efca7a;border-radius:10px;background:linear-gradient(135deg,#ecc873,#bf842b);box-shadow:0 11px 28px rgba(199,145,44,.18)}
.ghost{border-color:#40566a;border-radius:10px;background:linear-gradient(145deg,rgba(18,34,48,.95),rgba(8,18,27,.95))}
input,select,textarea{border-color:#3d5569!important;background:#07131d!important;color:#edf2f5!important;border-radius:9px!important}
.eyebrow,.academyKicker,.courseEyebrow,.sheetKicker{color:#e6bb64!important;font-family:Inter,sans-serif;font-weight:800;letter-spacing:.18em}
.academyHero,.courseHero{position:relative;overflow:hidden;min-height:260px;background-image:linear-gradient(90deg,rgba(4,12,18,.97),rgba(4,12,18,.74) 64%,rgba(4,12,18,.28)),url('assets/dashboard/card-academy-v1.png');background-size:cover;background-position:74% 31%}
.academyHero>* ,.courseHero>*{position:relative;z-index:1}
.academyHero h1,.courseHero h2{font-size:clamp(42px,4.6vw,70px);line-height:1}
.academyModeTabs button,.gestureModeTabs button{border-color:#354b5d;background:rgba(7,17,25,.88)}
.academyModeTabs button.active,.gestureModeTabs button.active{border-color:#d3a854;background:linear-gradient(145deg,#2b271b,#111b23);box-shadow:inset 0 -2px #dbad55}
.journeyRail,.moduleWorlds,.projectBriefGrid{gap:14px}
.moduleWorld,.projectBriefCard,.journeyStage,.refcard,.archiveCard{border-color:#354c5f!important;background:linear-gradient(145deg,#11202d,#07131c)!important;box-shadow:0 15px 38px rgba(0,0,0,.19)}
.moduleWorld:hover,.projectBriefCard:hover,.journeyStage:hover,.refcard:hover,.archiveCard:hover{border-color:#c69b4a!important;box-shadow:0 22px 50px rgba(0,0,0,.3)}
.voiceHero{background-image:linear-gradient(90deg,rgba(3,10,16,.94),rgba(3,10,16,.55)),url('assets/dashboard/card-voice-v1.png')!important;background-size:cover!important;background-position:67% 25%!important}
.voicePanel{border-color:#3a5062!important;background:linear-gradient(145deg,rgba(13,27,39,.94),rgba(5,14,22,.95))!important;box-shadow:0 24px 66px rgba(0,0,0,.28)}
.voicePanel h1{font-size:clamp(48px,5vw,76px)}
.gesturePracticeView{background-image:linear-gradient(90deg,rgba(3,10,16,.98),rgba(3,10,16,.72)),url('assets/dashboard/card-practice-v1.png');background-size:cover;background-attachment:fixed}
.gestureStage{border-color:#4a5f6f;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.libraryHead{min-height:180px;padding:30px;border:1px solid #344b5d;border-radius:19px;background-image:linear-gradient(90deg,rgba(4,12,18,.97),rgba(4,12,18,.68)),url('assets/dashboard/card-archive-v1.png');background-size:cover;background-position:74% 26%}
.libraryHead h1{font-size:58px}.libraryHead p{max-width:680px;color:#b3c0c9}
.archiveHero{padding:30px;border:1px solid #344b5d;border-radius:19px;background-image:linear-gradient(90deg,rgba(4,12,18,.97),rgba(4,12,18,.65)),url('assets/dashboard/card-archive-v1.png');background-size:cover;background-position:71% 26%}
.archiveHero h1{font-size:58px}
.warmgrid .panel:first-child{background-image:linear-gradient(90deg,rgba(6,15,22,.94),rgba(6,15,22,.72)),url('assets/dashboard/card-practice-v1.png');background-size:cover;background-position:68% 28%}
.mentorConnectBox:after{content:"SM"!important}
.view.active{animation:atelierReveal .42s ease-out}
@keyframes atelierReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.main{padding:16px 14px 36px}.panel{padding:15px}.libraryHead,.archiveHero{padding:22px}.libraryHead h1,.archiveHero h1{font-size:44px}}