:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#17221e;background:#f4f0e7;font-size:16px;line-height:1.65}
*{box-sizing:border-box}body{margin:0}a{color:#21634e;text-underline-offset:4px}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b96217;outline-offset:4px}button{border:1px solid #cfcfc4;border-radius:10px;padding:12px 16px;background:#fff;color:#17221e;font-weight:650;min-height:48px}.primary{background:#28705a;color:#fff;border-color:#28705a}.primary[aria-pressed=true]{background:#e5f1ea;color:#1a513b}.plan-shell{width:min(1130px,calc(100% - 32px));margin:28px auto 40px}.back-link{font-size:.94rem}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.3;letter-spacing:-.04em;margin:0}h2{font-size:1.4rem;line-height:1.45;margin:0 0 12px}h3{font-size:1.18rem;line-height:1.5;margin:0}h4{font-size:1rem;margin:0 0 6px}p{margin:0 0 14px}.eyebrow{font-size:.88rem;font-weight:750;letter-spacing:.07em;color:#28705a;margin-bottom:8px}.schedule{flex-shrink:0;padding:10px 14px;border:1px solid #cbcfc3;border-radius:9px;font-weight:650;font-size:.9rem}.intro{margin:14px 0;color:#52615b;max-width:760px}.muted{color:#59675f;font-size:.9rem}.compact{margin-top:8px;margin-bottom:0}.progress-row{display:flex;align-items:center;gap:16px;max-width:620px;margin:20px 0 8px}.progress-row label{white-space:nowrap;font-size:.9rem;font-weight:650}progress{width:100%;height:10px;border:0;border-radius:10px;overflow:hidden;accent-color:#28705a;background:#dcded3}progress::-webkit-progress-bar{background:#dcded3;border-radius:10px}progress::-webkit-progress-value{background:#28705a;border-radius:10px}.plan-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;margin-top:26px}.week-panel{align-self:start;position:sticky;top:20px}.week-panel h2{font-size:1rem}.week-panel nav{display:grid;gap:7px;margin-bottom:16px}.week-choice{display:grid;grid-template-columns:32px 1fr;gap:0 9px;text-align:left;background:transparent;border-color:transparent;padding:11px;min-width:0}.week-choice .week-index{grid-row:1/3;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#28705a}.week-choice strong{font-size:.93rem;line-height:1.5}.week-choice small{font-size:.88rem;font-weight:400;color:#59675f}.week-choice[aria-current=step]{background:#e4eee7;border-color:#97b7a4}.week-choice[aria-current=step] strong{color:#164a35}.workbench{min-width:0}.card{background:rgba(255,255,255,.88);border:1px solid #ded8cc;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 6px 20px #322b1e08}.week-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}.week-heading .eyebrow{margin:0}.badge{font-size:.88rem;color:#59675f}.day-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 24px}.day-nav button{background:#f8f8f3;font-size:.93rem;padding:10px 6px}.day-nav button[aria-pressed=true]{background:#28705a;color:white;border-color:#28705a}.lesson-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.lesson-heading span{color:#59675f;font-size:.88rem;white-space:nowrap}.tempo{background:#f5f5ec;border-radius:8px;padding:12px 14px;font-size:.93rem;margin-top:14px}.tempo b{display:block;color:#52615b;font-size:.88rem}.routine{list-style:none;padding:0;margin:20px 0}.routine li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:17px 0;border-top:1px solid #e5e7df}.routine p{margin:0}.minutes{color:#28705a;font-weight:750;font-size:1.45rem;line-height:1.2;padding-top:3px}.minutes small{font-size:.88rem;font-weight:500;display:block;margin-top:6px}.pattern-box{background:#f3f6f1;border:1px solid #d7dfd2;padding:16px;border-radius:12px}.pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}.pattern-grid.eight{grid-template-columns:repeat(8,minmax(0,1fr))}.pattern-cell{background:white;border:1px solid #dbe2d7;border-radius:8px;text-align:center;display:flex;flex-direction:column;padding:10px 3px;min-width:0}.pattern-cell strong{font-size:1.1rem;color:#28705a}.pattern-cell span{font-size:.88rem;white-space:nowrap}.pattern-box p{font-size:.94rem}.pattern-box p:last-child{margin:0}.pass-box{border-left:3px solid #b07828;padding:4px 0 4px 15px;margin:24px 0}.pass-box p:last-child{margin:0}.notes-label{display:block;font-weight:650;margin-bottom:8px}textarea{width:100%;resize:vertical;border:1px solid #b8c2b8;border-radius:10px;padding:12px;color:inherit;background:#fff;min-height:100px}.session-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-links a{border:1px solid #d7dfd2;border-radius:10px;padding:16px;text-decoration:none;display:flex;flex-direction:column;gap:6px}.tool-links a:hover{background:#f3f6f1}.tool-links span{font-size:.9rem;color:#59675f}.reference-note summary{cursor:pointer;font-weight:650}.reference-note p:first-of-type{margin-top:16px}.reference-note p:last-child{margin-bottom:0}footer{color:#59675f;font-size:.88rem;max-width:750px;margin-left:auto}.skip-link{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:3}.skip-link:focus{top:10px}[tabindex="-1"]:focus{outline:none}
@media(max-width:850px){.plan-layout{grid-template-columns:1fr;gap:16px}.week-panel{position:static}.week-panel nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.week-choice{display:flex;flex-direction:column;gap:3px;padding:9px;border-color:#dddcd1}.week-choice .week-index{font-size:1rem;justify-content:start}.week-choice small{font-size:.88rem}.week-panel>p{margin-bottom:0}.heading-row{align-items:start;flex-direction:column;gap:12px}.schedule{padding:6px 10px}.card{padding:20px}footer{margin-left:0}}
@media(max-width:520px){.plan-shell{width:calc(100% - 24px);margin-top:16px}.week-panel nav{grid-template-columns:repeat(2,minmax(0,1fr))}.week-choice{display:grid;grid-template-columns:25px 1fr}.week-choice .week-index{grid-row:1/3}.week-choice strong{font-size:.88rem}.week-choice small{grid-column:2}.card{padding:16px}.week-heading{display:block}.badge{display:block;margin:3px 0 8px}.lesson-heading{align-items:start;flex-direction:column;gap:4px}.routine li{grid-template-columns:40px minmax(0,1fr);gap:10px}.pattern-grid.eight{grid-template-columns:repeat(4,minmax(0,1fr))}.session-actions{display:grid;grid-template-columns:1fr}.tool-links{grid-template-columns:1fr}.progress-row{gap:10px}.day-nav{gap:5px}.day-nav button{font-size:.88rem}.pattern-box{padding:12px}}

.practice-timer{margin-top:24px;padding:22px 24px;border:1px solid #97b7a4;border-radius:16px;background:#f1f7f3}.timer-heading,.timer-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.timer-heading{font-size:.9rem;color:#52615b;margin-bottom:12px;flex-wrap:wrap}.timer-main h2{font-size:1.1rem;margin:0}.timer-main #timer-display{font-size:clamp(2.8rem,7vw,4rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.3;color:#164a35}.timer-actions{display:flex;gap:8px;flex-wrap:wrap}.practice-timer progress{display:block;margin:12px 0}.practice-timer #timer-status{margin:12px 0;font-weight:600;min-height:1.5em}.timer-stages{display:flex;flex-wrap:wrap;gap:8px}.timer-stages button{font-size:.9rem;padding:8px 12px;background:#fff}.timer-stages button[aria-pressed=true]{background:#28705a;border-color:#28705a;color:#fff}.routine li.timed-stage{background:#edf5ef;border-radius:10px;outline:2px solid #97b7a4;outline-offset:6px}.practice-timer[data-status=done]{border-color:#b96217;background:#fff5e6}.practice-timer[data-status=done] #timer-display{color:#8a4815}.timer-actions [hidden]{display:none}
@media(max-width:650px){.practice-timer{padding:18px 16px}.timer-main{align-items:stretch;flex-direction:column;gap:10px}.timer-actions{display:grid;grid-template-columns:1fr 1fr}.timer-actions #timer-next{grid-column:1/-1}.timer-stages{display:grid;grid-template-columns:1fr 1fr}.timer-stages button{text-align:left}.timer-heading{font-size:.88rem}}

.theory-title{font-weight:700;color:#21634e}.chord-map{margin-top:14px;border:1px solid #cbd8ce;border-radius:10px;padding:12px;background:#fff}.chord-map summary{cursor:pointer;font-weight:650}.chord-map-nav{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.chord-map-nav button{padding:8px 14px}.chord-map-nav button[aria-pressed=true]{background:#28705a;color:#fff;border-color:#28705a}.chord-map table{width:100%;border-collapse:collapse;font-size:.95rem;margin-bottom:10px}.chord-map caption{text-align:left;font-weight:650;padding:0 0 10px}.chord-map th,.chord-map td{text-align:left;padding:8px 6px;border-bottom:1px solid #e3e7df}.chord-map thead{color:#52615b}.chord-map .root-note{background:#edf5ef}.chord-map .muted{margin-bottom:0}.theory-step>div{min-width:0}@media(max-width:520px){.chord-map{padding:9px}.chord-map table{font-size:.875rem}.chord-map th,.chord-map td{padding:8px 3px}.routine li.theory-step{display:block}.theory-step>.minutes{display:block;margin-bottom:8px}}