/* Academia de Guitarra — tema preto e verde. Mantém o azul/roxo apenas na marca. */
:root{--bg:#030706;--panel:#09120f;--line:#1d3d30;--muted:#91a79e;--text:#f5fbf7;--cyan:#35ed91;--purple:#19b96a;--green:#55f5a1;--danger:#ff617d}
html,body{background:radial-gradient(circle at 82% -8%,rgba(15,116,65,.34) 0,transparent 34%),radial-gradient(circle at 12% 52%,rgba(4,63,38,.18),transparent 36%),linear-gradient(145deg,#020504,#050a08 55%,#020604);background-attachment:fixed}
.topbar{border-color:#163426;background:rgba(2,7,5,.9);box-shadow:0 12px 45px rgba(0,0,0,.34)}
.brand-mark{background:linear-gradient(135deg,#39d8ff,#8b63ff);box-shadow:0 0 24px rgba(57,216,255,.28)}
.app-nav{position:relative}.nav-tab,.youtube-link,.ghost,.icon-button{border-color:#244738;background:#08100d;color:#abc0b7}.nav-tab:hover,.ghost:hover,.icon-button:hover{border-color:#3dcc83;color:#f4fff8;background:#0b1914}.nav-tab.active{color:#021009;border-color:#4cf09a;background:linear-gradient(135deg,#38e889,#63f5a8);box-shadow:0 7px 24px rgba(48,224,130,.18)}
.primary{color:#021009;background:linear-gradient(135deg,#31dc7c,#62f3a5);box-shadow:0 8px 30px rgba(40,219,122,.2)}.primary:hover{filter:brightness(1.08)}
.controls,.planner-config,.planner-insights,.schedule-section,.trail-featured,.course-card,.chord-workspace,.theory-tool,.progression-workspace,.studies-workspace,.mentor-shell,.library-card,.formation-map{border-color:#1d4332!important;background:linear-gradient(145deg,rgba(9,22,17,.97),rgba(3,9,7,.98))!important}
.stage{border-color:#24513d;background:radial-gradient(circle at 82% 8%,rgba(23,114,68,.16),transparent 31%),linear-gradient(145deg,#08130f,#030706 62%,#07120e);box-shadow:0 28px 90px #000b,0 0 60px rgba(26,166,91,.06)}
.stage:before{background:linear-gradient(90deg,transparent 49.8%,rgba(82,245,158,.045) 50%,transparent 50.2%),linear-gradient(rgba(97,236,161,.025) 1px,transparent 1px);background-size:100% 100%,100% 54px}
.eyebrow,.tempo strong,.bpm-input output,.tab-label,.tab-token.active,.tool-summary>span,.chord-section-heading>span,.trail-status,.home-step{color:#50ee9a!important}.progress span,.category-track span,.big-progress span,.trail-progress span{background:linear-gradient(90deg,#22c86c,#68f6ad)!important}.audio-toggle.active{background:#55f5a1;border-color:#55f5a1;color:#021009}
select,input,textarea,.controls select,.controls input[type=number],.planner-config select,.planner-config input[type=number],.planner-config textarea{border-color:#234838!important;background:#09140f!important;color:#effaf3!important}.day-picker span{border-color:#244738;background:#09140f}.day-picker input:checked+span{border-color:#4cf09a;background:#103323;color:#69f7ad}
.home-hero{border-color:#24513b;background:radial-gradient(circle at 86% 12%,rgba(20,125,70,.29),transparent 35%),linear-gradient(135deg,#071811,#050a08)}.home-goals,.home-practice,.home-next{border-color:#204332;background:#07130e}.home-goal-grid button{border-color:#264b3b;background:#091610}.home-goal-grid button:hover,.home-goal-grid button.active{border-color:#52efa0;background:#0d2a1b;box-shadow:inset 0 0 0 1px rgba(82,239,160,.2)}
.fretboard-shell{background:linear-gradient(180deg,#07130d,#020705);border-color:#28503e;box-shadow:inset 0 0 42px #000,0 0 30px rgba(42,216,124,.05)}.fretboard .string,#fretboard .string{stroke:#c6d4cd!important;opacity:.92}.fretboard .fret,#fretboard .fret{stroke:#557565!important;opacity:.92}.fretboard .fret-number,#fretboard .fret-number{fill:#b3c6bc!important;font-weight:700}.fretboard .note,#fretboard .note,.fretboard .note.in-scale,#fretboard .note.in-scale{fill:#1bbd68!important;stroke:#a1ffca!important;stroke-width:2!important;filter:drop-shadow(0 0 5px rgba(49,225,133,.34))}.fretboard .note.root,#fretboard .note.root{fill:#73f7b4!important;stroke:#f2fff7!important;stroke-width:2.5!important}.fretboard .note-text,#fretboard .note-text{fill:#021009!important;font-weight:900!important}.fretboard .note.active,#fretboard .note.active{fill:#f4fff8!important;stroke:#52f2a0!important;filter:drop-shadow(0 0 12px #42ef96)!important}.fretboard .note-text.active,#fretboard .note-text.active{fill:#04130b!important}
.now-playing{border-color:#28503e;background:rgba(7,20,14,.85)}.now-playing>div{border-color:#28503e}.tab-row{color:#9aafa5}.tablature{scrollbar-color:#36da82 #07100c}.tab-token.active{text-shadow:0 0 10px #4cf09a}
.fretboard-shell+*,.progression-card,.trail-step,.day-card,.study-item,.formation-level,.jazz-chord,.jazz-grip,.jazz-why{border-color:#234637!important}.progression-card.active{border-color:#5bf3a3!important;background:#0e2b1c!important;box-shadow:0 0 28px rgba(72,235,151,.12)}
.library-count{border-color:#087a46!important;background:#087a46!important;color:#fff!important;font-weight:850;box-shadow:0 6px 18px rgba(8,122,70,.16)}.cycle-card strong,.task-time,.now-playing strong{color:#5cf3a3!important}.youtube-link{color:#ff7288;border-color:#59313b}.feedback-fab{background:linear-gradient(135deg,#25cf73,#58efa0)!important;color:#031109!important}
.plans-page-grid article{border-color:#2b5d43!important;background:#07130e!important}.plans-page-grid article:nth-child(1){border-color:#2d6548!important}.plans-page-grid article:nth-child(2){border-color:#397d58!important}.plans-page-grid article.recommended{border-color:#48f39b!important;box-shadow:0 0 0 1px rgba(72,243,155,.18),0 18px 50px #0007,0 0 30px rgba(48,222,133,.08)!important}.plans-page-grid article.pro{border-color:#69f7ae!important;background:radial-gradient(circle at 90% 0,rgba(65,232,142,.17),transparent 36%),#07150e!important;box-shadow:0 0 0 1px rgba(105,247,174,.16),0 20px 55px #0008,0 0 36px rgba(55,230,139,.09)!important}.plans-page-grid article>span,.plans-page-grid article>b{color:#63f3a7!important}.plans-page-grid article>b{background:#125d39!important}.plans-page-grid a{border-color:#347454!important;background:#07160f!important}.plans-page-grid .recommended a,.plans-page-grid .pro a{border:0!important;background:linear-gradient(135deg,#2be080,#70f9b3)!important;color:#031008!important;box-shadow:0 9px 26px rgba(43,224,128,.18)}
@media(max-width:650px){html,body{background:linear-gradient(145deg,#020504,#07110c 62%,#020604)}.fretboard .note,.fretboard .note.in-scale{stroke-width:2.5!important}}
.trail-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trail-collapse-toggle{min-width:125px}.trail-collapsible-body[hidden]{display:none}.trail-collapsible-body{display:grid;gap:0;margin-top:18px}@media(max-width:700px){.trail-head-actions{width:100%}.trail-head-actions button{flex:1}}

/* Tema híbrido: interface clara para orientação, superfícies musicais escuras para foco. */
:root{color-scheme:light;--shell:#f3f6f4;--shell-strong:#ffffff;--shell-line:#cbd8d1;--shell-text:#122019;--shell-muted:#5b6f65;--ink:#03100a;--neon:#42ed91}
html,body{background:linear-gradient(180deg,#f7faf8 0,#edf3ef 48%,#f5f8f6 100%);background-attachment:fixed;color:var(--shell-text)}
.topbar{background:rgba(255,255,255,.94);border-color:#d9e3dd;box-shadow:0 10px 32px rgba(18,45,31,.08);color:#102019}
.topbar-left{display:flex;align-items:center;gap:22px;min-width:0}
.topbar-search{min-height:42px!important;padding:0 18px!important;border-color:#15965a!important;background:#e8fff2!important;color:#075d35!important;font-weight:900!important;box-shadow:0 7px 20px rgba(20,150,90,.13)!important}
.topbar-search:hover{background:#d8fbe8!important;border-color:#087b45!important;color:#034b29!important}
.brand small{color:#60756a}.topbar .ghost{background:#fff;color:#1e3429;border-color:#c9d8d0}.topbar .ghost:hover{background:#ecf8f1;border-color:#63c68f;color:#092f1c}
.app-nav{background:rgba(247,250,248,.96);border-color:#d8e3dd;box-shadow:0 8px 26px rgba(23,55,38,.06)}
.nav-tab,.nav-tab-look,.app-nav .ghost,.academy-search-launch{background:#fff!important;color:#344a3f!important;border-color:#d1ddd7!important;box-shadow:0 2px 7px rgba(23,48,35,.035)}
.nav-tab:hover,.nav-tab-look:hover,.academy-search-launch:hover{background:#edf8f2!important;color:#103824!important;border-color:#72c998!important}
.nav-tab.active{background:#07130d!important;color:#65f2a7!important;border-color:#1d6f48!important;box-shadow:0 7px 20px rgba(18,88,52,.16)!important}
.youtube-link{background:#fff!important;color:#d43855!important;border-color:#e5bdc5!important}

/* Áreas de orientação e leitura ganham luz e contraste calmo. */
.academy-home-view,.planner-view,.mentor-view,.theory-book-view{color:var(--shell-text)}
.home-hero{background:linear-gradient(135deg,#fff,#eff8f3)!important;border-color:#c8ded2!important;box-shadow:0 14px 44px rgba(20,69,43,.08)}
.home-hero h1,.home-start h2,.home-next h2{color:#102019}
.home-hero p,.home-practice p,.home-next p,.home-goal-grid small{color:var(--shell-muted)!important}
.home-goals,.home-practice,.home-next,.journey-card,.planner-config,.planner-insights,.schedule-section{background:#fff!important;border-color:#cfddd5!important;color:var(--shell-text)!important;box-shadow:0 10px 32px rgba(20,55,37,.055)}
.home-goal-grid button{background:#f6faf8!important;border-color:#d2dfd8!important;color:#183126!important}
.home-goal-grid button:hover,.home-goal-grid button.active{background:#e9f8f0!important;border-color:#3fce82!important;box-shadow:inset 0 0 0 1px rgba(63,206,130,.14),0 7px 22px rgba(39,131,80,.08)}
.home-next .ghost,.journey-card .ghost,.planner-view .ghost{background:#fff;color:#19392a;border-color:#b9cec2}
.home-step,.academy-home-view .eyebrow{color:#087442!important}
.home-journey h2{color:#f5fbf7!important}.home-journey .journey-heading p{color:#a9bdb3!important}.home-journey .home-step{color:#42ed91!important}
.journey-card>strong{color:#102019}.journey-saved-list>p{color:#64786e!important}
.home-method span{background:#f7fbf9;border-color:#b9d5c6;color:#173126}.home-method b{background:#42ed91;color:#03100a}
.home-practice ol{color:#17271f!important}.home-practice li{color:#17271f!important}.home-practice li::marker{color:#0b9e58!important}
.home-practice>p{color:#52675c!important}

/* A barra de prática fica abaixo do cabeçalho, sem esconder a marca ao rolar. */
.growth-bar{top:72px}

/* Conteúdo musical permanece em um palco escuro e premium. */
#generatorView,#metronomeView,.library-view,.trails-view,.courses-view,.chords-view,.field-view,.theory-tool-view,.editors-view,.plans-view,.progressions-view,.studies-view,.video-review-view{color:#f5fbf7}
.stage,.metronome-shell,.trail-featured,.course-card,.chord-workspace,.theory-tool,.progression-workspace,.studies-workspace,.mentor-shell,.library-card,.formation-map,.plans-page-grid article{box-shadow:0 18px 52px rgba(0,20,11,.14)}
.library-view>header,.trails-view>header,.courses-view>header,.chords-view>header,.field-view>header,.theory-tool-view>header,.editors-view>header,.plans-view>header,.progressions-view>header,.studies-view>header,.video-review-view>header{color:#11251b}
.library-view>header p,.trails-view>header p,.courses-view>header p,.chords-view>header p,.field-view>header p,.theory-tool-view>header p,.editors-view>header p,.plans-view>header p,.progressions-view>header p,.studies-view>header p,.video-review-view>header p{color:#60756a!important}
.library-view>header .eyebrow,.trails-view>header .eyebrow,.courses-view>header .eyebrow,.chords-view>header .eyebrow,.field-view>header .eyebrow,.theory-tool-view>header .eyebrow,.editors-view>header .eyebrow,.plans-view>header .eyebrow,.progressions-view>header .eyebrow,.studies-view>header .eyebrow,.video-review-view>header .eyebrow{color:#087442!important}

/* Contraste obrigatório para títulos e textos que ficam diretamente no fundo claro. */
.studies-view>.study-panel>.panel-intro h2,.studies-view>.base-scale-lab>.panel-intro h2,.studies-view>.stretched-penta>.panel-intro h2{color:#f5fbf7!important}
.studies-view>.study-panel>.panel-intro p,.studies-view>.base-scale-lab>.panel-intro p,.studies-view>.stretched-penta>.panel-intro p{color:#b6c9bf!important}
.studies-view>.study-panel>.panel-intro .eyebrow,.studies-view>.base-scale-lab>.panel-intro .eyebrow,.studies-view>.stretched-penta>.panel-intro .eyebrow{color:#62f3a5!important}

/* Cabeçalhos sem painel próprio ficam sobre o fundo claro. */
.trail-hero h1,.library-hero h1,.courses-hero h1,.chords-head h1,.mentor-hero h1,.planner-hero h1{color:#102019!important}
.trail-hero p,.library-hero p,.courses-hero p,.chords-head p,.mentor-hero p,.planner-hero p{color:#5b6f65!important}
.trail-hero .eyebrow,.library-hero .eyebrow,.courses-hero .eyebrow,.chords-head .eyebrow,.mentor-hero .eyebrow,.planner-hero .eyebrow{color:#087442!important}
.planner-hero{border-bottom-color:#cbd8d1}
.trail-index-badge{flex:0 0 auto;align-self:center;min-width:1.55em;color:#57efa0;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:950;line-height:.9;letter-spacing:-.07em;text-shadow:0 0 24px rgba(66,237,145,.18)}
.trail-featured-head>div:not(.trail-head-actions){flex:1;min-width:0}
@media(max-width:700px){.trail-featured-head{display:grid!important;grid-template-columns:auto 1fr}.trail-index-badge{align-self:start;font-size:2.35rem;margin-top:4px}.trail-featured-head>div:not(.trail-head-actions){grid-column:2}.trail-featured-head>.trail-head-actions{grid-column:1/-1}}

/* Diálogos acompanham o contexto: busca clara, ferramentas musicais escuras. */
.academy-search-dialog{color:#14261d;background:#fff;border-color:#c8d8d0}.academy-search-dialog::backdrop{background:rgba(8,20,14,.52)}
.academy-search-field{background:#f3f8f5!important;border-color:#c8d9d0!important}.academy-search-field input{color:#14261d!important;background:transparent!important}

@media(max-width:650px){
  html,body{background:linear-gradient(180deg,#f7faf8,#edf3ef)}
  .topbar{background:rgba(255,255,255,.97)}
  .topbar-left{gap:10px}.topbar-search{width:42px;min-width:42px;padding:0!important}.topbar-search span:last-child{display:none}
  .app-nav{background:#f5f9f6}
  .home-hero,.home-goals,.home-practice,.home-next,.journey-card{box-shadow:0 7px 22px rgba(20,55,37,.05)}
  .growth-bar{top:64px;gap:10px;padding:10px 12px}
  .growth-icon{width:38px;height:38px;font-size:1rem}
  .growth-copy b{font-size:.84rem;line-height:1.2}
  .growth-action{padding:10px 11px}
  .feedback-fab{right:12px;bottom:14px;width:50px;height:50px;padding:0;display:grid;place-items:center;border-radius:50%}
  .feedback-fab>span{grid-row:auto;font-size:1.35rem}.feedback-fab b,.feedback-fab small{display:none}
}

.scale-audio-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0;padding:14px;border:1px solid #2d4960;border-radius:14px;background:#071421}.scale-audio-bar label{display:flex;align-items:center;gap:10px;margin-left:auto;color:#d9e8e2;font-weight:800}.scale-audio-bar input{accent-color:#43e7a6}.base-scale-tab-panel{margin:16px 0;padding:17px;border:1px solid #2a3c57;border-radius:14px;background:#050c16}.base-scale-tab-panel header{display:flex;justify-content:space-between;gap:12px}.base-scale-tab-panel header span{color:#35d9ea;font-size:.72rem;font-weight:900;letter-spacing:.1em}.base-scale-tab-panel header strong{color:#f4f8ff;font-size:.85rem}.base-scale-tab-panel pre{overflow-x:auto;margin:14px 0 0;color:#f4f8ff;font:700 .88rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:560px){.scale-audio-bar>*{width:100%}.scale-audio-bar label{margin-left:0}.base-scale-tab-panel header{flex-direction:column}}
.modal-method-reminder{margin:18px 0 12px;padding:18px 20px;border:2px solid #4cf09a;border-radius:15px;background:linear-gradient(135deg,#123827,#071b13);box-shadow:0 10px 30px rgba(50,224,132,.14)}.modal-method-reminder span,.modal-method-reminder strong{display:block}.modal-method-reminder span{color:#75f7b4;font-size:.76rem;font-weight:950;letter-spacing:.12em}.modal-method-reminder strong{margin:7px 0;color:#fff;font-size:1.16rem}.modal-method-reminder ol{display:flex;gap:22px;flex-wrap:wrap;margin:10px 0 0;padding-left:22px;color:#e8fff3}.modal-method-reminder li{padding-right:8px;line-height:1.5}.modal-method-reminder li::marker{color:#5cf3a3;font-weight:950}@media(max-width:650px){.modal-method-reminder ol{display:grid;gap:6px}}