#page-home{position:relative;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;padding:0 0 32px;min-height:calc(100svh - var(--nav-h) - 1px)}@media(min-width:1440px){#page-home{min-height:calc(100svh / 1.3 - var(--nav-h))}}.home-neck-frame{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;animation:hNeckFade 2s ease-out both}.home-neck{width:100%;height:100%;display:block}.home-neck-fade{position:absolute;inset:0;background:linear-gradient(to right,var(--bg) 30%,transparent 68%),linear-gradient(to bottom,var(--bg) 0%,transparent 18%,transparent 75%,var(--bg) 100%)}.home-neck-string{stroke:var(--str-line)}.hn-static{opacity:.18}.hn-events{opacity:.35}.hn-dot{fill:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow));transform-box:fill-box;transform-origin:center;animation:hNoteDot var(--dur, 5s) ease-in-out var(--d, 0s) infinite both}.hn-dot--dim{filter:none;animation-name:hNoteDotDim}.hn-ring{fill:none;stroke:var(--accent);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:hNoteRing var(--dur, 5s) ease-out var(--d, 0s) infinite both}.hn-ring--dim{stroke-width:.8;animation-name:hNoteRingDim}.hn-strglow{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;animation:hStrGlow var(--dur, 5s) ease-out var(--d, 0s) infinite both}.hn-label{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.1em;fill:var(--accent);text-anchor:middle;font-weight:400;filter:none;transform-box:fill-box;transform-origin:center bottom;animation:hNoteLabel var(--dur, 5s) ease-out var(--d, 0s) infinite both}.hn-label--dim{animation-name:hNoteLabelDim}@keyframes hNeckFade{0%{opacity:0}to{opacity:1}}@keyframes hFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes hNoteDot{0%{transform:scale(.5);opacity:0}12%{transform:scale(1);opacity:.6}78%{transform:scale(1);opacity:.45}94%{transform:scale(.7);opacity:0}to{transform:scale(.5);opacity:0}}@keyframes hNoteDotDim{0%{transform:scale(.5);opacity:0}14%{transform:scale(1);opacity:.3}78%{transform:scale(1);opacity:.2}94%{transform:scale(.7);opacity:0}to{transform:scale(.5);opacity:0}}@keyframes hNoteRing{0%{transform:scale(.9);stroke-opacity:.4}35%{transform:scale(2.2);stroke-opacity:.1}50%{transform:scale(2.8);stroke-opacity:0}to{transform:scale(2.8);stroke-opacity:0}}@keyframes hNoteRingDim{0%{transform:scale(.9);stroke-opacity:.25}32%{transform:scale(2);stroke-opacity:.06}46%{transform:scale(2.5);stroke-opacity:0}to{transform:scale(2.5);stroke-opacity:0}}@keyframes hStrGlow{0%{stroke-opacity:0}8%{stroke-opacity:.3}30%{stroke-opacity:.1}50%{stroke-opacity:0}to{stroke-opacity:0}}@keyframes hNoteLabel{0%{opacity:0;transform:translateY(3px)}12%{opacity:.55;transform:translateY(0)}75%{opacity:.4;transform:translateY(-10px)}92%{opacity:0;transform:translateY(-14px)}to{opacity:0;transform:translateY(3px)}}@keyframes hNoteLabelDim{0%{opacity:0;transform:translateY(3px)}14%{opacity:.3;transform:translateY(0)}75%{opacity:.2;transform:translateY(-8px)}92%{opacity:0;transform:translateY(-11px)}to{opacity:0;transform:translateY(3px)}}.home-landing-hero{position:relative;z-index:1;overflow:hidden;padding:48px var(--pg-pad) 40px;animation:hFadeUp .55s ease-out .08s both}.home-landing-eyebrow,.home-landing-headline,.home-landing-copy{position:relative;z-index:1}.home-landing-eyebrow{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.36em;text-transform:uppercase;color:var(--accent);margin-bottom:22px;display:flex;align-items:center;gap:10px}.home-landing-eyebrow:before{content:"";display:block;width:20px;height:1px;background:var(--accent);flex-shrink:0}.home-landing-headline{font-family:Cormorant Garamond,serif;font-size:clamp(50px,15vw,76px);font-weight:300;line-height:.88;letter-spacing:-.03em;color:var(--text);margin-bottom:24px}.home-landing-headline em{font-style:italic;color:var(--accent)}.home-landing-copy{font-family:Cormorant Garamond,serif;font-size:clamp(14px,4vw,16px);font-weight:300;line-height:1.74;color:var(--text-mid);max-width:34ch;letter-spacing:.008em}.home-features{position:relative;z-index:1;margin-top:30px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;animation:hFadeUp .55s ease-out .22s both}.home-features::-webkit-scrollbar{display:none}.home-feature{display:flex;flex-direction:column;gap:3px;padding:16px 20px;flex-shrink:0;min-width:108px;border-right:1px solid var(--border)}.home-feature:last-child{border-right:none}.home-feature-glyph{font-size:17px;color:var(--accent);line-height:1;margin-bottom:8px}.home-feature-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--text)}.home-feature-desc{font-family:DM Mono,monospace;font-size:7.5px;color:var(--text-dim);line-height:1.5;letter-spacing:.02em;margin-top:2px}.home-ob-section{position:relative;z-index:1;padding:0 var(--pg-pad);margin-top:30px;animation:hFadeUp .55s ease-out .38s both}.home-ob-header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.home-ob-step-label{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.1em;white-space:nowrap;flex-shrink:0}.home-ob-progress-bar{flex:1;height:1px;background:var(--border);overflow:hidden}.home-ob-progress-fill{height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transition:width .45s cubic-bezier(.4,0,.2,1)}.home-ob-question{font-family:Cormorant Garamond,serif;font-size:21px;font-weight:400;color:var(--text);margin-bottom:18px;line-height:1.3}.ob-step{display:none}.ob-step.active{display:block}.ob-choices{display:flex;flex-direction:column;gap:8px}.ob-choice{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:2px;cursor:pointer;text-align:left;transition:border-color .14s,background .14s,transform .12s}.ob-choice:hover{border-color:var(--border-bright);background:var(--bg)}.ob-choice.selected{border-color:var(--accent);background:var(--accent-dim);transform:translate(3px)}.ob-choice-icon{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-bright);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:12px;color:var(--text-dim);flex-shrink:0;transition:border-color .14s,color .14s,background .14s}.ob-choice.selected .ob-choice-icon{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.ob-choice-body{flex:1}.ob-choice-title{font-size:13.5px;color:var(--text);display:block;margin-bottom:3px}.ob-choice.selected .ob-choice-title{color:var(--accent)}.ob-choice-hint{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase}.home-ob-launch-card{padding:22px 18px;margin-bottom:18px;border:1px solid var(--border-bright);border-left:2px solid var(--accent);border-radius:2px;background:var(--surface)}.home-ob-launch-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;color:var(--text);margin-bottom:10px}.home-ob-launch-body{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.03em;line-height:1.88}.home-cta-primary{display:inline-flex;align-items:center;gap:16px;width:auto;padding:15px 24px;background:var(--accent);color:#09090a;border:none;border-radius:2px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:opacity .18s,transform .12s}.home-cta-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);background-size:200% 100%;animation:hShimmer 2.4s ease-in-out 1.8s 1}.home-cta-arrow{font-size:16px;letter-spacing:0;font-weight:300;transition:transform .2s}.home-cta-primary:hover{opacity:.88}.home-cta-primary:hover .home-cta-arrow{transform:translate(5px)}.home-cta-primary:active{transform:scale(.985)}.home-cta-hero{position:relative;z-index:1;margin-top:20px;padding:14px 28px;min-width:200px;transition:opacity .15s,transform .15s,box-shadow .15s}.home-cta-hero:hover{opacity:1;box-shadow:0 0 22px var(--accent-glow),0 2px 8px var(--accent-glow)}.home-cta-hero:active{transform:scale(.98)}.home-cta-hero:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px var(--accent-glow)}@media(prefers-reduced-motion:reduce){.home-cta-hero{transition:none}}.home-cta-train{align-items:center;padding:16px 22px;width:100%;display:flex;justify-content:space-between}.home-cta-train-body{display:flex;flex-direction:column;gap:4px;text-align:left}.home-cta-label{font-size:10px;letter-spacing:.26em;line-height:1}.home-cta-sub{font-size:7px;letter-spacing:.12em;text-transform:uppercase;opacity:.62;font-weight:400;line-height:1}.home-dash-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px var(--pg-pad) 0;animation:hFadeUp .4s ease-out .08s both}.home-brand-mark{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim)}.home-dash-date{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.04em}.home-dash-hero{position:relative;z-index:1;overflow:hidden;padding:20px var(--pg-pad) 24px;animation:hFadeUp .48s ease-out .2s both;border-bottom:1px solid var(--border)}.home-dash-eyebrow,.home-dash-headline,.home-dash-subline{position:relative;z-index:1}.home-dash-eyebrow{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:11px;display:flex;align-items:center;gap:8px}.home-dash-eyebrow:before{content:"";display:block;width:16px;height:1px;background:var(--accent);flex-shrink:0}.home-dash-headline{font-family:Cormorant Garamond,serif;font-size:clamp(42px,12.5vw,62px);font-weight:300;line-height:.91;letter-spacing:-.025em;color:var(--text);margin-bottom:12px}.home-dash-headline em{font-style:italic;color:var(--accent)}.home-dash-subline{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.04em;color:var(--text-dim);line-height:1.65;margin-bottom:18px;max-width:38ch}.home-dash-mastery{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:16px}.home-dash-mastery-track{flex:1;height:1.5px;background:var(--border-bright);border-radius:1px;overflow:hidden}.home-dash-mastery-fill{height:100%;background:var(--accent);border-radius:1px;box-shadow:0 0 8px var(--accent-glow);transition:width .9s cubic-bezier(.4,0,.2,1) .5s}.home-dash-mastery-pct{font-family:DM Mono,monospace;font-size:8px;color:var(--accent);letter-spacing:.04em;flex-shrink:0;opacity:.85}.home-stats-trio{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0;animation:hFadeUp .48s ease-out .32s both}.home-stat{padding:16px 0;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.home-stat:last-child{border-right:none}.home-stat-val{display:block;font-family:DM Mono,monospace;font-size:24px;font-weight:400;color:var(--accent);line-height:1;letter-spacing:-.02em}.home-stat-lbl{display:block;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:6px}.home-stat-sub{display:block;font-family:DM Mono,monospace;font-size:6.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-top:2px;opacity:.6}.home-interpretation{padding:11px var(--pg-pad) 0;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.05em;color:var(--text-dim);line-height:1.7;opacity:.78;animation:hFadeUp .48s ease-out .42s both}.home-interpretation:before{content:"↳ ";opacity:.35;letter-spacing:0}.home-milestone-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px;padding:10px var(--pg-pad) 0;animation:hFadeUp .48s ease-out .58s both;opacity:.6}.home-milestone-text{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.06em;color:var(--text-dim);line-height:1.6}.home-sparkline-section{position:relative;z-index:1;padding:0 var(--pg-pad);margin-top:18px;animation:hFadeUp .48s ease-out .52s both}.home-sparkline-label{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.home-sparkline{width:100%;height:32px;display:block;overflow:visible}.home-tool-grid{position:relative;z-index:1;padding:0 var(--pg-pad);margin-top:30px;animation:hFadeUp .48s ease-out .68s both;opacity:.72;transition:opacity .2s}.home-tool-grid:hover{opacity:1}.home-tool-section-label{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;padding-top:18px;border-top:1px solid var(--border);opacity:.7}.home-tool-cards{display:grid;grid-template-columns:1fr 1fr;gap:5px}.home-tool-card{padding:13px 14px;text-align:left;background:transparent;border:1px solid var(--border);border-radius:2px;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.home-tool-card:hover{border-color:var(--border-bright);background:var(--surface)}.home-tool-card--upgrade{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.home-tool-card--upgrade:hover{border-color:var(--accent);background:var(--accent-dim)}.home-tool-card--upgrade .home-tool-card-desc{color:var(--accent);opacity:.7}.home-tool-card-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid)}.home-tool-card-desc{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.04em;color:var(--text-dim);line-height:1.5;opacity:.8}.home-tool-card-arrow{color:var(--accent);font-size:13px;font-weight:300}.ob-progress-label{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.1em;white-space:nowrap;flex-shrink:0}#page-practice{display:flex;flex-direction:column;padding:20px var(--pg-pad) 80px}#page-practice.session-active{padding-bottom:80px}.pr-opt-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border)}.pr-opt-row:last-of-type{border-bottom:none}.pr-opt-label{font-size:10px;letter-spacing:.07em;color:var(--text-dim)}.pr-opt-label--mic,.pr-opt-label--ramp{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--accent);cursor:pointer}.pr-opt-label--mic:hover,.pr-opt-label--ramp:hover{opacity:.8}.pr-feat-icon{width:11px;height:13px;flex-shrink:0}.pr-record-val{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:var(--accent);letter-spacing:.05em;min-height:28px}.pr-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pr-pass-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.pr-focus-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;color:var(--text-dim);opacity:.45;transition:opacity .15s,border-color .15s,color .15s}.pr-focus-btn:hover{opacity:1;border-color:var(--border-bright);color:var(--text)}.pr-focus-btn.active{opacity:.7;color:var(--accent);border-color:var(--accent-dim)}.pr-focus-btn svg{width:13px;height:13px}.pr-session-header{display:flex;align-items:center;gap:10px;padding:7px 0 9px;border-bottom:1px solid var(--border);margin-bottom:14px;min-height:30px;overflow:hidden}.pr-session-mode{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);flex-shrink:0;display:flex;align-items:center;gap:10px}.pr-session-mode:after{content:"·";color:var(--border-bright);font-size:10px;letter-spacing:0}.pr-session-info{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.08em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pr-progress-row{display:flex;flex-wrap:wrap;gap:5px;min-height:12px;margin-bottom:16px}.pr-pdot{width:6px;height:6px;border-radius:50%;border:1px solid var(--border-bright);background:transparent;transition:background .08s,border-color .08s}.pr-pdot.done{background:var(--accent-dim);border-color:var(--accent)}.pr-pdot.current{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.pr-note-display{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 14px;border-bottom:1px solid var(--border);margin-bottom:16px}.pr-note-display--hidden{visibility:hidden;pointer-events:none}.pr-note-name{font-family:Cormorant Garamond,serif;font-size:clamp(56px,14vw,88px);font-weight:300;line-height:1;color:var(--text);letter-spacing:-.01em;transition:color .1s}.pr-note-name.pr-root{color:var(--accent)}.pr-note-meta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);min-height:14px;text-align:center}.pr-start-row{display:flex;justify-content:center;margin-top:20px}.pr-start-col{display:flex;flex-direction:column;align-items:center;gap:0}.pr-hint-text{margin-top:10px;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.06em;color:var(--text-dim);text-align:center;line-height:1.7;animation:hFadeUp .3s ease-out both}.pr-mode-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;margin-top:4px}.pr-mode-header-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.pr-mode-header:after{content:"";flex:1;height:1px;background:var(--border)}.pr-mode-toggle{display:flex;gap:4px;margin-bottom:14px}.pr-mode-btn{flex:1;padding:8px 0 7px;font-family:DM Mono,monospace;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);cursor:pointer;border-radius:2px;transition:all .15s;touch-action:manipulation;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;gap:3px}.pr-mode-btn-title{font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:block;color:inherit}.pr-mode-btn-sub{font-size:7px;letter-spacing:.06em;text-transform:uppercase;display:block;opacity:.55;color:inherit}.pr-mode-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.quiz-prompt{text-align:center;padding:14px 0 10px;border-bottom:1px solid var(--border);margin-bottom:12px;position:relative}.quiz-prompt-label{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.quiz-prompt-text{font-family:Cormorant Garamond,serif;font-size:clamp(30px,8vw,48px);font-weight:300;color:var(--text);letter-spacing:.02em;line-height:1.1}.quiz-prompt-text.prompt-enter{animation:promptEnter .3s ease-out both}@keyframes promptEnter{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.prompt-start-cue{animation:promptStartCue .45s ease-out forwards}@keyframes promptStartCue{0%{filter:brightness(1)}28%{filter:brightness(1.22) drop-shadow(0 0 10px var(--accent-glow))}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.prompt-start-cue{animation:none}}@keyframes feedbackPopA{0%{transform:scale(.75) translateY(4px);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes feedbackPopB{0%{transform:scale(.75) translateY(4px);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.quiz-feedback{text-align:center;min-height:20px;margin-bottom:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.quiz-feedback.correct{color:#5ab87a}.quiz-feedback.wrong{color:var(--beat1)}.quiz-feedback.feedback-pop-a{animation:feedbackPopA .22s ease-out both}.quiz-feedback.feedback-pop-b{animation:feedbackPopB .22s ease-out both}.quiz-stats-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:12px 0 4px;border-top:1px solid var(--border);margin-top:8px}.quiz-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.quiz-stat-val{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:var(--text);letter-spacing:.03em}.quiz-stat-lbl{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.quiz-streak-val{color:var(--accent)}.sr-panel{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:2px;background:var(--surface);margin-top:6px}.sr-panel-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);flex:1}.sr-due-badge{min-width:20px;height:18px;padding:0 5px;background:var(--beat1);color:#fff;font-family:DM Mono,monospace;font-size:9px;letter-spacing:0;border-radius:9px;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.sr-due-badge:empty{display:none}#prFretboard g.pr-current>circle:first-child{stroke:var(--beat1)!important;stroke-width:4;filter:drop-shadow(0 0 8px rgba(224,90,40,.8))}@keyframes wrongFade{0%{filter:drop-shadow(0 0 5px rgba(224,90,40,.9));opacity:1}35%{filter:drop-shadow(0 0 5px rgba(224,90,40,.9));opacity:1}to{filter:drop-shadow(0 0 2px rgba(224,90,40,.25));opacity:.38}}#prFretboard g.pr-wrong>circle:first-child{stroke:#e05a28!important;stroke-width:3.5;fill:#e05a2838!important;animation:wrongFade 1.4s ease-out .25s forwards;filter:drop-shadow(0 0 5px rgba(224,90,40,.9))}@keyframes correctGlow{0%{filter:brightness(1.6) drop-shadow(0 0 14px rgba(76,175,122,1))}15%{filter:brightness(1.1) drop-shadow(0 0 10px rgba(76,175,122,.75))}to{filter:brightness(1) drop-shadow(0 0 4px rgba(76,175,122,.4))}}#prFretboard g.pr-correct>circle:first-child{stroke:#4caf7a!important;stroke-width:3.5;fill:#4caf7a47!important;animation:correctGlow .65s ease-out forwards}@keyframes trailFade{0%{opacity:.45}to{opacity:0}}.pr-trail{fill:none;stroke:#4caf7a;stroke-width:1.5;animation:trailFade 1.5s ease-out forwards}@media(prefers-reduced-motion:reduce){#prFretboard g.pr-wrong>circle:first-child{animation:none}#prFretboard g.pr-correct>circle:first-child{animation:none}}.quiz-grade-row{display:flex;gap:8px;justify-content:center;padding:10px 0}.quiz-grade-btn{padding:9px 14px 7px;border-radius:4px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--surface);cursor:pointer;border:1px solid var(--border-bright);color:var(--text-dim);touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s,transform .08s;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px}.quiz-grade-btn:active{transform:scale(.96)}.quiz-grade-btn .grade-sub{font-size:7px;letter-spacing:.08em;opacity:.6;font-family:DM Mono,monospace;text-transform:uppercase;display:block}.quiz-grade-btn[data-grade="0"]{border-color:var(--beat1);color:var(--beat1)}.quiz-grade-btn[data-grade="1"]{border-color:var(--accent);color:var(--accent)}.quiz-grade-btn[data-grade="2"]{border-color:#5a9;color:#5a9}#quizCountdownOverlay{position:absolute;inset:0;background:var(--bg);z-index:20;display:none;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}#quizCountdownOverlay.active{display:flex}.quiz-countdown-num{font-family:Cormorant Garamond,serif;font-size:96px;font-weight:300;color:var(--accent);line-height:1;opacity:0;animation:cdPulse .45s ease-out forwards}.quiz-countdown-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-top:8px;opacity:0;animation:cdPulse .45s ease-out .06s forwards}@keyframes cdPulse{0%{opacity:0;transform:scale(1.25)}55%{opacity:1;transform:scale(.98)}to{opacity:.9;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.quiz-countdown-num,.quiz-countdown-label{animation:cdPulseReduced .15s ease-out forwards}@keyframes cdPulseReduced{0%{opacity:0}to{opacity:.9}}}.pr-timed-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0 10px;letter-spacing:.06em}.pr-timed-count{font-size:22px;font-family:Cormorant Garamond,serif;font-weight:300;color:var(--accent)}.pr-timed-clock{font-size:14px;font-family:DM Mono,monospace;color:var(--text-mid)}body:not(.practice-quiz-active) #prFretboard g.pr-heat-master>circle:first-child{fill:#c4903a80}body:not(.practice-quiz-active) #prFretboard g.pr-heat-good>circle:first-child{fill:#44aa6661}body:not(.practice-quiz-active) #prFretboard g.pr-heat-bad>circle:first-child{fill:#e05a2861}#sessionHUD{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:12px 14px;margin-bottom:12px}.sess-hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pr-page-desc{padding:0 0 18px;border-bottom:1px solid var(--border);margin-bottom:16px}.session-active .pr-page-desc{display:none}.pr-page-desc-eyebrow{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.pr-page-desc-copy{font-family:DM Mono,monospace;font-size:9px;line-height:1.88;letter-spacing:.025em;color:var(--text-mid);margin-bottom:10px}.pr-page-desc-link{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.08em;color:var(--accent);text-decoration:none;display:block}.pr-page-desc-link:hover{text-decoration:underline}@media(min-width:768px){#page-practice{flex-direction:row;align-items:flex-start;max-width:100%;width:100%;padding:0;gap:0;align-self:stretch}#page-practice .sc-left{flex:0 0 auto;width:300px;position:sticky;top:var(--nav-h);max-height:calc(100svh - var(--nav-h));overflow-x:hidden;overflow-y:auto;padding:16px 24px 60px;border-right:1px solid var(--border);align-self:flex-start;transition:width .32s cubic-bezier(.4,0,.2,1),padding-left .32s cubic-bezier(.4,0,.2,1),padding-right .32s cubic-bezier(.4,0,.2,1)}#page-practice .sc-left--collapsed{width:50px;padding-left:11px;padding-right:11px;overflow-y:hidden}#page-practice .sc-left::-webkit-scrollbar{width:4px}#page-practice .sc-left::-webkit-scrollbar-track{background:transparent}#page-practice .sc-left::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}#page-practice .sc-right{flex:1;min-width:0;padding:20px 32px 40px}}@media(min-width:1024px){#page-practice .sc-left:not(.sc-left--collapsed){width:320px}}@media(min-width:1440px){#page-practice .sc-left{max-height:calc(100svh / 1.3 - var(--nav-h))}}.sc-sidebar-hint{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.07em;line-height:1.65;color:var(--text-dim);opacity:.65;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--border)}.sc-section{margin-bottom:14px}.sc-label{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.sc-key-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:2px}.sc-key-btn{padding:8px 2px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:10px;cursor:pointer;border-radius:2px;transition:all .15s;text-align:center;touch-action:manipulation}.sc-key-btn:hover{border-color:var(--accent);color:var(--accent)}.sc-key-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-scale-grid{display:flex;flex-wrap:wrap;gap:4px}.sc-scale-btn{padding:5px 9px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;cursor:pointer;border-radius:2px;transition:all .15s;white-space:nowrap;touch-action:manipulation}.sc-scale-btn:hover{border-color:var(--accent);color:var(--accent)}.sc-scale-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-scale-desc{font-size:9px;letter-spacing:.05em;color:var(--text-dim);margin-top:6px;min-height:14px;line-height:1.5}.sc-pos-row{display:flex;gap:3px}.sc-pos-btn{width:30px;height:26px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;cursor:pointer;border-radius:2px;transition:all .15s;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.sc-pos-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-pos-btn:hover:not(.active){color:var(--text-mid)}.sc-pos-btn:disabled{opacity:.3;cursor:default}.sc-pos-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:5px;display:block}.sc-pos-frets{color:var(--text-muted, var(--text-dim));opacity:.75}.sc-label-hint{font-size:7px;letter-spacing:.05em;text-transform:none;color:var(--text-dim);opacity:.6;margin-left:4px}.sc-scope-row{display:flex;gap:4px}.sc-scope-btn{padding:5px 9px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;cursor:pointer;border-radius:2px;transition:all .15s;touch-action:manipulation}.sc-scope-btn:hover{border-color:var(--accent);color:var(--accent)}.sc-scope-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-slider{width:100%;margin-top:6px;display:block;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--border-bright);outline:none;cursor:pointer}.sc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.sc-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.sc-slider::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:var(--border-bright)}.sc-slider::-moz-range-track{height:3px;border-radius:2px;background:var(--border-bright)}.sc-mini-btn{padding:5px 10px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;cursor:pointer;border-radius:2px;transition:all .15s;white-space:nowrap;touch-action:manipulation}.sc-mini-btn:hover{border-color:var(--accent);color:var(--accent)}.sc-mini-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-toggle{padding:4px 9px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.06em;cursor:pointer;border-radius:2px;transition:all .15s;touch-action:manipulation;white-space:nowrap}.sc-toggle:hover{border-color:var(--accent);color:var(--accent)}.sc-toggle.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sc-btn{height:44px;padding:0 24px;border:1.5px solid var(--accent);background:var(--accent-dim);color:var(--accent);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s;touch-action:manipulation}.sc-btn:hover{background:#c4903a40}.sc-btn.active{border-color:var(--beat1);color:var(--beat1);background:#e05a281a}.sc-btn:active{transform:scale(.98)}.sc-collapse-rail{display:none}@media(min-width:768px){.sc-collapse-rail{display:flex;justify-content:flex-end;margin-bottom:10px;flex-shrink:0;min-width:28px}.sc-left--collapsed .sc-collapse-rail{justify-content:center}.sc-sidebar-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);cursor:pointer;border-radius:2px;flex-shrink:0;transition:border-color .15s,color .15s}.sc-sidebar-toggle:hover{border-color:var(--accent);color:var(--accent)}.sc-sidebar-toggle svg{display:block;transition:transform .32s cubic-bezier(.4,0,.2,1)}.sc-left--collapsed .sc-sidebar-toggle svg{transform:rotate(180deg)}#page-practice .sc-left .ss{transition:opacity .2s ease;opacity:1}#page-practice .sc-left--collapsed .ss{opacity:0;pointer-events:none}}.sc-advanced{margin-top:6px;margin-bottom:8px}.sc-advanced summary{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;padding:8px 0;list-style:none;display:flex;align-items:center;gap:6px;user-select:none;-webkit-user-select:none}.sc-advanced summary::-webkit-details-marker{display:none}.sc-advanced summary:before{content:"▸";font-size:8px}.sc-advanced[open] summary:before{content:"▾"}.sc-advanced .sc-section{margin-top:0}.sc-select{background:var(--surface);border:1px solid var(--border-bright);color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;padding:4px 8px;border-radius:2px;outline:none;cursor:pointer;transition:border-color .15s}.sc-select:focus{border-color:var(--accent)}body.focus-mode .nav-tabs{display:none}body.focus-mode .app{padding-top:0}body.focus-mode .sc-left,body.focus-mode .pr-page-desc{display:none}body.focus-mode #page-practice{padding:0;height:100svh;overflow:hidden}body.focus-mode .sc-right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 3vw;width:100%;max-width:none;gap:0}body.focus-mode #prFretboard{width:100%}body.focus-mode #prFretboard svg{display:block;width:100%;height:auto}body.focus-mode .pr-meta-row{margin-bottom:6px}body.focus-mode .pr-progress-row{margin-bottom:8px;min-height:auto}body.focus-mode .pr-note-display{padding:4px 0 8px;margin-bottom:8px}body.focus-mode .pr-session-header{margin-bottom:10px;padding:5px 0 7px}body.focus-mode .pr-start-row{margin-top:14px}body.focus-mode .pr-focus-btn{opacity:.25}body.focus-mode .pr-focus-btn:hover{opacity:.9}#sessFloatingBar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg);border-top:1px solid var(--border);padding:10px 16px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#sessFloatingBar.active{display:flex;gap:8px;align-items:center}.sfb-info{flex:1;min-width:0}.sfb-block{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfb-time{font-family:DM Mono,monospace;font-size:10px;color:var(--accent)}.sfb-end-btn{padding:9px 16px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--beat1);color:var(--beat1);background:transparent;border-radius:3px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;flex-shrink:0;transition:background .15s,color .15s}.sfb-end-btn:hover{background:var(--beat1);color:#fff}.sfb-pause-btn{padding:9px 14px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--border-bright);color:var(--text-dim);background:transparent;border-radius:3px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;flex-shrink:0;transition:border-color .15s,color .15s}.sfb-pause-btn.paused{border-color:var(--accent);color:var(--accent)}#sessPauseOverlay{display:none;position:fixed;inset:0;z-index:100;background:#000000f5;flex-direction:column;align-items:center;justify-content:center;gap:0}#sessPauseOverlay.active{display:flex}.spo-icon{font-size:32px;color:var(--text-dim);margin-bottom:24px;opacity:.4;font-family:DM Mono,monospace;letter-spacing:4px}.spo-title{font-family:Cormorant Garamond,serif;font-size:38px;font-weight:300;color:var(--text);margin-bottom:6px;letter-spacing:.04em}.spo-sub{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:40px}.spo-resume-btn{padding:14px 48px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.28em;text-transform:uppercase;border:1.5px solid var(--accent);color:var(--accent);background:transparent;border-radius:3px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .2s,color .2s;margin-bottom:16px}.spo-resume-btn:hover{background:var(--accent);color:var(--bg)}.spo-end-link{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:var(--beat1);background:none;border:none;cursor:pointer;padding:8px;opacity:.7}.pr-mode-toggle.session-locked,.pr-mode-header.session-locked{display:none}.sess-start-btn{width:100%;padding:13px 10px;margin-bottom:10px;border-radius:3px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;border:1.5px solid var(--accent);color:var(--accent);background:var(--accent-dim);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background .2s,color .2s}.sess-start-btn:hover:not(.active){background:var(--accent);color:var(--bg)}.sess-start-btn.active{background:var(--beat1-dim);border-color:var(--beat1);color:var(--beat1)}#sessionHUD{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--bg);border-top:1px solid var(--border);padding:10px 16px max(12px,env(safe-area-inset-bottom))}.sess-hud-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.sess-block-name{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.sess-hud-meta{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--text-dim);display:flex;align-items:center;gap:2px}.sess-hud-clock{width:9px;height:9px;opacity:.45;vertical-align:middle;flex-shrink:0}.sess-progress-wrap{height:3px;background:var(--border);border-radius:2px;margin-bottom:8px}.sess-progress-fill{height:100%;background:var(--accent);border-radius:2px;width:0%;transition:width 1s linear}.sess-btn-row{display:flex;gap:6px}.sess-btn{flex:1;padding:7px 0;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);cursor:pointer;border-radius:2px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.sess-btn-end{border-color:var(--beat1);color:var(--beat1)}.quiz-wrong-cue{text-align:center;font-family:DM Mono,monospace;font-size:13px;letter-spacing:.05em;color:var(--text-mid);padding:5px var(--pg-pad) 2px;opacity:1;animation:hFadeUp .35s ease-out both}.quiz-wrong-cue.quiz-area-hidden{animation:none}.quiz-continue-row{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px var(--pg-pad) 4px}.quiz-continue-btn{width:100%;padding:14px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:var(--accent);color:var(--bg);border:none;border-radius:2px;cursor:pointer;touch-action:manipulation;transition:opacity .15s}.quiz-continue-btn:active{opacity:.82}.quiz-knew-it-link{background:none;border:none;cursor:pointer;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:4px 8px;opacity:.6;touch-action:manipulation;transition:opacity .15s}.quiz-knew-it-link:hover{opacity:1}#sessionSummary{max-width:540px;margin:0 auto;padding:36px 28px 28px}.sum-eyebrow{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.sum-sub{font-family:Cormorant Garamond,serif;font-size:17px;font-weight:300;color:var(--text-dim);margin-bottom:28px}.sum-streak{color:var(--accent);font-weight:500}.sum-hero{display:flex;align-items:center;gap:28px;margin-bottom:32px}.sum-ring-wrap{flex-shrink:0}.sum-ring-svg{width:110px;height:110px}.sum-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;flex:1}.sum-stat{display:flex;flex-direction:column;gap:3px}.sum-stat-val{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--text);line-height:1}.sum-stat-lbl{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.sum-stat-accent .sum-stat-val{color:var(--accent)}.sum-blocks-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.sum-blocks{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sum-block-row{display:grid;grid-template-columns:140px 1fr 36px;align-items:center;gap:10px}.sum-block-name{font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sum-bar-track{height:4px;background:var(--border-bright);border-radius:2px;overflow:hidden}.sum-bar-fill{height:100%;border-radius:2px;transition:width .7s cubic-bezier(.4,0,.2,1)}.sum-block-pct{font-family:DM Mono,monospace;font-size:9px;text-align:right;font-weight:500}.sum-mastery-line{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--text-dim);margin-top:4px}@media(max-width:400px){.sum-hero{flex-direction:column;align-items:flex-start}.sum-block-row{grid-template-columns:110px 1fr 32px}}.quiz-tutorial-overlay{position:fixed;inset:0;z-index:200;background:#000000e0;display:flex;align-items:center;justify-content:center;padding:24px}.quiz-tutorial-card{background:var(--bg);border:1px solid var(--border-bright);border-radius:4px;padding:32px 28px;max-width:360px;width:100%;text-align:center}.quiz-tutorial-title{font-family:Cormorant Garamond,serif;font-size:26px;font-weight:300;color:var(--text);margin-bottom:22px}.quiz-tutorial-step{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;color:var(--text-mid);line-height:1.9;margin-bottom:4px;text-align:left}.quiz-tutorial-btn{margin-top:24px;padding:13px 32px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:var(--accent);color:var(--bg);border:none;border-radius:2px;cursor:pointer;width:100%;transition:opacity .15s}.quiz-tutorial-btn:hover{opacity:.88}.sess-block-header{padding:14px var(--pg-pad) 10px;border-bottom:1px solid var(--border)}.sess-block-header-name{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--text);line-height:1.1;letter-spacing:.01em}.sess-block-header-instr{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;color:var(--text-dim);margin-top:4px;text-transform:uppercase}.sess-context-strip{padding:10px var(--pg-pad) 6px;display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--border)}.sess-context-key{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300;color:var(--text)}.sess-context-pos{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;color:var(--text-dim)}.quiz-above-board{min-height:175px;display:flex;flex-direction:column}.quiz-area-hidden{visibility:hidden;pointer-events:none}.quiz-hint{text-align:center;font-family:DM Mono,monospace;font-size:13px;letter-spacing:.08em;color:var(--accent);padding:4px 0 2px;opacity:1;animation:hFadeUp .3s ease-out both}.quiz-hint.quiz-area-hidden{animation:none}@keyframes advanceSweep{0%{width:0%}to{width:100%}}.quiz-advance-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--border-bright);animation:advanceSweep linear both}.sess-milestone{padding:48px var(--pg-pad) 40px;display:flex;flex-direction:column;align-items:flex-start;animation:hFadeUp .4s ease-out both}.sess-milestone-title{font-family:Cormorant Garamond,serif;font-size:clamp(42px,11vw,58px);font-weight:300;line-height:.92;letter-spacing:-.02em;color:var(--text);margin-bottom:24px}.sess-milestone-epigraph{font-family:Cormorant Garamond,serif;font-size:clamp(18px,5vw,22px);font-weight:300;font-style:italic;color:var(--accent);letter-spacing:.01em;line-height:1.3;margin-bottom:28px}.sess-milestone-body{font-family:DM Mono,monospace;font-size:9.5px;line-height:1.85;letter-spacing:.02em;color:var(--text-mid);margin-bottom:16px;max-width:340px}.sess-milestone-actions{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:12px;margin-bottom:28px}.sess-milestone-maybe{display:inline-block;margin-top:14px;padding:4px 0;background:transparent;border:none;cursor:pointer;font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);touch-action:manipulation;transition:color .15s}.sess-milestone-maybe:hover{color:var(--text-mid)}.sess-milestone-note{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.08em;color:var(--text-dim)}.sess-milestone-restart{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.sess-milestone-restart-warning{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.04em;color:var(--text-mid);margin-bottom:10px}.sess-milestone-restart-row{display:flex;gap:20px;align-items:center}.sess-milestone-restart-btn{background:none;border:none;cursor:pointer;font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:0;touch-action:manipulation;transition:color .15s}.sess-milestone-restart-btn:hover{color:var(--text-mid)}.sess-milestone-restart-btn--do{color:var(--text-mid);text-decoration:underline;text-underline-offset:3px}.sess-milestone-restart-btn--do:hover{color:var(--text)}#page-session{display:flex;flex-direction:column;align-items:stretch;padding-bottom:32px}.sess-page-hero{padding:40px var(--pg-pad) 32px;border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out both}.sess-page-eyebrow{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.36em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:flex;align-items:center;gap:10px}.sess-page-eyebrow:before{content:"";display:block;width:18px;height:1px;background:var(--accent);flex-shrink:0}.sess-page-title{font-family:Cormorant Garamond,serif;font-size:clamp(38px,11vw,56px);font-weight:300;line-height:.92;letter-spacing:-.02em;color:var(--text);margin-bottom:18px}.sess-page-title em{font-style:italic;color:var(--accent)}.sess-page-copy{font-family:DM Mono,monospace;font-size:9px;line-height:1.7;letter-spacing:.02em;color:var(--text-dim);max-width:46ch}.sess-page-stats{display:flex;border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out both}.sess-page-stat{flex:1;padding:18px var(--pg-pad);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sess-page-stat:last-child{border-right:none}.sess-page-stat-val{font-family:Cormorant Garamond,serif;font-size:30px;font-weight:300;color:var(--text);line-height:1}.sess-page-stat-lbl{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.sess-page-stat-sub{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;opacity:.8}.sess-preview{margin:20px var(--pg-pad) 0;padding:14px 16px;border:1px solid var(--border);border-left:2px solid var(--border-bright);border-radius:2px;background:var(--surface);animation:hFadeUp .4s ease-out .18s both}.sess-preview-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px}.sess-preview-label{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim)}.sess-preview-time{font-family:DM Mono,monospace;font-size:11px;letter-spacing:-.01em;color:var(--accent)}.sess-preview-list{list-style:none;display:flex;flex-direction:column;gap:8px}.sess-preview-item{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.04em;color:var(--text-mid);line-height:1.4;display:flex;align-items:center;gap:10px}.sess-preview-item:before{content:"";display:block;flex-shrink:0;width:4px;height:4px;border-radius:50%;border:1px solid var(--border-bright)}.sess-page-launch{padding:16px var(--pg-pad) 0;animation:hFadeUp .4s ease-out .22s both}.sess-page-in-progress{margin:20px var(--pg-pad);padding:20px 18px;border:1px solid var(--beat1);border-left:3px solid var(--beat1);border-radius:2px;background:var(--beat1-dim);display:none}.sess-page-in-progress.active{display:block}.sess-page-ip-label{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.28em;text-transform:uppercase;color:var(--beat1);margin-bottom:8px}.sess-page-ip-title{font-family:Cormorant Garamond,serif;font-size:19px;font-weight:300;color:var(--text);margin-bottom:14px;line-height:1.2}.sess-page-ip-btns{display:flex;gap:8px}.sess-page-ip-btn{padding:9px 14px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;border-radius:2px;cursor:pointer;touch-action:manipulation;transition:opacity .15s}.sess-page-ip-btn:hover{opacity:.82}.sess-page-ip-btn--continue{background:var(--beat1);color:var(--bg);border:none}.sess-page-ip-btn--end{background:transparent;color:var(--text-dim);border:1px solid var(--border-bright)}.sess-unauth-sub{font-family:DM Mono,monospace;font-size:9px;line-height:1.75;letter-spacing:.02em;color:var(--text-mid);margin-top:14px;max-width:44ch}.sess-unauth-curriculum{display:flex;flex-direction:column;animation:hFadeUp .4s ease-out .1s both}.sess-unauth-section{padding:18px var(--pg-pad) 16px;border-bottom:1px solid var(--border)}.sess-unauth-section--free{border-left:2px solid var(--accent);padding-left:calc(var(--pg-pad) - 2px)}.sess-unauth-section-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sess-unauth-section-hd-body{display:flex;flex-direction:column;gap:3px}.sess-unauth-section-name{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:var(--text)}.sess-unauth-section-subtitle{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.02em;color:var(--text-dim);line-height:1.5}.sess-unauth-badge{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.18em;text-transform:uppercase;padding:3px 7px;border-radius:2px;flex-shrink:0;border:1px solid var(--border-bright);color:var(--text-dim);margin-top:1px}.sess-unauth-badge--free{border-color:var(--accent);color:var(--accent)}.sess-unauth-chapters{display:flex;flex-direction:column}.sess-unauth-chapter{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-top:1px solid var(--border)}.sess-unauth-chapters .sess-unauth-chapter:first-child{border-top:none}.sess-unauth-chapter-idx{font-family:DM Mono,monospace;font-size:8.5px;color:var(--accent);flex-shrink:0;width:14px;text-align:center}.sess-unauth-chapter--pro .sess-unauth-chapter-idx{color:var(--text-dim);opacity:.5}.sess-unauth-chapter-body{flex:1;display:flex;flex-direction:column;gap:2px}.sess-unauth-chapter-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em;color:var(--text)}.sess-unauth-chapter--pro .sess-unauth-chapter-name{color:var(--text-dim)}.sess-unauth-chapter-tag{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.01em;color:var(--text-dim);line-height:1.55}.sess-unauth-chapter-count{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.04em;color:var(--text-dim);flex-shrink:0;white-space:nowrap}.sess-unauth-pro-row{margin-top:12px}.sess-unauth-footer{padding:20px var(--pg-pad) 8px;animation:hFadeUp .4s ease-out .16s both}.sess-unauth-free-note{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.04em;color:var(--text-dim);margin-bottom:14px;line-height:1.6}.sess-chapter-hero{padding:28px var(--pg-pad) 20px;border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out .08s both}.sess-chapter-eyebrow{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:10px}.sess-chapter-eyebrow:before{content:"";display:block;width:18px;height:1px;background:var(--accent);flex-shrink:0}.sess-chapter-title{font-family:Cormorant Garamond,serif;font-size:clamp(30px,9vw,44px);font-weight:300;line-height:1;letter-spacing:-.015em;color:var(--text);margin-bottom:10px}.sess-chapter-tagline{font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.03em;color:var(--text-mid);margin-bottom:12px;line-height:1.6}.sess-chapter-why{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.02em;color:var(--text-dim);line-height:1.75;margin-bottom:0;padding-left:10px;border-left:1px solid var(--border-bright);font-style:italic}.sess-roadmap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out .12s both}.sess-roadmap-header{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);padding:14px var(--pg-pad) 10px}.sess-roadmap-body{padding:0 var(--pg-pad) 16px;display:flex;flex-direction:column;gap:18px}.sess-roadmap-section{display:flex;flex-direction:column;gap:4px}.sess-roadmap-section-title{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:4px;display:flex;align-items:center;gap:8px}.sess-roadmap-lock{font-size:7px;letter-spacing:.14em;color:var(--text-dim);background:var(--surface);border:1px solid var(--border-bright);padding:1px 5px;border-radius:2px}.sess-roadmap-chapter{display:flex;align-items:flex-start;gap:10px;padding:5px 0}.sess-roadmap-chapter-icon{font-size:9px;width:14px;text-align:center;flex-shrink:0;color:var(--text-dim);margin-top:1px}.sess-roadmap-chapter-body{flex:1;display:flex;flex-direction:column;gap:5px}.sess-roadmap-chapter-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sess-roadmap-chapter-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em;color:var(--text)}.sess-roadmap-chapter-count{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.04em;color:var(--text-dim);flex-shrink:0}.sess-roadmap-chapter-bar{height:2px;background:var(--border);border-radius:1px;overflow:hidden}.sess-roadmap-chapter-bar-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .4s ease}.sess-roadmap-chapter--complete .sess-roadmap-chapter-icon{color:var(--accent)}.sess-roadmap-chapter--complete .sess-roadmap-chapter-name{color:var(--text-dim)}.sess-roadmap-chapter--current .sess-roadmap-chapter-icon{color:var(--accent)}.sess-roadmap-chapter--current .sess-roadmap-chapter-name{color:var(--text);font-weight:500}.sess-roadmap-chapter--locked .sess-roadmap-chapter-name{color:var(--text-dim);opacity:.45}.sess-roadmap-chapter--locked .sess-roadmap-chapter-icon{opacity:.3}.sess-roadmap-pro-gate{margin-top:8px;padding:12px 14px;background:var(--surface);border:1px solid var(--border-bright);border-top:2px solid var(--accent);border-radius:2px}.sess-roadmap-pro-gate-desc{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.02em;color:var(--text-mid);line-height:1.7;margin-bottom:12px}.sess-roadmap-pro-gate-btn{padding:9px 16px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:2px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;touch-action:manipulation;transition:background .15s,color .15s;user-select:none;-webkit-user-select:none}.sess-roadmap-pro-gate-btn:hover{background:var(--accent);color:#0a0600}.sess-roadmap-pro-gate-btn:active{opacity:.82}.sum-chapter-progress{margin:16px 0 4px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:2px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;color:var(--text-mid);line-height:1.5}.sum-chapter-complete{color:var(--accent)}.sess-journey-hero{padding:40px var(--pg-pad) 28px;border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out both}.sess-journey-eyebrow{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.36em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:flex;align-items:center;gap:10px}.sess-journey-eyebrow:before{content:"";display:block;width:18px;height:1px;background:var(--accent);flex-shrink:0}.sess-journey-title{font-family:Cormorant Garamond,serif;font-size:clamp(38px,11vw,56px);font-weight:300;line-height:.92;letter-spacing:-.02em;color:var(--text);margin-bottom:16px}.sess-journey-title em{font-style:italic;color:var(--accent)}.sess-journey-sub{font-family:DM Mono,monospace;font-size:9px;line-height:1.75;letter-spacing:.02em;color:var(--text-mid);max-width:44ch}.sess-journey-path{padding:12px var(--pg-pad) 4px;animation:hFadeUp .4s ease-out .08s both}.sess-journey-section{margin-bottom:8px}.sess-journey-section--pro{opacity:.5}.sess-journey-section-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 0 8px;border-bottom:1px solid var(--border);margin-bottom:2px}.sess-journey-section-name{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim)}.sess-journey-section-badge{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.16em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid var(--border-bright);color:var(--text-dim)}.sess-journey-section-badge--free{border-color:var(--accent);color:var(--accent)}.sess-journey-chapter{display:flex;align-items:flex-start;gap:12px}.sess-journey-chapter--locked{opacity:.6}.sess-journey-chapter-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:14px;padding-top:3px}.sess-journey-chapter-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border-bright);background:transparent;flex-shrink:0;position:relative;z-index:1}.sess-journey-chapter--start .sess-journey-chapter-dot{border-color:var(--accent);box-shadow:0 0 0 3px #c4903a1f}.sess-journey-chapter-line{flex:1;width:1px;background:var(--border);min-height:12px;margin-top:2px}.sess-journey-chapter-body{flex:1;display:flex;flex-direction:column;gap:3px;padding-bottom:10px}.sess-journey-chapter-title-row{display:flex;align-items:center;gap:8px}.sess-journey-chapter-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em;color:var(--text-dim);line-height:1}.sess-journey-chapter--start .sess-journey-chapter-name{color:var(--text)}.sess-journey-start-badge{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding:2px 6px;border:1px solid var(--accent);border-radius:2px;flex-shrink:0}.sess-journey-chapter-tag{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.01em;color:var(--text-dim);line-height:1.5;opacity:.7}.sess-journey-footer{padding:16px var(--pg-pad) 12px;border-top:1px solid var(--border);animation:hFadeUp .4s ease-out .14s both}.sess-journey-free-note{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.04em;color:var(--text-dim);margin-bottom:14px;line-height:1.6}.sess-mission{padding:32px var(--pg-pad) 28px;border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out both}.sess-mission-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.sess-mission-eyebrow{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.sess-mission-eyebrow:before{content:"";display:block;width:14px;height:1px;background:var(--accent);flex-shrink:0}.sess-mission-sep{opacity:.4}.sess-mission-streak-pill{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;flex-shrink:0;padding-top:1px}.sess-mission-title{font-family:Cormorant Garamond,serif;font-size:clamp(34px,10vw,52px);font-weight:300;line-height:.95;letter-spacing:-.02em;color:var(--text);margin-bottom:12px}.sess-mission-title em{font-style:italic;color:var(--accent)}.sess-mission-tagline{font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.02em;color:var(--text-mid);line-height:1.65;margin-bottom:24px;max-width:42ch}.sess-mission-meta{display:flex;align-items:center;gap:14px;margin-bottom:24px}.sess-mission-pips{display:flex;align-items:center;gap:7px}.sess-mission-pip{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--border-bright);background:transparent;transition:background .25s,border-color .25s}.sess-mission-pip--done{background:var(--accent);border-color:var(--accent)}.sess-mission-pip--active{border-color:var(--accent);box-shadow:0 0 0 3px #c4903a24}.sess-mission-dur{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.1em;color:var(--text-dim)}.sess-mission-btn{display:inline-flex;align-items:center;gap:16px;width:auto;padding:16px 24px;background:var(--accent);color:#09090a;border:none;border-radius:2px;cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;touch-action:manipulation;transition:opacity .15s;user-select:none;-webkit-user-select:none}.sess-mission-btn:hover{opacity:.88}.sess-mission-btn:active{opacity:.78}.sess-mission--locked{border-color:var(--border)}.sess-mission-btn--unlock{background:transparent;color:var(--accent);border:1px solid var(--accent)}.sess-restart-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-dim);transition:color .15s,transform .2s}.sess-restart-btn:hover{color:var(--text-mid)}.sess-restart-btn.active{color:var(--accent);transform:rotate(-30deg)}.sess-restart-btn svg{width:12px;height:12px}.sess-restart-confirm-row{display:flex;align-items:center;gap:20px}.sess-restart-cancel{background:none;border:none;cursor:pointer;font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:0;touch-action:manipulation;transition:color .15s}.sess-restart-cancel:hover{color:var(--text-mid)}.lo-hero{padding:48px var(--pg-pad) 36px;animation:hFadeUp .5s ease-out both}.lo-hero-kicker{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.36em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.lo-hero-title{font-family:Cormorant Garamond,serif;font-size:clamp(40px,12vw,62px);font-weight:300;line-height:.92;letter-spacing:-.02em;color:var(--text);margin-bottom:18px}.lo-hero-sub{font-family:DM Mono,monospace;font-size:9px;line-height:1.8;letter-spacing:.02em;color:var(--text-mid);max-width:40ch;margin-bottom:28px}.lo-how{border-top:1px solid var(--border);animation:hFadeUp .5s ease-out .11s both}.lo-section-kicker{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);padding:14px var(--pg-pad) 10px;border-bottom:1px solid var(--border)}.lo-steps{list-style:none;margin:0;padding:0}.lo-step{display:flex;align-items:baseline;gap:18px;padding:20px var(--pg-pad);border-bottom:1px solid var(--border)}.lo-step-n{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.12em;color:var(--accent);flex-shrink:0;min-width:22px}.lo-step-body{display:flex;flex-direction:column;gap:5px}.lo-step-title{font-family:DM Mono,monospace;font-size:9.5px;letter-spacing:.06em;font-weight:500;color:var(--text);display:block}.lo-step-desc{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.02em;line-height:1.72;color:var(--text-dim)}.lo-path{border-top:1px solid var(--border);animation:hFadeUp .5s ease-out .15s both}.lo-phases{display:flex;align-items:flex-start;gap:0;padding:16px var(--pg-pad) 20px}.lo-phase{flex:1;display:flex;flex-direction:column;gap:6px}.lo-phase-name{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.lo-phase-out{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.02em;color:var(--text-mid);line-height:1.4}.lo-phase--active .lo-phase-name{color:var(--accent)}.lo-phase--active .lo-phase-out{color:var(--text)}.lo-phase-arrow{font-family:DM Mono,monospace;font-size:10px;color:var(--border-bright);flex-shrink:0;padding:13px 6px 0;align-self:flex-start}.lo-trust{border-top:1px solid var(--border);padding:18px var(--pg-pad);animation:hFadeUp .5s ease-out .19s both}.lo-trust-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.lo-trust-list li{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.04em;color:var(--text-dim);display:flex;align-items:center;gap:11px}.lo-trust-list li:before{content:"✓";color:var(--accent);flex-shrink:0;font-size:11px;line-height:1}.lo-cta-final{border-top:1px solid var(--border);padding:26px var(--pg-pad) 44px;animation:hFadeUp .5s ease-out .22s both}.sess-next-up{display:flex;align-items:flex-start;gap:14px;padding:13px var(--pg-pad) 13px;border-bottom:1px solid var(--border);animation:hFadeUp .4s ease-out .06s both}.sess-next-up-label{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;padding-top:1px}.sess-next-up-body{display:flex;flex-direction:column;gap:3px}.sess-next-up-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;color:var(--text-mid)}.sess-next-up-tag{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.02em;color:var(--text-dim);opacity:.6;line-height:1.5}.sess-path{padding:0 var(--pg-pad) 28px;animation:hFadeUp .4s ease-out .1s both}.sess-path-label{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);padding:18px 0 12px}.sess-path-section-group{margin-bottom:20px}.sess-path-section-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--border)}.sess-path-section-name{font-family:DM Mono,monospace;font-size:7.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-dim)}.sess-path-section-cond{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.04em;color:var(--text-dim);opacity:.6;text-align:right;font-style:italic}.sess-path-ch{display:flex;align-items:flex-start;gap:12px}.sess-path-ch-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:14px;padding-top:3px}.sess-path-ch-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border-bright);background:transparent;flex-shrink:0;position:relative;z-index:1;transition:background .2s,border-color .2s,box-shadow .2s}.sess-path-ch-line{flex:1;width:1px;background:var(--border);min-height:16px;margin-top:3px}.sess-path-ch-content{flex:1;padding-bottom:12px}.sess-path-ch-name{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em;color:var(--text-dim);display:block;line-height:1;padding-top:2px}.sess-path-ch-bar{height:2px;background:var(--border);border-radius:1px;overflow:hidden;margin-top:6px}.sess-path-ch-bar-fill{height:100%;background:var(--accent);border-radius:1px;transition:width .4s ease}.sess-path-ch--done .sess-path-ch-dot{background:var(--accent);border-color:var(--accent)}.sess-path-ch--done .sess-path-ch-line{background:var(--accent);opacity:.35}.sess-path-ch--done .sess-path-ch-name{opacity:.4}.sess-path-ch--active .sess-path-ch-dot{border-color:var(--accent);box-shadow:0 0 0 3px #c4903a24}.sess-path-ch--active .sess-path-ch-name{color:var(--text)}.sess-path-ch--upcoming .sess-path-ch-name{opacity:.5}.sess-path-ch--upcoming .sess-path-ch-dot{opacity:.6}.sess-path-ch--locked .sess-path-ch-dot{opacity:.25}.sess-path-ch--locked .sess-path-ch-line{opacity:.2}.sess-path-ch--locked .sess-path-ch-name{opacity:.25}.sess-path-pro-gate{margin:2px 0 8px 26px}.sess-end-confirm-backdrop{position:fixed;inset:0;z-index:200;background:#09090ab8;display:flex;align-items:center;justify-content:center;padding:20px;animation:hFadeUp .15s ease-out both}.sess-end-confirm{background:var(--surface);border:1px solid var(--border-bright);padding:28px 24px 24px;max-width:320px;width:100%}.sess-end-confirm-title{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--text);margin-bottom:10px}.sess-end-confirm-body{font-family:DM Mono,monospace;font-size:11px;line-height:1.6;color:var(--text-mid);margin:0 0 24px}.sess-end-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.sess-end-confirm-cancel{padding:10px 16px;background:transparent;border:1px solid var(--border-bright);color:var(--text-mid);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s}.sess-end-confirm-cancel:hover{border-color:var(--text-mid);color:var(--text)}.sess-end-confirm-end{padding:10px 16px;background:#c0392b22;border:1px solid #c0392b66;color:#e05a28;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}.sess-end-confirm-end:hover{background:#c0392b44;border-color:#c0392b}#page-chords{display:flex;flex-direction:column;padding:20px var(--pg-pad) 80px;width:100%;max-width:1280px;align-self:center}.cx-search{width:100%;background:var(--surface);border:1px solid var(--border-bright);color:var(--text);font-family:DM Mono,monospace;font-size:13px;padding:10px 14px;border-radius:2px;outline:none;letter-spacing:.04em;transition:border-color .15s;min-width:0}.cx-search:focus{border-color:var(--accent)}.cx-search::placeholder{color:var(--text-dim);font-size:11px;letter-spacing:.03em}.cx-root-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.cx-root-btn{padding:7px 0;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em;cursor:pointer;border-radius:2px;transition:all .15s;text-align:center;touch-action:manipulation}.cx-root-btn:hover{border-color:var(--accent);color:var(--accent)}.cx-root-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.cx-status{display:flex;align-items:baseline;gap:8px;min-height:20px;padding:2px 0}.cx-status-name{font-family:DM Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.08em}.cx-status-err{font-family:DM Mono,monospace;font-size:10px;color:var(--beat1);letter-spacing:.05em}.cx-status-clear{background:none;border:none;padding:0;cursor:pointer;font-family:DM Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.08em;opacity:.6}.cx-status-clear:hover{opacity:1;color:var(--accent)}.cx-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chord-card{border:1px solid var(--border-bright);border-radius:3px;background:var(--surface);padding:10px 8px 8px;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:5px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.chord-card:hover{border-color:var(--accent);background:var(--accent-dim)}.chord-card-diagram{width:100%}.chord-card-diagram svg{width:100%;height:auto;display:block}.chord-card-name{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--text);text-align:center}.chord-card-shape{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:center}@media(min-width:480px){.cx-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px){.cx-cards-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px){#page-chords{padding:36px var(--pg-pad) 80px}.cx-cards-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1024px){.cx-cards-grid{grid-template-columns:repeat(8,1fr)}}@media(min-width:1280px){.cx-cards-grid{grid-template-columns:repeat(10,1fr)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090A;--surface: #0F0F10;--border: #1C1C1E;--border-bright: #2A2A2E;--text: #E4DDD0;--text-dim: #5A5550;--text-mid: #9A948A;--accent: #C4903A;--accent-dim: rgba(196,144,58,.15);--accent-glow: rgba(196,144,58,.35);--beat1: #E05A28;--beat1-dim: rgba(224,90,40,.2);--swing: .5s;--pg-pad: 24px;--nav-h: 50px;--bob-bg: radial-gradient(circle at 35% 35%, #3A2A10, #1A1208);--fret-inlay: #252528;--fret-bar: #2C2C30;--str-line: #2A2A2E;--str-label: #484440;--note-hole: #18181A}@media(prefers-color-scheme:light){:root:not(.dark){--bg: #F5EFE4;--surface: #EDE5D8;--border: #D8CEBC;--border-bright: #C4B8A4;--text: #1C1208;--text-dim: #9A8E7E;--text-mid: #5A4E3E;--accent: #9E6E20;--accent-dim: rgba(158,110,32,.12);--accent-glow: rgba(158,110,32,.28);--beat1: #C43818;--beat1-dim: rgba(196,56,24,.15);--bob-bg: radial-gradient(circle at 35% 35%, #C4A858, #9A7220);--fret-inlay: #C4BAA8;--fret-bar: #BEB2A0;--str-line: #BEB2A0;--str-label: #9A8E7E;--note-hole: #EDE5D8}}:root.light{--bg: #F5EFE4;--surface: #EDE5D8;--border: #D8CEBC;--border-bright: #C4B8A4;--text: #1C1208;--text-dim: #9A8E7E;--text-mid: #5A4E3E;--accent: #9E6E20;--accent-dim: rgba(158,110,32,.12);--accent-glow: rgba(158,110,32,.28);--beat1: #C43818;--beat1-dim: rgba(196,56,24,.15);--bob-bg: radial-gradient(circle at 35% 35%, #C4A858, #9A7220);--fret-inlay: #C4BAA8;--fret-bar: #BEB2A0;--str-line: #BEB2A0;--str-label: #9A8E7E;--note-hole: #EDE5D8}html{width:100%;overflow:hidden}body{width:100%;background:var(--bg);color:var(--text);font-family:DM Mono,monospace;overflow-x:hidden;overflow-y:hidden;min-height:100svh}.nav-tab,.btn-bpm,.btn-sig,.btn-tap,.btn-start,.beat-dot,.p-btn,.btn-play,.key-btn,.scale-btn,.tun-btn,.cx-clear,.pt-toggle,.bpm-display,.pendulum-arm,.pr-pdot{user-select:none;-webkit-user-select:none}.audio-banner{display:none;width:100%;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--beat1);background:var(--beat1-dim);border:1px solid rgba(224,90,40,.3);border-radius:2px;padding:6px 12px;text-align:center;margin-bottom:10px}.sound-opts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.sound-label{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border-bright);border-radius:2px;cursor:pointer;font-size:10px;color:var(--text-dim);transition:all .15s;user-select:none;-webkit-user-select:none}.sound-label:has(input:checked){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.sound-label input{display:none}.tun-confidence{font-size:10px;letter-spacing:.12em;color:var(--beat1);min-height:16px;text-align:center}.tun-a4-row{width:100%}.tun-a4-row .sl{margin-bottom:8px;display:block}body.practice-active,body.chords-active,body.home-active{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;opacity:.4;pointer-events:none;z-index:0}.app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-height:100svh;padding-top:var(--nav-h)}.nav-tabs{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg);display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 var(--pg-pad);height:var(--nav-h)}.nav-logo-btn{display:flex;align-items:center;gap:7px;border:none;background:transparent;cursor:pointer;padding:0;color:var(--text-dim);flex-shrink:0;margin-right:10px;transition:color .2s;touch-action:manipulation}.nav-logo-btn:hover{color:var(--accent)}.nav-wordmark{font-family:Cormorant Garamond,serif;font-size:15px;font-weight:300;letter-spacing:.06em;color:var(--text);white-space:nowrap;line-height:1}.nav-link-group{display:flex;align-items:center}.nav-secondary{display:none}.nav-tab{padding:0 4px;border:none;background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;white-space:nowrap;height:var(--nav-h);line-height:calc(var(--nav-h) + 3px);margin-right:20px;position:relative;transition:color .2s;touch-action:manipulation}.nav-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5px;background:transparent;transition:background .2s}.nav-tab:last-child{margin-right:0}.nav-tab:hover:not(.active){color:var(--text-mid)}.nav-tab.active{color:var(--accent)}.nav-tab.active:after{background:var(--accent)}.nav-tab--primary{color:var(--accent);opacity:.8}.nav-tab--primary.active{opacity:1}.nav-tab--upgrade{position:relative}.nav-tab-upgrade-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:4px;margin-bottom:3px;vertical-align:middle;opacity:.8}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-desktop-only{display:none!important}.theme-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;transition:color .2s,border-color .2s}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}.nav-auth-btn{height:28px;padding:0 11px;border-radius:14px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);cursor:pointer;font-size:11px;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;touch-action:manipulation;transition:color .2s,border-color .2s,background .2s}.nav-auth-btn:hover{color:var(--accent);border-color:var(--accent)}.nav-account-menu-wrapper{position:relative}.nav-avatar-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;transition:background .2s}.nav-avatar-btn:hover{background:var(--accent-glow)}.nav-account-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:300;background:var(--surface);border:1px solid var(--border-bright);border-radius:8px;padding:6px;min-width:170px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;gap:2px}.nav-account-email{display:block;padding:6px 10px 8px;font-size:11px;color:var(--text-dim);border-bottom:1px solid var(--border-bright);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account-dropdown button{width:100%;text-align:left;padding:8px 10px;border-radius:5px;border:none;background:transparent;color:var(--text);cursor:pointer;font-size:12px;transition:background .15s}.nav-account-dropdown button:hover{background:var(--border-bright)}.nav-sync-indicator{display:flex;align-items:center;color:var(--text-dim);animation:nav-spin 1s linear infinite}.nav-sync-indicator--error{color:#e05a28;animation:none}@keyframes nav-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-hamburger-wrap{position:relative}.nav-hamburger{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation;transition:color .2s,border-color .2s}.nav-hamburger:hover{color:var(--accent);border-color:var(--accent)}.nav-hamburger svg{pointer-events:none}.nav-mobile-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:300;background:var(--surface);border:1px solid var(--border-bright);border-radius:10px;padding:5px;min-width:150px;box-shadow:0 12px 32px #00000059;display:flex;flex-direction:column;gap:1px;animation:nav-menu-in .16s cubic-bezier(.34,1.3,.64,1)}@keyframes nav-menu-in{0%{opacity:0;margin-top:-4px}to{opacity:1;margin-top:0}}.nav-mobile-item{width:100%;text-align:left;padding:9px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:8px;transition:background .12s,color .12s;touch-action:manipulation}.nav-mobile-item:hover{background:var(--border-bright);color:var(--text)}.nav-mobile-item.active{color:var(--accent)}.nav-mobile-theme{color:var(--text-dim)}.nav-mobile-divider{height:1px;background:var(--border);margin:3px 0}@media(min-width:600px){.nav-secondary{display:flex;margin-left:28px}.nav-hamburger-wrap{display:none}.nav-desktop-only{display:flex!important}.nav-logo-btn{margin-right:40px}}.auth-modal-backdrop{position:fixed;inset:0;z-index:500;background:#09090ad1;display:flex;align-items:center;justify-content:center;padding:16px;animation:auth-fade-in .18s ease}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border-bright);border-radius:14px;padding:28px 28px 24px;box-shadow:0 24px 64px #0006;animation:auth-slide-up .22s cubic-bezier(.34,1.3,.64,1)}@keyframes auth-slide-up{0%{opacity:0;margin-top:14px}to{opacity:1;margin-top:0}}.auth-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.auth-modal-close:hover{color:var(--text);background:var(--border-bright)}.auth-tabs{display:flex;gap:0;margin-bottom:22px;border-bottom:1px solid var(--border-bright)}.auth-tab{flex:1;padding:0 0 10px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.auth-tab--active{color:var(--text);border-bottom-color:var(--accent)}.auth-social-group{display:flex;flex-direction:column;gap:8px}.auth-social-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-bright);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:13px;transition:background .15s,border-color .15s}.auth-social-btn:hover:not(:disabled){background:var(--border-bright)}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-social-btn span{display:flex;align-items:center;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--text-dim);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-bright)}.auth-field{margin-bottom:14px}.auth-label-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.auth-label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.auth-label-row .auth-label{margin-bottom:0}.auth-input-wrap{position:relative}.auth-input{width:100%;height:40px;padding:0 12px;background:var(--bg);border:1px solid var(--border-bright);border-radius:8px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s;appearance:none}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-dim)}.auth-input-wrap .auth-input{padding-right:56px}.auth-show-pass{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:11px;padding:4px;transition:color .15s}.auth-show-pass:hover{color:var(--text)}.auth-error{padding:10px 12px;border-radius:7px;margin-bottom:14px;background:#e05a281f;border:1px solid rgba(224,90,40,.3);color:#e05a28;font-size:12px;line-height:1.4}.auth-submit{width:100%;height:42px;margin-top:4px;border:none;border-radius:8px;background:var(--accent);color:#0a0600;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.auth-submit:hover:not(:disabled){opacity:.88}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-modal-footer{margin-top:16px;text-align:center}.auth-modal-link-btn{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px;transition:color .15s;padding:0}.auth-modal-link-btn:hover{color:var(--accent)}.auth-modal-link-btn--sm{font-size:11px}.auth-modal-check-email{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}.auth-modal-envelope{width:56px;height:56px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.auth-modal-title{font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:600;color:var(--text);margin-bottom:10px}.auth-modal-body-text{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:20px}.auth-modal-body-text strong{color:var(--text);font-weight:500}.page{width:100%;max-width:420px}.page.hidden{display:none!important}@keyframes bodyPulse{0%{opacity:1}15%{opacity:.85}to{opacity:1}}.flash-screen{animation:bodyPulse .08s ease-out}#fretboard g.fb-active>circle:first-child,#prFretboard g.fb-active>circle:first-child{stroke:#fff;stroke-width:3;opacity:1}#page-metro{display:flex;flex-direction:column;align-items:center;padding:0 var(--pg-pad);min-height:calc(100svh - var(--nav-h));justify-content:center}#page-scales{display:flex;flex-direction:column;padding:20px var(--pg-pad) 80px}.sc-left{display:flex;flex-direction:column}.sc-right{display:flex;flex-direction:column;position:relative}.session-context-strip{display:none;padding:16px var(--pg-pad) 12px}.sc-left.session-mode .session-context-strip{display:block}.sc-left.session-mode .ss{display:none}.scs-label{font-family:DM Mono,monospace;font-size:7px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.scs-key{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:var(--text);line-height:1}.scs-pos{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.1em;color:var(--text-dim);margin-top:5px}.header{width:100%;display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}.logo{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim)}.tempo-label{font-family:Cormorant Garamond,serif;font-size:13px;font-style:italic;font-weight:300;color:var(--text-dim);letter-spacing:.05em;transition:color .3s;min-width:120px;text-align:right}.beat-dots{display:flex;gap:10px;margin-bottom:28px;align-items:center}.beat-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--border-bright);background:transparent;transition:background .06s,border-color .06s,box-shadow .06s}.beat-dot.active-1{background:var(--beat1);border-color:var(--beat1);box-shadow:0 0 8px var(--beat1-dim),0 0 16px var(--beat1-dim)}.beat-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow)}.pendulum-area{width:100%;height:180px;display:flex;align-items:flex-start;justify-content:center;position:relative;margin-bottom:8px}.pendulum-area:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--border-bright);z-index:2}.pendulum-arm{position:absolute;top:3px;left:50%;transform-origin:top center;transform:translate(-50%) rotate(-28deg);transition:transform var(--swing) cubic-bezier(.37,0,.63,1);display:flex;flex-direction:column;align-items:center}.arm-line{width:1px;height:140px;background:linear-gradient(to bottom,var(--border-bright),var(--text-dim));position:relative}.arm-weight-track{position:absolute;top:30px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--accent);opacity:.6}.arm-bob{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--accent);background:var(--bob-bg);box-shadow:0 0 12px var(--accent-glow),inset 0 1px #ffffff1a;flex-shrink:0;transition:box-shadow .06s;position:relative}.arm-bob:after{content:"";position:absolute;top:4px;left:4px;width:5px;height:3px;border-radius:50%;background:#fff3}.arm-bob.flash{box-shadow:0 0 24px var(--accent-glow),0 0 48px var(--accent-dim),inset 0 1px #ffffff1a}.arm-bob.flash-1{border-color:var(--beat1);box-shadow:0 0 24px #e05a2899,0 0 48px #e05a2833,inset 0 1px #ffffff1a}.arc-svg{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:.15;pointer-events:none}.divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--border-bright),transparent);margin:16px 0 24px}.bpm-section{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:24px}.bpm-display{display:flex;align-items:baseline;gap:12px;cursor:ns-resize}.bpm-number{font-family:Cormorant Garamond,serif;font-size:clamp(72px,18vw,96px);font-weight:300;line-height:1;color:var(--text);letter-spacing:-.02em;transition:color .15s;cursor:text;outline:none;min-width:3ch;text-align:center}.bpm-number:focus{color:var(--accent)}.bpm-unit{font-size:11px;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;padding-bottom:8px}.bpm-controls{display:flex;align-items:center;gap:10px;margin-bottom:20px;width:100%}.btn-bpm{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-bright);background:var(--surface);color:var(--text-mid);font-family:DM Mono,monospace;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;touch-action:manipulation}.btn-bpm:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-bpm:active{transform:scale(.92)}.bpm-slider-wrap{flex:1;height:36px;display:flex;align-items:center;position:relative}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:transparent;cursor:pointer;outline:none;touch-action:pan-y}.bpm-slider-wrap input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0}.slider-track{position:absolute;left:0;right:0;height:2px;background:var(--border-bright);border-radius:1px;pointer-events:none}.slider-fill{position:absolute;left:0;height:2px;background:var(--accent);border-radius:1px;pointer-events:none;transition:width .1s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 8px var(--accent-glow);cursor:pointer;transition:transform .15s,box-shadow .15s}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.3);box-shadow:0 0 16px var(--accent-glow)}.time-sig-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;width:100%}.section-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.time-sig-buttons{display:flex;gap:6px}.btn-sig{padding:6px 14px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.05em;cursor:pointer;border-radius:2px;transition:all .15s;touch-action:manipulation}.btn-sig:hover,.btn-sig.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.action-row{display:flex;gap:10px;width:100%}.btn-tap{flex:0 0 auto;height:52px;padding:0 20px;border:1px solid var(--border-bright);background:var(--surface);color:var(--text-mid);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .1s;white-space:nowrap;touch-action:manipulation}.btn-tap:hover{color:var(--text);background:var(--border)}.btn-tap:active{background:var(--border-bright);transform:scale(.97)}.btn-start{flex:1;height:52px;border:1.5px solid var(--accent);background:var(--accent-dim);color:var(--accent);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s;touch-action:manipulation}.btn-start:hover{background:#c4903a40}.btn-start.playing{border-color:var(--beat1);color:var(--beat1);background:#e05a281a}.btn-start.playing:hover{background:#e05a282e}.btn-start:active{transform:scale(.98)}.btn-icon{width:10px;height:12px;flex-shrink:0}.hint{display:none;margin-top:20px;font-size:9px;letter-spacing:.2em;color:var(--text-dim);opacity:.6}.hint kbd{display:inline-block;padding:1px 5px;border:1px solid var(--border-bright);border-radius:2px;font-family:inherit;font-size:inherit}body.pt-open{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body.pt-open #page-metro{justify-content:flex-start;padding-top:32px;padding-bottom:56px}.pt-toggle-row{width:100%;margin-top:20px;display:flex;justify-content:center}.pt-toggle{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 0;transition:color .2s;touch-action:manipulation}.pt-toggle:after{content:"▸";font-size:10px;transition:transform .22s;display:inline-block}body.pt-open .pt-toggle:after{transform:rotate(90deg)}.pt-toggle:hover{color:var(--text-mid)}.pt-panel{width:100%;overflow:hidden;max-height:0;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .3s;opacity:0;pointer-events:none}body.pt-open .pt-panel{max-height:800px;opacity:1;pointer-events:auto}.pt-section{border-top:1px solid var(--border);padding:14px 0 8px}.pt-row-head{display:flex;align-items:center;justify-content:space-between}.pt-btns{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.pt-switch{position:relative;width:34px;height:20px;display:inline-block;cursor:pointer;flex-shrink:0}.pt-switch input{opacity:0;width:0;height:0;position:absolute}.pt-knob{position:absolute;inset:0;background:var(--border-bright);border-radius:10px;transition:background .2s,border-color .2s;border:1px solid transparent}.pt-knob:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:3px;top:3px;background:var(--text-dim);transition:transform .2s,background .2s}.pt-switch input:checked~.pt-knob{background:var(--accent-dim);border-color:var(--accent)}.pt-switch input:checked~.pt-knob:before{transform:translate(14px);background:var(--accent)}.pt-controls{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pt-param-row{display:flex;align-items:center;gap:10px}.pt-param-label{font-size:10px;color:var(--text-mid);letter-spacing:.04em;flex-shrink:0;min-width:118px}.pt-param-label strong{color:var(--accent);font-weight:400}input.pt-param-slider{flex:1;height:28px;touch-action:pan-y}input.pt-param-slider::-webkit-slider-runnable-track{height:2px;background:var(--border-bright);border-radius:1px}input.pt-param-slider::-moz-range-track{height:2px;background:var(--border-bright);border-radius:1px;border:none}.pt-gap-progress{margin-top:10px;height:3px;border-radius:2px;background:var(--border-bright);overflow:hidden;display:none}.pt-gap-fill{height:100%;border-radius:2px;width:100%;transition:width .06s linear,background .25s;background:var(--accent)}.pt-gap-status{margin-top:6px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);min-height:13px;transition:color .2s}.pt-gap-status.gap-play{color:var(--accent)}.pt-gap-status.gap-silent{color:var(--beat1)}.pt-ramp-info{margin-top:7px;font-size:9px;letter-spacing:.1em;color:var(--text-dim);min-height:13px}.pt-ramp-info strong{color:var(--accent);font-weight:400}.ss{margin-bottom:20px}.sl{display:block;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px}.key-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.key-btn{padding:9px 2px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:10px;cursor:pointer;border-radius:2px;transition:all .15s;text-align:center;touch-action:manipulation}.key-btn:hover{border-color:var(--accent);color:var(--accent)}.key-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.scale-grid{display:flex;flex-wrap:wrap;gap:5px}.scale-btn{padding:6px 10px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;cursor:pointer;border-radius:2px;transition:all .15s;white-space:nowrap;touch-action:manipulation}.scale-btn:hover{border-color:var(--accent);color:var(--accent)}.scale-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.scale-desc{margin-top:10px;font-family:Cormorant Garamond,serif;font-size:13px;font-style:italic;font-weight:300;color:var(--text-dim);letter-spacing:.03em;min-height:18px;line-height:1.5}.scales-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--border-bright),transparent);margin:0 0 20px}.fb-wrap{background:var(--surface);border:1px solid var(--border-bright);border-radius:3px;padding:6px 0 4px;overflow:hidden;line-height:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.fb-wrap svg{display:block;width:100%;height:auto;touch-action:manipulation}.tab-card{border:1px solid var(--border-bright);border-radius:3px;background:var(--surface);padding:16px;margin-bottom:16px}.tc-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:8px}.tc-title{display:flex;flex-direction:column;gap:4px}.sname{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300;color:var(--text);letter-spacing:.03em}.srange{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.tc-ctrl{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.pb{display:flex;gap:3px}.p-btn{width:30px;height:26px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;cursor:pointer;border-radius:2px;transition:all .15s;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.p-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.p-btn:hover:not(.active){color:var(--text-mid)}.p-info{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.btn-play{height:26px;padding:0 10px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;cursor:pointer;border-radius:2px;transition:all .15s;display:flex;align-items:center;gap:5px;touch-action:manipulation;white-space:nowrap}.btn-play:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-play.active{border-color:var(--beat1);color:var(--beat1);background:#e05a281a}.tab-display{display:flex;flex-direction:column}.td-markers,.td-row,.td-fnums{display:flex;align-items:center}.td-sname{width:14px;font-size:9px;color:var(--text-dim);text-align:center;flex-shrink:0;margin-right:8px;letter-spacing:0}.td-cell{flex:1;min-width:0;height:42px;display:flex;align-items:center;justify-content:center;position:relative}.td-row .td-cell:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--border-bright);pointer-events:none}.tn{position:relative;z-index:2;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:9px;letter-spacing:0;background:var(--surface);border:1.5px solid var(--border-bright);color:var(--text-dim);flex-shrink:0;transition:all .1s;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.tn.root{border-color:var(--accent);color:var(--bg);background:var(--accent);box-shadow:0 0 12px var(--accent-glow),0 0 0 4px var(--accent-dim)}.td-markers{height:16px;margin-bottom:2px}.dot-mark{font-size:5px;color:var(--text-dim);opacity:.5;text-align:center}.td-fnums{height:20px;margin-top:6px}.fnum{font-size:9px;color:var(--text-dim);text-align:center;letter-spacing:0}.notes-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.chip{padding:5px 11px;border:1px solid var(--border-bright);border-radius:20px;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.05em;color:var(--text-dim);background:transparent}.chip.root{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);box-shadow:0 0 6px var(--accent-glow)}.chip-iv{font-size:8px;color:var(--text-dim);letter-spacing:.05em}.tn:hover:not(.root){border-color:var(--accent);color:var(--accent)}.tn.root:hover{box-shadow:0 0 18px var(--accent-glow),0 0 0 6px var(--accent-dim)}@keyframes pluck{0%{transform:scale(1.35)}60%{transform:scale(.94)}to{transform:scale(1)}}.tn.plucked{animation:pluck .22s cubic-bezier(.2,0,.4,1)}#page-tuner{display:flex;flex-direction:column;align-items:center;padding:0 var(--pg-pad);gap:24px;min-height:calc(100svh - var(--nav-h));justify-content:center}.tun-grid{display:flex;flex-wrap:wrap;gap:5px;width:100%;margin-bottom:4px}.tun-btn{padding:6px 11px;border:1px solid var(--border-bright);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em;cursor:pointer;border-radius:2px;transition:all .15s;white-space:nowrap;touch-action:manipulation}.tun-btn:hover{border-color:var(--accent);color:var(--accent)}.tun-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.str-row{display:flex;justify-content:space-between;width:100%;gap:5px}.str-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 7px;border:1px solid var(--border-bright);border-radius:3px;background:var(--surface);transition:all .18s}.str-cell.str-active{border-color:var(--accent);background:var(--accent-dim)}.str-cell.str-tuned{border-color:#56c464;background:#56c4641a}.str-cell-name{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300;line-height:1;color:var(--text-dim);transition:color .18s}.str-cell.str-active .str-cell-name{color:var(--accent)}.str-cell.str-tuned .str-cell-name{color:#56c464}.str-cell-freq{font-size:7px;letter-spacing:.03em;color:var(--text-dim);opacity:.7}.tun-note-big{font-family:Cormorant Garamond,serif;font-size:clamp(64px,16vw,88px);font-weight:300;line-height:1;color:var(--text);letter-spacing:-.02em;min-width:3ch;text-align:center;transition:color .12s}.tun-note-big.tun-in-tune{color:#56c464}.tun-note-big.tun-close{color:var(--accent)}.tun-note-big.tun-off{color:var(--text-dim)}.tun-meter-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.tun-meter{width:100%;height:32px;position:relative;display:flex;align-items:center}.tun-meter-track{width:100%;height:2px;background:var(--border-bright);border-radius:1px;position:relative}.tun-meter-track:before{content:"";position:absolute;left:45%;width:10%;height:6px;top:-2px;background:#56c46459;border-radius:2px}.tun-needle{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:2px;height:28px;background:var(--accent);border-radius:1px;transition:left .08s ease-out,background .15s}.tun-needle.tun-in-tune{background:#56c464}.tun-meter-labels{display:flex;justify-content:space-between;width:100%;font-size:8px;letter-spacing:.06em;color:var(--text-dim)}.tun-info-line{font-size:11px;letter-spacing:.12em;color:var(--text-dim);min-height:16px;display:flex;gap:8px}@media(max-width:767px){body.pt-open{overflow-y:auto;-webkit-overflow-scrolling:touch}body.pt-open #page-metro{justify-content:flex-start;padding-top:24px}}@media(min-width:768px){:root{--pg-pad: 48px;--nav-h: 52px}.nav-tabs{max-width:100%;padding:0 var(--pg-pad);border-bottom:1px solid var(--border)}.nav-logo{display:flex}.theme-btn{width:30px;height:30px}.nav-tab{margin-right:32px;font-size:9px}.page{max-width:100%}#page-metro{max-width:640px;padding:40px 48px 80px;align-self:center;justify-content:flex-start}.hint{display:block}.pendulum-area{height:220px}.arm-line{height:174px}.arm-bob{width:26px;height:26px}.bpm-number{font-size:clamp(96px,12vw,128px)}.btn-bpm{width:42px;height:42px;font-size:20px}.btn-start,.btn-tap{height:58px}#page-scales{flex-direction:row;align-items:flex-start;max-width:100%;width:100%;padding:0;gap:0;align-self:stretch}.sc-left{flex:0 0 300px;position:sticky;top:var(--nav-h);max-height:calc(100svh - var(--nav-h));overflow-y:auto;padding:36px var(--pg-pad) 60px;border-right:1px solid var(--border);align-self:flex-start}.sc-left::-webkit-scrollbar{width:4px}.sc-left::-webkit-scrollbar-track{background:transparent}.sc-left::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.sc-right{flex:1;min-width:0;padding:36px var(--pg-pad) 40px}.scales-divider{display:none}.key-btn{padding:10px 2px;font-size:11px}.scale-btn{padding:7px 12px;font-size:10px}.scale-desc{font-size:14px;margin-top:14px}.sname{font-size:28px}.tab-card{padding:20px 24px;margin-bottom:20px}.tn{width:32px;height:32px;font-size:10px}.td-cell{height:46px}.p-btn{width:34px;height:30px;font-size:10px}.btn-play{height:30px;padding:0 14px;font-size:10px}.chip{padding:6px 14px;font-size:11px}.chip-iv{font-size:9px}#page-tuner{max-width:640px;padding:40px 48px 80px;align-self:center;justify-content:flex-start}.tun-note-big{font-size:clamp(96px,12vw,128px)}.str-cell-name{font-size:22px}}@media(min-width:1024px){.sc-left{flex:0 0 340px}}@media(min-width:1280px){.sc-left{flex:0 0 380px}}@media(min-width:1440px){body{zoom:1.3}body,.app{min-height:calc(100svh / 1.3)}#page-home,#page-metro,#page-tuner{min-height:calc(100svh / 1.3 - var(--nav-h))}.sc-left{flex:0 0 420px;max-height:calc(100svh / 1.3 - var(--nav-h))}}.paywall-backdrop{position:fixed;inset:0;z-index:200;background:#09090ac7;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:auth-fade-in .18s ease}.paywall-modal{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border-bright);border-radius:16px;padding:32px 28px 28px;box-shadow:0 24px 64px #00000080;animation:auth-slide-up .22s cubic-bezier(.34,1.3,.64,1)}.paywall-eyebrow{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.paywall-title{font-family:Cormorant Garamond,Georgia,serif;font-size:30px;font-weight:600;line-height:1.1;color:var(--text);margin-bottom:12px}.paywall-copy{font-size:13px;color:var(--text-dim);line-height:1.55;margin-bottom:18px}.paywall-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.paywall-features li{font-size:12px;color:var(--text-mid);padding-left:16px;position:relative;line-height:1.4}.paywall-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-size:11px}.paywall-continuity{font-size:11px;color:var(--text-dim);text-align:center;letter-spacing:.02em;margin-bottom:20px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.paywall-ctas{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.paywall-cta-primary{width:100%;height:46px;background:var(--accent);color:#0a0600;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.paywall-cta-primary:hover{opacity:.88}.paywall-cta-primary:active{transform:scale(.98)}.paywall-cta-secondary{width:100%;height:46px;background:transparent;color:var(--text);border:1px solid var(--border-bright);border-radius:8px;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s}.paywall-cta-secondary:hover{border-color:var(--accent);background:var(--accent-dim)}.paywall-dismiss{display:block;width:100%;padding:0;background:transparent;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;text-align:center;transition:color .15s}.paywall-dismiss:hover{color:var(--text)}.page-intent-sub{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.04em;line-height:1.7;color:var(--text-mid);margin-bottom:12px}.page-intent-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.page-intent-pill{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--border-bright);border-radius:20px;font-family:DM Mono,monospace;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.intent-tooltip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--border-bright);border-left:2px solid var(--accent);background:var(--surface);border-radius:2px;animation:hFadeUp .3s ease-out both}.intent-tooltip-text{font-family:DM Mono,monospace;font-size:8.5px;letter-spacing:.04em;color:var(--text-mid);line-height:1.5;flex:1}.intent-tooltip-dismiss{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;padding:0 2px;line-height:1;flex-shrink:0;opacity:.55;transition:opacity .15s}.intent-tooltip-dismiss:hover{opacity:1}.locked-toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.locked-toggle{display:flex;align-items:center;gap:4px;opacity:.7}.locked-toggle-icon{font-size:10px}