.trails-view{max-width:1300px;margin:auto}.trail-hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:54px 0 30px}.trail-hero h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;margin:8px 0 16px}.trail-hero p,.trail-featured p,.trail-roadmap p{color:var(--muted);line-height:1.6}.trail-score{min-width:190px;padding:22px;border:1px solid #2b3850;border-radius:18px;background:#0c121d;text-align:center}.trail-score strong{display:block;color:var(--green);font-size:2.5rem}.trail-score span{color:var(--muted);font-size:.8rem}.trail-featured{padding:clamp(20px,4vw,38px);border:1px solid #2b3850;border-radius:22px;background:linear-gradient(145deg,#111827,#080c14)}.trail-featured-head{display:flex;align-items:center;justify-content:space-between;gap:24px}.trail-featured h2,.trail-roadmap h2{font-size:clamp(1.8rem,4vw,3rem);margin:8px 0}.trail-status,.trail-step-copy>span,.trail-coming>span{color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.14em}.trail-progress{height:8px;background:#202a3c;border-radius:99px;margin:24px 0;overflow:hidden}.trail-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .3s}.trail-steps{display:grid;gap:12px}.trail-step{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid #27334a;border-radius:15px;background:#0b111c}.trail-step.done{border-color:#36cb91;background:#0b1717}.trail-step-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#172237;color:var(--cyan);font-weight:900}.trail-step h3,.trail-coming h3{margin:4px 0 6px}.trail-step p{margin:0}.trail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.trail-tags em{padding:5px 8px;border-radius:99px;background:#182235;color:#aebbd0;font-size:.72rem;font-style:normal}.trail-step-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.trail-step-actions label{color:var(--muted);font-size:.8rem;font-weight:800}.trail-step-actions input{accent-color:var(--green)}.trail-roadmap{padding:54px 0}.trail-roadmap-head{max-width:720px}.trail-roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.trail-coming{padding:20px;border:1px solid #28344b;border-radius:15px;background:#0b101a}.trail-coming p{font-size:.88rem}.trail-coming:first-child{border-color:#7367f0}@media(max-width:980px){.trail-roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.trail-hero,.trail-featured-head{align-items:stretch;flex-direction:column}.trail-score{min-width:0}.trail-step{grid-template-columns:48px 1fr}.trail-step-actions{grid-column:1/-1}.trail-roadmap-grid{grid-template-columns:1fr}}
.speed-trail{margin-top:22px;border-color:#28564a}.speed-method{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.speed-method article,.speed-selected-patterns article{padding:15px;border:1px solid #2b3d57;border-radius:12px;background:#09111d}.speed-method span,.speed-method strong,.speed-method small,.speed-selected-patterns span,.speed-selected-patterns strong,.speed-selected-patterns small{display:block}.speed-method span,.speed-selected-patterns span{color:#35ddeb;font-size:.68rem;font-weight:900;letter-spacing:.1em}.speed-method strong{margin:5px 0;font-size:1.05rem}.speed-method small,.speed-selected-patterns small{color:#8999ae}.speed-setup{display:grid;grid-template-columns:180px 200px 1fr auto;gap:12px;align-items:end;padding:18px;border:1px solid #2a3a53;border-radius:14px;background:#080f1a}.speed-setup>label{display:grid;gap:6px;color:#9eacc0;font-weight:800}.speed-setup input,.speed-setup select{width:100%}.speed-setup fieldset{margin:0;padding:10px 12px;border:1px solid #33445e;border-radius:10px}.speed-setup legend{color:#9eacc0;font-size:.75rem;font-weight:900}.speed-pattern-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.speed-pattern-choices label{color:#c0cada;font-size:.78rem}.speed-workspace{margin-top:18px}.speed-current{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:18px;border:1px solid #2b4a5c;border-radius:15px;background:linear-gradient(135deg,#0b1724,#10162b)}.speed-current span,.speed-current small{display:block;color:#8fa0b6}.speed-current>div>strong{display:block;margin:4px 0}.speed-clock{text-align:center}.speed-clock strong{display:block;color:#58f3ad;font-size:2.4rem;font-variant-numeric:tabular-nums}.speed-actions{display:flex;gap:8px}.speed-selected-patterns{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.speed-selected-patterns strong{margin:5px 0}.speed-clean-check{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:15px;border:1px solid #2d3d56;border-radius:12px}.speed-clean-check label{color:#b5c1d2}.speed-clean-check input{accent-color:#58f3ad}.speed-clean-check button{padding:10px 14px;border:1px solid #38d795;border-radius:9px;background:#0d211d;color:#58f3ad;font-weight:900}.speed-clean-check button:disabled{opacity:.4}.speed-progress-text{margin-top:-14px!important}.speed-week-grid{display:flex;gap:7px;flex-wrap:wrap}.speed-week-grid span{display:grid;gap:3px;min-width:68px;padding:8px;border:1px solid #30405a;border-radius:9px;color:#91a1b7;text-align:center;font-size:.72rem}.speed-week-grid span b{color:#dbe6f6}.speed-week-grid span.current{border-color:#35ddeb}.speed-week-grid span.done{border-color:#43d79b;background:#0c201c;color:#74eab8}@media(max-width:980px){.speed-setup{grid-template-columns:1fr 1fr}.speed-setup fieldset{grid-column:1/-1}.speed-selected-patterns{grid-template-columns:1fr 1fr}}@media(max-width:720px){.speed-method{grid-template-columns:1fr 1fr}.speed-current{grid-template-columns:1fr}.speed-clock{text-align:left}.speed-actions,.speed-clean-check{align-items:stretch;flex-direction:column}.speed-setup{grid-template-columns:1fr}.speed-setup fieldset{grid-column:auto}.speed-pattern-choices,.speed-selected-patterns{grid-template-columns:1fr}}
.fundamentals-trail{margin-top:22px;border-color:#5549a0}.fundamentals-diagnostic{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;align-items:center;margin:22px 0;padding:17px;border:1px solid #34415d;border-radius:14px;background:#0a101c}.fundamentals-diagnostic>div span,.fundamentals-diagnostic>div strong{display:block}.fundamentals-diagnostic>div span{color:#41ddeb;font-size:.68rem;font-weight:900;letter-spacing:.1em}.fundamentals-diagnostic>div strong{margin-top:5px}.fundamentals-diagnostic label{padding:10px;border:1px solid #2e3c55;border-radius:9px;color:#b7c3d5;font-size:.78rem}.fundamentals-diagnostic input{accent-color:#54e5a8}.fundamentals-diagnostic p{grid-column:1/-1;margin:0!important;padding-top:5px}.fundamentals-progress{display:flex;align-items:center;gap:10px;margin-top:-16px;margin-bottom:20px}.fundamentals-progress strong{color:#5beaae;font-size:1.25rem}.fundamentals-progress span{color:#92a2b8}.advance-criterion{margin-top:11px;padding:9px 11px;border:1px solid #2d3e58;border-radius:9px}.advance-criterion summary{cursor:pointer;color:#56e8ac;font-size:.78rem;font-weight:900}.advance-criterion p{margin:7px 0!important;font-size:.82rem}.advance-criterion span{color:#788aa2;font-size:.72rem}.fundamentals-final{margin-top:18px;padding:20px;border:1px solid #3c6b59;border-radius:15px;background:linear-gradient(135deg,#0c1e1a,#0a1518)}.fundamentals-final span,.fundamentals-final strong{display:block}.fundamentals-final span{color:#5cecad;font-size:.7rem;font-weight:900;letter-spacing:.12em}.fundamentals-final strong{margin-top:7px;font-size:1.15rem}.fundamentals-final p{margin-bottom:0!important}@media(max-width:980px){.fundamentals-diagnostic{grid-template-columns:1fr 1fr}.fundamentals-diagnostic>div{grid-column:1/-1}}@media(max-width:560px){.fundamentals-diagnostic{grid-template-columns:1fr}}
.improv-complete-trail{margin-top:22px;border-color:#4c4eb0;background:linear-gradient(145deg,#11182b,#0c0b18)}.improv-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.improv-pillars article{padding:15px;border:1px solid #344363;border-radius:12px;background:#0a1120}.improv-pillars span,.improv-pillars strong,.improv-pillars small{display:block}.improv-pillars span{color:#3ee5f2;font-size:.68rem;font-weight:900;letter-spacing:.12em}.improv-pillars strong{margin:5px 0;font-size:1.05rem}.improv-pillars small{color:#8f9eb3}.improv-diagnostic{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px;align-items:center;margin:22px 0;padding:17px;border:1px solid #384767;border-radius:14px;background:#090f1b}.improv-diagnostic>div span,.improv-diagnostic>div strong{display:block}.improv-diagnostic>div span{color:#48e7f0;font-size:.68rem;font-weight:900;letter-spacing:.1em}.improv-diagnostic>div strong{margin-top:5px}.improv-diagnostic label{padding:10px;border:1px solid #31405b;border-radius:9px;color:#bac6d8;font-size:.78rem}.improv-diagnostic input{accent-color:#57eeb0}.improv-diagnostic p{grid-column:1/-1;margin:0!important;padding-top:5px}.improv-progress{display:flex;align-items:center;gap:10px;margin-top:-16px;margin-bottom:20px}.improv-progress strong{color:#5beaae;font-size:1.25rem}.improv-progress span{color:#92a2b8}.improv-final{margin-top:18px;padding:20px;border:1px solid #4b5790;border-radius:15px;background:linear-gradient(135deg,#111b32,#111021)}.improv-final span,.improv-final strong{display:block}.improv-final span{color:#48e6f1;font-size:.7rem;font-weight:900;letter-spacing:.12em}.improv-final strong{margin-top:7px;font-size:1.15rem}.improv-final p{margin-bottom:0!important}@media(max-width:980px){.improv-pillars{grid-template-columns:1fr 1fr}.improv-diagnostic{grid-template-columns:1fr 1fr}.improv-diagnostic>div{grid-column:1/-1}}@media(max-width:560px){.improv-pillars,.improv-diagnostic{grid-template-columns:1fr}}
.tonality-trail{margin-top:22px;border-color:#4c74b4;background:radial-gradient(circle at 92% 6%,#1d456e 0,transparent 29%),linear-gradient(145deg,#0b1b2d,#090e1b)}.tonality-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.tonality-map article{padding:15px;border:1px solid #315174;border-radius:12px;background:#091726}.tonality-map span,.tonality-map strong,.tonality-map small{display:block}.tonality-map span{color:#68e9ff;font-size:.68rem;font-weight:900;letter-spacing:.12em}.tonality-map strong{margin:5px 0;font-size:1.06rem}.tonality-map small{color:#9aafc5}.tonality-macete{display:grid;grid-template-columns:150px 1fr;gap:14px;margin:18px 0;padding:17px;border-left:3px solid #61ddff;background:#0b2532;color:#b9d5df;line-height:1.55}.tonality-macete strong{color:#77ecff}.tonality-quiz{margin-top:18px;padding:20px;border:1px solid #40577b;border-radius:15px;background:#0a1320}.tonality-quiz>span{color:#76e7fa;font-size:.7rem;font-weight:900;letter-spacing:.12em}.tonality-quiz h3{margin:7px 0}.tonality-quiz p{color:#adbbcf;line-height:1.55}.tonality-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.tonality-options button{padding:12px;border:1px solid #334967;border-radius:10px;background:#101d2d;color:#dce8f7;font-weight:800;cursor:pointer}.tonality-options button:hover{border-color:#75e8fa}.tonality-options button.correct{border-color:#54e6a5;background:#0b2b22;color:#8ff4c3}.tonality-options button.wrong{border-color:#ee7777;background:#30171b;color:#ffb3b3}.tonality-answer{min-height:24px;margin:12px 0 0;color:#94a9c1;line-height:1.5}.tonality-answer.correct{color:#75efbd}.tonality-answer.wrong{color:#ffb3b3}@media(max-width:980px){.tonality-map{grid-template-columns:1fr 1fr}}@media(max-width:650px){.tonality-map,.tonality-options{grid-template-columns:1fr}.tonality-macete{grid-template-columns:1fr}}
.triad-arrangement-trail{margin-top:22px;border-color:#ba8f45;background:radial-gradient(circle at 90% 5%,#58361d 0,transparent 30%),linear-gradient(145deg,#20170d,#0b111b)}.triad-arrangement-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.triad-arrangement-map article{padding:15px;border:1px solid #674e2e;border-radius:12px;background:#17130e}.triad-arrangement-map span,.triad-arrangement-map strong,.triad-arrangement-map small{display:block}.triad-arrangement-map span{color:#ffd476;font-size:.68rem;font-weight:900;letter-spacing:.12em}.triad-arrangement-map strong{margin:5px 0;font-size:1.06rem}.triad-arrangement-map small{color:#c1ad8a}.arrangement-workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin:18px 0;padding:20px;border:1px solid #725838;border-radius:15px;background:#100f0c}.arrangement-workspace h3{margin:6px 0}.arrangement-workspace p{margin:0;color:#bfaf98;line-height:1.55}.arrangement-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arrangement-fields label{display:grid;gap:6px;color:#c7b79c;font-size:.8rem;font-weight:850}.arrangement-fields input,.arrangement-fields select{min-height:41px;padding:8px;border:1px solid #65523a;border-radius:9px;background:#0a1018;color:#eef5ff}.arrangement-fields label:first-child{grid-column:1/-1}.arrangement-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px;border:1px solid #4a725f;border-radius:11px;background:#0c1d18}.arrangement-choice span{color:#7ce7b6;font-weight:900}.arrangement-choice small{color:#b4cdbf}.arrangement-project{margin-top:18px;padding:20px;border:1px solid #a67a35;border-radius:15px;background:#241a0e}.arrangement-project span{color:#ffd876;font-size:.7rem;font-weight:900;letter-spacing:.12em}.arrangement-project h3{margin:6px 0}.arrangement-project p{margin:0;color:#d1c1a8;line-height:1.55}.arrangement-project ul{margin:14px 0;padding-left:20px;color:#e2d3ba;line-height:1.7}@media(max-width:980px){.triad-arrangement-map{grid-template-columns:1fr 1fr}.arrangement-workspace{grid-template-columns:1fr}}@media(max-width:650px){.triad-arrangement-map,.arrangement-fields{grid-template-columns:1fr}.arrangement-choice{align-items:flex-start;flex-direction:column}}