.landing-fretboard.vfx-enabled .landing-rig-string>i{visibility:hidden}.hero-canvas-vfx{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.vfx-enabled .landing-rig-string.string-active{animation:none}.runner-mic-control{-webkit-backdrop-filter:none;backdrop-filter:none}.arcade-game-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.arcade-game-switcher button{color:#b8c8d1;text-align:left;background:linear-gradient(145deg,#283039,#101820 52%,#273039);border:2px solid #42515c;border-radius:4px;align-items:center;gap:13px;min-height:74px;padding:12px 18px;transition:filter .18s,transform .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0a0d10,inset 0 1px #9aa5ab55,0 8px 20px #0008}.arcade-game-switcher button:before{content:"";pointer-events:none;border:1px solid #71828b55;position:absolute;inset:5px}.arcade-game-switcher button:hover{filter:brightness(1.14);transform:translateY(-2px)}.arcade-game-switcher button.active{color:#efffff;background:linear-gradient(145deg,#224557,#0e252f 58%,#233b43);border-color:#23cddd;box-shadow:inset 0 0 0 3px #071014,inset 0 1px #a8fbff55,0 0 22px #20d7e944}.arcade-game-switcher button>span{color:#77f6ff;background:#0a2f39;border:1px solid #42eafa;border-radius:3px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:inset 0 0 14px #22ddec44,0 0 10px #23dbea33}.arcade-game-switcher b,.arcade-game-switcher small{display:block}.arcade-game-switcher b{font-size:15px}.arcade-game-switcher small{color:#90a3ae;margin-top:4px;font-size:11px}.arcade-game-switcher em{color:#71ffd9;font:900 9px var(--font-mono);letter-spacing:1px;background:#0b392e;border:1px solid #49f0c8;border-radius:3px;margin-left:auto;padding:6px 9px}.chord-climber-host{min-height:720px;position:relative}.climber-loading{z-index:2;color:#8bf1ff;font:800 14px var(--font-mono);letter-spacing:.08em;background:#081019;border:1px solid #344957;place-items:center;display:grid;position:absolute;inset:0}.climber-loading.error{color:#ff8aa9}.chord-climber-frame{opacity:0;background:#06090e;border:0;width:100%;height:720px;transition:opacity .25s;display:block}.chord-climber-frame.ready{opacity:1}@media (max-width:760px){.arcade-game-switcher{grid-template-columns:1fr}.chord-climber-host{min-height:760px}.chord-climber-frame{height:760px}}.chord-climber-host{min-height:835px}.chord-climber-frame{height:835px}@media (max-width:760px){.chord-climber-host{min-height:885px}.chord-climber-frame{height:885px}}.arcade-pace-filters{background:#ffffff0a;border:1px solid #ffffff16;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:4px;width:fit-content;max-width:calc(100% - 28px);margin:0 auto 18px;padding:4px;display:flex}.arcade-pace-filters button{color:#a7b0bd;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:44px;padding:9px 15px;font-weight:700;transition:background .2s,color .2s}.arcade-pace-filters button:hover{color:#fff}.arcade-pace-filters button.active{color:#1c1917;background:#fbbf24;box-shadow:0 2px 8px #0005}.arcade-pace-filters button:focus-visible{outline-offset:2px;outline:3px solid #67e8f9}.arcade-cabinets{background:linear-gradient(#0913218c,#10172699),#573921 url(/static/images/arcade/arcade-room-v1.png) 50%/cover no-repeat;border:1px solid #8d6548;border-radius:18px;grid-template-columns:repeat(3,minmax(0,250px));place-content:center;gap:clamp(16px,2.2vw,28px);min-height:min(690px,100vh - 190px);padding:clamp(24px,4vw,52px);animation:.2s ease-out both arcade-grid-fade;display:grid;box-shadow:inset 0 0 65px #03060c9e,0 20px 45px #0008}@keyframes arcade-grid-fade{0%{opacity:0}to{opacity:1}}.arcade-cabinet{color:#fff7e7;text-align:center;cursor:pointer;background:#0a1726;border:2px solid #80d6df;border-radius:12px;flex-direction:column;min-width:0;padding:7px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 13px 23px #000a,inset 0 0 0 1px #ffffff24}:is(.arcade-cabinet:hover,.arcade-cabinet:focus-visible){border-color:#ffd27a;transform:translateY(-5px);box-shadow:0 17px 27px #000b,0 0 16px #66eaff6b}:is(.arcade-cabinet:focus-visible,.arcade-back:focus-visible){outline-offset:4px;outline:3px solid #ffc76a}.arcade-cabinet-preview{object-fit:cover;background:#193344;border-radius:6px;width:100%;height:clamp(112px,14vw,155px);display:block}.arcade-cabinet-name{place-items:center;min-height:48px;padding:7px 4px 2px;font-size:clamp(15px,1.4vw,18px);font-weight:900;line-height:1.15;display:grid}.arcade-pace-badge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:800;position:absolute;top:14px;right:14px}.arcade-pace-badge.untimed{color:#67e8f9;background:#06b6d41a;border-color:#06b6d433}.arcade-pace-badge.reflex{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}.arcade-new-banner{z-index:1;color:#17202b;font:1000 12px var(--font-mono);letter-spacing:.08em;background:#f7bd44;border:1px solid #fff1ad;border-radius:6px;padding:5px 8px;position:absolute;top:13px;left:13px;box-shadow:0 3px 12px #0009}.arcade-back{color:#ecfdff;cursor:pointer;background:#102c3b;border:1px solid #6cdae8;border-radius:9px;min-height:44px;margin:0 0 18px;padding:0 18px;font-weight:800}.arcade-back:hover{background:#18495b}.balloon-riff-frame,.chord-detective-frame,.silverweb-frame{background:#0b0f19;border:1px solid #344957;border-radius:14px;width:100%;display:block}.balloon-riff-frame{height:1050px}.chord-detective-frame{background:#141724;height:min(1000px,92vh);min-height:700px}.silverweb-frame{background:#101420;height:max(960px,100vh)}@media (max-width:900px){.arcade-cabinets{grid-template-columns:repeat(2,minmax(0,260px));min-height:0}.arcade-cabinet-preview{height:150px}}@media (max-width:600px){.arcade-cabinets{grid-template-columns:1fr;justify-items:center;padding:20px 14px}.arcade-cabinet{width:min(100%,350px)}.arcade-cabinet-preview{height:170px}.balloon-riff-frame,.chord-detective-frame{height:1160px}.silverweb-frame{height:1500px}}@media (prefers-reduced-motion:reduce){.arcade-cabinet,.arcade-pace-filters button{transition:none}.arcade-cabinets{animation:none}}.composer-chord{min-height:151px}.composer-chord .chord-name{font-size:20px}.composer-chord .chord-string-status{width:56px;margin:0 auto 4px;font-size:10px!important}.composer-chord .diagram{width:56px;height:72px}.composer-chord .diagram .dot{width:15px;height:15px;font-size:9px}.composer-chord .fret-number{font-size:8px}.composer-chord>span{margin-top:6px;display:block}.practice-guide>button{grid-template-columns:86px minmax(0,1fr) 25px;gap:9px;min-height:126px}.practice-guide .chordbox{width:86px}.practice-guide .chord-name{font-size:17px}.practice-guide .chord-string-status{width:52px;margin:0 auto 3px;font-size:9px!important}.practice-guide .diagram{width:52px;height:64px}.practice-guide .diagram .dot{width:14px;height:14px;font-size:8px}.landing-page{--landing-bg:#090b0f;--landing-panel:#11141d;--landing-panel-2:#171c28;--landing-cyan:#38bdf8;--landing-orange:#f59e0b;--landing-text:#f8fafc;--landing-muted:#94a3b8;color:#f8fafc;background:#090b0f}.landing-page :is(h1,h2,h3){letter-spacing:-.025em}.landing-page :is(.landing-hero,.landing-section,.landing-proof){max-width:1280px}.landing-page :is(){display:none}.landing-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b0fe8;border-bottom:1px solid #ffffff12;height:68px;min-height:68px}.landing-brand{letter-spacing:-.02em;font-size:13px;font-weight:650}.landing-brand img{width:38px;height:38px;box-shadow:none;filter:none;border:1px solid #ffffff21}.landing-brand b{color:#f8fafc;font-size:13px;font-weight:650}.landing-hero h1 em{-webkit-text-fill-color:#f7b545}.landing-nav-links a{color:#94a3b8;font-size:13px;font-weight:550}.landing-nav-links a:after{background:#f59e0b;bottom:19px}.landing-preview-button,.landing-rig-launch{color:#171006;white-space:nowrap;background:linear-gradient(#fbbf24,#ed9b0c);border:1px solid #fbbf24;font-weight:750;box-shadow:inset 0 1px #fff8,0 3px 12px #0003}:is(.landing-preview-button:hover,.landing-preview-button:focus-visible){transform:translateY(-1px);box-shadow:inset 0 1px #fff9,0 4px 14px #0004}.landing-secondary-button,.landing-class-cta{white-space:nowrap;background:#171c28;border-color:#ffffff2b;box-shadow:inset 0 1px #ffffff0d}.landing-hero{gap:54px;padding-top:80px;padding-bottom:44px}.landing-hero h1{letter-spacing:-.045em;overflow-wrap:normal;max-width:680px;font-size:clamp(43px,5.5vw,75px);font-weight:720;line-height:1.08}.landing-hero h1 em{color:#f7b545;font-style:normal}.landing-hero-lead{color:#aeb9ca;max-width:570px;font-size:clamp(16px,1.65vw,19px);line-height:1.65}.landing-hero-actions{gap:12px;margin-top:29px}.landing-eyebrow{font:700 12px var(--font-mono);letter-spacing:.12em}.landing-trust-row{color:#a9b5c4;font:600 11px var(--font-mono);letter-spacing:.03em;border-top:1px solid #ffffff17;gap:0;margin-top:30px}.landing-trust-row span{padding:13px 17px 0 0}.landing-trust-row span+span{border-left:1px solid #ffffff14;padding-left:17px}.landing-tone-rig{background:#11141d;border-color:#ffffff23;border-radius:12px;transform:none;box-shadow:inset 0 1px #ffffff1a,0 22px 60px #0008}.landing-tone-rig:hover{transform:none}.landing-tone-rig>header{background:#171c28}.landing-tone-rig>header b,.landing-tone-rig>header em{font-size:10px}.landing-rig-screen small{letter-spacing:.08em;font-size:10px}.landing-rig-screen output{font-size:10px}.landing-fretboard{background:repeating-linear-gradient(2deg,#ffffff03 0 2px,#0000 2px 7px),linear-gradient(90deg,#2b1b14,#190f0b 35%,#2c1a12 70%,#160f0c);border-color:#7a65554f;height:194px;box-shadow:inset 0 0 30px #000b,inset 0 1px #e8b16b26}.landing-fretboard:before{content:"";z-index:0;background:linear-gradient(90deg,#f3ead4,#9f967f);width:9px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 5px #0009}.landing-fret{background:linear-gradient(90deg,#7a7770,#e4dcc6,#6d6760);width:3px}.landing-fret:nth-of-type(2):after,.landing-fret:nth-of-type(4):after{content:"";background:#dfddd1a3;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:45%;box-shadow:inset 1px 1px 2px #fff8,0 1px 3px #0008}.landing-rig-string{width:100%;height:26px;box-shadow:none;cursor:pointer;background:0 0;border:0;padding:0;display:block;transform:translateY(-50%)}.landing-rig-string:before{content:"";height:var(--wire,2px);background:linear-gradient(#e8e8e2,#8d999f 45%,#f5f2e7 70%,#65686b);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px 2px #000b}.landing-rig-string.wound:before{background:repeating-linear-gradient(90deg,#d6d9da 0 3px,#7c878b 3px 4px,#eef0ea 4px 6px);box-shadow:0 1px 2px #000b}.landing-rig-string.plain:before{background:linear-gradient(#dcf7f7,#9fc0c6,#e9fcfc)}.landing-rig-string.string-1{--wire:4px}.landing-rig-string.string-2{--wire:3.5px}.landing-rig-string.string-3{--wire:3px}.landing-rig-string.string-4{--wire:2.3px}.landing-rig-string.string-5{--wire:1.8px}.landing-rig-string.string-6{--wire:1.4px}.landing-rig-string>b{z-index:2;color:#fff0c2;top:3px}.landing-rig-string>i{z-index:2;top:50%;box-shadow:inset 0 1px #fff7,0 0 0 3px #0006}.landing-rig-string:focus-visible{outline-offset:-2px;outline:2px solid #fbbf24}.landing-fretboard{height:300px}.landing-fret-numbers{z-index:2;color:#b6bdc5;font:700 11px var(--font-mono);text-align:center;pointer-events:none;grid-template-columns:repeat(4,1fr);padding-left:9%;display:grid;position:absolute;inset:4px 0 auto}.landing-rig-string{height:44px}.landing-rig-string>small{z-index:2;color:#d2dde7;font:700 12px var(--font-mono);text-shadow:0 1px 3px #000;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.landing-rig-string.string-active:before{filter:brightness(1.65)drop-shadow(0 0 7px #fbbf24);animation:.55s ease-out landing-string-wave}.landing-strum-sweep{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#fbbf24 35%,#fff2b8 60%,#0000);height:3px;animation:.35s linear both landing-strum-travel;position:absolute;top:12%;left:0;right:0;box-shadow:0 0 12px #fbbf24}@keyframes landing-strum-travel{0%{opacity:1;top:12%}to{opacity:0;top:88%}}.landing-rig-actions{flex-wrap:wrap;gap:8px;padding:10px 20px 0;display:flex}.landing-rig-actions button{min-height:44px;font:700 11px var(--font-mono);cursor:pointer;border-radius:8px;padding:8px 14px}.landing-strum-button{color:#20170b;background:#fbbf24;border:1px solid #f6c863}.landing-strum-button:hover{background:#ffd76a}.landing-audio-status{color:#c9e7ed;background:#17212a;border:1px solid #4f6973}.landing-audio-status:hover{border-color:#70d9eb}.landing-rig-actions button:focus-visible{outline-offset:2px;outline:3px solid #67e8f9}.landing-ios-audio-hint{color:#f9d789;font:600 11px var(--font-body);margin:8px 20px 0}.landing-rig-presets button{color:#c9d3df;background:#171c28;border-color:#ffffff1c;min-height:74px}.landing-rig-presets button.active,.landing-rig-presets button:hover{color:#fff;background:#25231d;border-color:#e4a625}.landing-rig-presets b{font-size:11px}.landing-tone-ab button,.landing-tone-ab>small{font-size:10px}.landing-chord-feedback{font-size:12px}.landing-proof{background:#11141d;border-color:#ffffff1a}.landing-proof b{color:#f7bd55}.landing-section{padding-top:76px;padding-bottom:76px}.landing-section-heading h2{font-size:clamp(31px,3.4vw,46px)}.landing-section-heading p{font-size:16px}.landing-section-heading>span{font:700 11px var(--font-mono);letter-spacing:.11em}.landing-page :is(.landing-how-grid article,.landing-age-grid article,.landing-technology-grid article,.landing-journey-track article,.landing-playways-grid button,.landing-rack-grid article,.landing-conversion-copy,.landing-faq){background:#11141d;border:1px solid #ffffff17;border-radius:11px;box-shadow:inset 0 1px #ffffff13,0 12px 28px #0003}.landing-page :is(.landing-how-grid article,.landing-age-grid article,.landing-technology-grid article,.landing-journey-track article,.landing-playways-grid button):before{background:linear-gradient(90deg,#0000,#ffffff2e,#0000)}.landing-page :is(.landing-how-grid p,.landing-age-grid p,.landing-technology-grid p,.landing-journey-track p,.landing-playways-grid p){color:#aab6c4;font-size:14px;line-height:1.6}.landing-how-grid h3,.landing-age-grid h3{font-size:22px}.landing-page :is(.landing-how-grid article>span,.landing-journey-track article>span){color:#ffcb70;box-shadow:none;background:#302516;border-color:#8b6b2a;border-radius:6px}.landing-playways-grid button:hover{background:#171c28;transform:none}.landing-bento{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.landing-bento article{background:#11141d;border:1px solid #ffffff1a;border-radius:11px;flex-direction:column;min-width:0;min-height:350px;padding:20px;transition:border-color .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffff16,0 12px 30px #0004}.landing-bento article:hover{background:#171c28;border-color:#ffffff4a}.landing-bento article:first-child{grid-row:span 2}.landing-bento article small{color:#f6b640;font:700 11px var(--font-mono);letter-spacing:.05em;margin-top:22px}.landing-bento h3{color:#f8fafc;margin:8px 0;font-size:26px}.landing-bento p{color:#aab6c4;margin:0;font-size:15px;line-height:1.55}.landing-bento button{color:#f6bd58;text-align:left;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:20px 0 0;font-weight:700}.landing-bento-preview{color:#e9eef7;min-height:130px;font-family:var(--font-mono);background:#0a0d13;border:1px solid #ffffff18;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-bento-detective .landing-bento-preview{flex:1;min-height:260px}.preview-case,.preview-answer{color:#8594a9;font-size:11px;position:absolute;left:20px}.preview-case{top:18px}.preview-answer{bottom:18px}.preview-chord{letter-spacing:.08em;font-size:clamp(42px,7vw,82px);font-weight:800}.preview-chord i{color:#f5ba50;border:1px solid #f3b340;border-radius:9px;place-items:center;width:1.18em;height:1.18em;font-style:normal;display:inline-grid}.studio-preview{gap:17px}.studio-preview>span,.silverweb-preview>span{color:#9ba9b9;letter-spacing:.07em;font-size:10px}.studio-preview>div{gap:8px;display:flex}.studio-preview b{color:#ffd280;background:#2f2517;border:1px solid #d99c2a;border-radius:5px;place-items:center;width:48px;height:42px;display:grid}.studio-preview>i{color:#87bdd5;letter-spacing:.24em;font-style:normal}.silverweb-preview{flex-direction:row;gap:9px}.silverweb-preview>span{max-width:70px}.silverweb-preview i{background:repeating-linear-gradient(0deg,#dfe5e8 0 4px,#828e99 4px 6px);border-radius:4px;width:5px;height:75px;display:block}.silverweb-preview i:nth-last-of-type(-n+3){background:#b9eaf0;width:3px;box-shadow:0 0 5px #52bfd13b}.landing-trust-conversion{grid-template-columns:1fr}.landing-conversion-copy{padding:38px}.landing-conversion-copy>span,.landing-faq>small{display:none}.landing-conversion-copy h2{max-width:700px;font-size:clamp(30px,4vw,48px)}.landing-conversion-copy p{max-width:700px;font-size:16px}.landing-conversion-copy>div{gap:12px}.landing-rig-launch,.landing-class-cta{white-space:nowrap;justify-content:center;align-items:center;min-height:49px;padding:0 20px;display:inline-flex}.landing-rig-launch b{font:inherit;margin-left:.3em;display:inline}.landing-faq{grid-template-columns:1fr 1fr;column-gap:36px;display:grid}.landing-faq h2{grid-column:1/-1;margin-bottom:22px;font-size:31px}.landing-faq article>button b{font-size:14px}.landing-faq article>div p{font-size:13px}.landing-footer{background:#090b0f}.landing-footer-bottom{font-size:12px}.landing-version{display:none}.landing-footer-links a,.landing-footer-links button{font-size:12px}.landing-page :is(.landing-privacy,.landing-community,.landing-impact details){background:#11141d;box-shadow:inset 0 1px #ffffff13,0 12px 28px #0003}.landing-page .landing-privacy,.landing-page .landing-community{border-color:#fff2}.app-shell[data-theme=dark]{--cream:#090b0f;--ink:#f8fafc;--muted:#a9b5c6;--blue:#38bdf8;--orange:#f59e0b;--yellow:#fbbf24;--green:#10b981;--line:#ffffff1a;--panel:#11141d;--panel-2:#171c28;background:#090b0f}.app-shell[data-theme=dark] .app-header{background:#11141df0;border-bottom:1px solid #ffffff17;box-shadow:0 3px 18px #0004}.app-shell[data-theme=dark] :is(.stats>div,.teacher-stats>div,.roster,.class-manager,.join-class,.composer,.game-modal,.assignment-modal,.practice-panel,.tool-card){background:#11141d;border-color:#ffffff1d;box-shadow:inset 0 1px #ffffff10,0 10px 24px #0003}.app-shell[data-theme=dark] .continue-card{background:#1a202a;border:1px solid #fff2;box-shadow:inset 0 1px #ffffff17,0 12px 28px #0005}.app-shell[data-theme=dark] :is(.game-card.yellow,.game-card.blue){color:#f8fafc;background:#171c28;border:1px solid #ffffff1d}.app-shell[data-theme=dark] .game-card:hover{border-color:#fbbf2470}.app-shell[data-theme=dark] .studio-hardware-controls{background:#171c28;box-shadow:inset 0 1px #ffffff16,0 10px 24px #0004}.app-shell[data-theme=dark] :is(.brand-pick,.primary){color:#171006;background:#eaa10f}.app-shell[data-theme=dark] nav button.active,.app-shell[data-theme=dark] nav button:hover{color:#fbc76c;border-color:#f59e0b}.continue-card .guitar-art{background:#18212a url(/card-art/first-light-studio-stack.jpg) 50% 48%/cover no-repeat;border:1px solid #ffffff21;border-radius:8px;min-height:225px;transform:none;box-shadow:inset 0 0 0 1px #ffffff0a}.continue-card .guitar-art:before{display:none}.continue-card .lesson-body{gap:24px}.continue-card .mini-label{color:#e9b64e}.continue-card .lesson-meta span{color:#c4cedb;background:#ffffff08;border-color:#ffffff25}.app-shell[data-theme=dark] .continue-card .lesson-body p{color:#b9c5d3}.app-shell[data-theme=dark] .page h1{letter-spacing:-.035em}.app-shell[data-theme=dark] .game-icon{color:#f1bf5d;background:#292b2e}@media (max-width:980px){.landing-hero{gap:30px}.landing-bento{grid-template-columns:1fr 1fr}.landing-bento article:first-child{grid-area:auto/1/auto/-1}.landing-bento-detective .landing-bento-preview{min-height:200px}}@media (max-width:779px){.landing-hero{padding-top:48px}.landing-hero h1{font-size:clamp(40px,10vw,62px)}.landing-trust-row span+span{border-left:0;padding-left:0}.landing-trust-row{gap:10px 18px}.landing-trust-row span{padding-top:10px}.landing-bento{grid-template-columns:1fr}.landing-bento article:first-child{grid-column:auto}.landing-bento article{min-height:310px}.landing-bento-detective .landing-bento-preview{min-height:160px}.landing-faq{grid-template-columns:1fr}.landing-faq h2{grid-column:auto}.landing-rig-presets{grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.landing-hero{padding-left:16px;padding-right:16px}.landing-hero h1{font-size:clamp(38px,10.7vw,52px)}.landing-hero-actions{display:grid}.landing-hero-actions button{width:100%}.landing-rig-presets{grid-template-columns:1fr}.landing-bento article{padding:16px}.studio-preview b{width:40px}.landing-faq{padding:22px}.landing-conversion-copy{padding:24px}.landing-conversion-copy>div{display:grid}.landing-rig-launch,.landing-class-cta{width:100%}.landing-fretboard{height:300px}.landing-rig-actions{padding-left:14px;padding-right:14px}.landing-rig-actions button{flex:auto}}@media (prefers-reduced-motion:reduce){.landing-strum-sweep,.landing-rig-string.string-active:before{animation:none}.landing-bento article{transition:none}}.landing-nav{gap:clamp(24px,3vw,44px);height:76px;min-height:76px;padding-inline:max(28px,50vw - 660px)}.landing-brand{letter-spacing:-.015em;gap:12px;font-size:14px}.landing-brand img{width:42px;height:42px}.landing-brand b{font-size:14px}.landing-nav-links{gap:clamp(20px,2.2vw,34px)}.landing-nav-links a{white-space:nowrap;font-size:14px;font-weight:600}.landing-nav-actions{gap:14px}.landing-nav-actions button{min-height:44px}.landing-mobile-menu{top:76px}.landing-hero{column-gap:clamp(42px,5vw,76px)}.landing-hero-lead{font-size:clamp(17px,1.5vw,19px)}.landing-trust-row{gap:14px 20px}.landing-trust-row span{font-size:11px;line-height:1.5}.landing-tone-rig>header{gap:12px;height:auto;min-height:60px}.landing-tone-rig>header>div{flex-wrap:wrap}.landing-tone-rig>header b,.landing-tone-rig>header em{font-size:10px}.landing-rig-screen small{font-size:10px;line-height:1.4}.landing-rig-screen h2{font-size:30px}.landing-rig-screen h2 span{font-size:14px}.landing-rig-presets button{min-height:84px;padding:12px}.landing-rig-presets small{font-size:10px}.landing-rig-presets b{font-size:12px;line-height:1.35}.landing-rig-presets span{font-size:10px}.landing-chord-feedback{font-size:13px;line-height:1.5}.landing-tone-ab{flex-wrap:wrap;gap:10px 14px;display:flex}.landing-tone-ab>span,.landing-tone-ab button,.landing-tone-ab>small{font-size:11px}.landing-tone-ab>small{margin-left:auto}.app-shell .page{max-width:1360px;padding:clamp(28px,3.5vw,54px)}.app-shell .welcome{flex-wrap:wrap;gap:22px}.app-shell .welcome p{font-size:16px;line-height:1.55}.app-shell .stats{flex-wrap:wrap}.app-shell .stats>div{gap:7px;width:auto;min-width:122px;height:auto;min-height:80px}.app-shell .stats small{font-size:11px;line-height:1.3}.app-shell .section-title{margin-top:34px;font-size:19px;line-height:1.35}.app-shell .section-title span{font-size:13px}.app-shell .game-card{gap:16px;min-height:148px;padding:22px}.app-shell .game-card small{font-size:11px}.app-shell .game-card b{font-size:20px}.app-shell .game-card p{font-size:13px;line-height:1.45}.app-shell .game-card em{font-size:11px}.app-shell .lesson-body p{font-size:15px;line-height:1.55}.app-shell .lesson-meta span{font-size:12px}.lesson-tuning{background:#101c2b;border:1px solid #385268;border-radius:12px;justify-items:center;gap:16px;margin:17px 0;padding:22px 18px;display:grid}.lesson-tuning-notes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lesson-tuning-notes span{color:#e9f7ff;text-align:center;background:#15283b;border:1px solid #4b687e;border-radius:8px;min-width:82px;padding:11px 12px;font-size:14px;font-weight:700}.lesson-tuning>button{color:#a7f1ff;background:#12354a;border:1px solid #55d9ee;border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:800}:is(.lesson-tuning>button:hover,.lesson-tuning>button:focus-visible){outline-offset:2px;background:#18516b;outline:2px solid #f5b942}.lesson-tuning>button:disabled{cursor:wait;opacity:.72}.mobile-nav-account{display:none}@media (min-width:951px){.app-shell,.preview-banner{padding-left:256px}.app-header{gap:0;width:256px;padding:24px 18px 20px}.app-header .brand.apex-brand{order:0;min-height:56px;margin-bottom:13px;padding:0 4px}.app-header .apex-brand img{width:42px;height:42px}.app-header .apex-brand span{font-size:11px;line-height:1.05}.app-header .apex-brand b{font-size:16px}.app-header>.studio-vu{flex:none;order:1;width:100%;min-height:34px;margin:0 0 22px;padding:6px 9px}.app-header .main-nav{order:2;gap:5px}.app-header .main-nav button{min-height:46px;padding:10px 13px;font-size:14px;line-height:1.35}.app-header .main-nav button.active{color:#ffd587;background:#f5b84f16;border-color:#f5b84f6b;box-shadow:inset 3px 0 #f5b84f}.app-header .main-nav button.download-link{color:var(--ink);background:#ffffff08;border:1px solid #ffffff30;margin-top:12px}.app-header .account{order:3;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px 10px;padding-top:17px;display:grid}.app-header .account .language-switcher{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header .account .language-switcher>span{font-size:11px;display:block}.app-header .account .language-switcher select{width:auto;max-width:138px;min-height:36px;padding:7px 9px;font-size:12px}.app-header .account .role-badge{grid-column:1/-1;margin-top:4px;font-size:10px}.app-header .account .avatar{grid-column:1;width:40px;height:40px}.app-header .account>div{grid-column:2;min-width:0}.app-header .account>div b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.app-header .account small{font-size:11px}.app-header .account :is(.admin-button,.settings-button,.logout){grid-column:1/-1;min-height:39px;font-size:12px}}@media (max-width:1079px){.landing-nav{padding-inline:24px}.landing-nav-actions{margin-left:auto}}@media (max-width:950px){.app-shell,.preview-banner{padding-left:0}.app-header{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:18px;width:100%;min-height:72px;padding:10px 18px}.app-header .brand.apex-brand{flex:0 auto;gap:9px}.app-header .apex-brand span{font-size:10px;display:block}.app-header .apex-brand b{font-size:13px}.app-header .account{display:none}.app-header .main-nav{width:min(90vw,370px);max-height:calc(100dvh - 190px);padding:14px;right:12px}.app-header .main-nav>button{min-height:47px;font-size:15px}.mobile-menu-toggle{flex:0 0 44px;width:44px;height:44px;margin-left:auto}.mobile-nav-account{border-top:1px solid var(--line);gap:7px;margin-top:12px;padding-top:16px;display:grid}.mobile-nav-identity{align-items:center;gap:11px;min-height:50px;padding:0 7px 7px;display:flex}.mobile-nav-identity .avatar{width:38px;height:38px}.mobile-nav-identity b,.mobile-nav-identity small{display:block}.mobile-nav-identity b{font-size:14px}.mobile-nav-identity small{color:var(--muted);text-transform:capitalize;font-size:12px}.mobile-nav-language{min-height:44px;color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 12px;font-size:13px;display:grid}.mobile-nav-language select{border:1px solid var(--line);background:var(--panel);max-width:154px;min-height:36px;color:var(--ink);border-radius:7px;padding:6px 8px;font-size:13px}.app-header .main-nav .mobile-nav-account button{min-height:44px;font-size:14px}.app-shell .page{padding:28px 22px 54px}}@media (max-width:600px){.preview-banner{text-align:left;flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:9px 14px;font-size:11px;line-height:1.4}.preview-banner button{white-space:nowrap;min-height:36px;padding:6px 10px;font-size:11px}.landing-nav{padding-inline:16px}.landing-brand{font-size:11px}.landing-brand b,.landing-nav-actions .landing-preview-button{font-size:12px}.landing-tone-rig>header{padding:10px 14px}.landing-tone-rig>header em{display:none}.landing-rig-presets button{min-height:70px}.landing-tone-ab>small{flex-basis:100%;margin-left:0}.app-shell .page{padding:24px 16px 48px}.app-shell .welcome{align-items:flex-start}.app-shell .stats>div{min-width:108px}.app-shell .game-card{min-height:138px;padding:18px}}@media (max-width:360px){.app-header .apex-brand span{display:block}.app-header{padding-inline:12px}}.account-profile-settings{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-top:22px;padding:18px}.account-profile-settings p{color:var(--muted);font-size:12px;line-height:1.6}.profile-name-form label{color:var(--ink);margin:16px 0 8px;font-size:12px;font-weight:800;display:block}.profile-name-form label span{color:var(--muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.profile-name-form>div{gap:10px;display:flex}.profile-name-form input{border:1px solid var(--line);background:var(--panel-2);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;border-radius:7px;padding:10px 12px}.profile-name-form input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.profile-name-form input[aria-invalid=true]{border-color:#fb7185}.profile-name-form button,.profile-connections button,.adult-social-login button{border:1px solid var(--blue);background:var(--panel-2);min-height:44px;color:var(--ink);border-radius:7px;padding:10px 16px;font-size:12px;font-weight:800}.profile-name-form button{flex-shrink:0}.profile-name-form button:disabled,.profile-connections button:disabled,.adult-social-login button:disabled{opacity:.6;cursor:default}.account-profile-settings .profile-feedback{min-height:18px;margin:8px 0;font-size:11px}.account-profile-settings .profile-feedback.error,.auth-field-error{color:#ff9cae}.auth-field-error{margin-top:7px;font-size:12px;font-weight:700;line-height:1.5;display:block}.landing-auth-dialog .auth-box input[aria-invalid=true]{border-color:#fb7185}.profile-username{color:var(--muted);flex-wrap:wrap;gap:10px;margin:16px 0;font-size:12px;display:flex}.profile-username strong{color:var(--ink)}.profile-connections{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.profile-connections>div,.adult-social-login>div{flex-wrap:wrap;gap:10px;display:flex}.profile-connections button small{margin-top:3px;font-size:10px;font-weight:400;display:block}.account-profile-settings .profile-connection-privacy{font-size:11px}.adult-social-login{border-top:1px solid #25394c;margin:20px 0;padding-top:12px}.adult-social-login p{color:#9eb0c3;font-size:11px;line-height:1.5}.adult-social-login button{color:#85ebf8;background:#0b202d;border-color:#38c9dd}@media (max-width:480px){.account-profile-settings{padding:14px}.profile-name-form>div,.profile-connections>div,.adult-social-login>div{flex-direction:column}}.app-shell[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f8faf6;--ink:#172b40;--muted:#4b5e70;--blue:#1260a4;--orange:#965008;--yellow:#a47300;--green:#137447;--line:#ccd9e1;--panel:#fff;--panel-2:#eff6fa;color:var(--ink);background:linear-gradient(135deg,#fffaf0,#f4f9ff 55%,#f0faf3)}.app-shell[data-theme=light] :is(.app-header,.app-header .main-nav,.mobile-nav-account){color:var(--ink);border-color:var(--line);background:#fffdf8;box-shadow:0 8px 24px #24415d0d}.app-shell[data-theme=light] .app-header .main-nav button{color:#3d5266}.app-shell[data-theme=light] .app-header .main-nav button:hover{color:#124e86;background:#e6f2ff}.app-shell[data-theme=light] .app-header .main-nav button.active{color:#654300;background:#fff0bd;border-color:#d5a53b;box-shadow:inset 3px 0 #c58a00}.app-shell[data-theme=light] .app-header .main-nav button.download-link{color:#205c3e;background:#e7f4ec;border-color:#95baa5}.app-shell[data-theme=light] :is(.brand,.account,.mobile-nav-account strong){color:var(--ink)}.app-shell[data-theme=light] :is(.account small,.mobile-nav-account small){color:var(--muted)}.app-shell[data-theme=light] .role-badge{color:#1b613f;background:#dff2e8}.app-shell[data-theme=light] .admin-button{color:#563b00;background:#ffdf78;border-color:#bf9023}.app-shell[data-theme=light] :is(.settings-button,.logout){color:#344c62;background:#fff}.app-shell[data-theme=light] .studio-vu{color:#4b6072;box-shadow:none;background:#edf3f7;border-color:#c3d2dc}.app-shell[data-theme=light] .studio-vu i{background:#b6c7d2}.app-shell[data-theme=light] .studio-vu i.lit{background:#9b7400}.app-shell[data-theme=light] h1{background-image:linear-gradient(100deg,#172b40 40%,#1260a4 70%,#137447)}.app-shell[data-theme=light] .continue-card{color:var(--ink);background:linear-gradient(120deg,#e3efff,#f2f8ff 65%,#e3f3eb);border:1px solid #a8c3df;box-shadow:0 12px 30px #31547314}.app-shell[data-theme=light] .continue-card .mini-label{color:#765000}.app-shell[data-theme=light] .continue-card :is(h2,.lesson-body p,.lesson-body small){color:#244761}.app-shell[data-theme=light] .continue-card :is(.pill,.lesson-meta span){color:#604900;background:#fff9e5;border-color:#d9c480}.app-shell[data-theme=light] .progress{background:#c7d9e7}.app-shell[data-theme=light] .progress i{background:linear-gradient(90deg,#b78000,#cf9717)}.app-shell[data-theme=light] .primary{color:#4b3400;background:linear-gradient(135deg,#ffe086,#ffc650);box-shadow:0 5px 14px #a775001a}.app-shell[data-theme=light] .game-card{color:var(--ink);border:1px solid #c4d3dc}.app-shell[data-theme=light] .game-card.yellow{background:linear-gradient(135deg,#fff5cf,#ffe6a0);border-color:#d5b35e}.app-shell[data-theme=light] .game-card.blue{background:linear-gradient(135deg,#e7f4ff,#d4eaff);border-color:#9cbfe1}.app-shell[data-theme=light] .game-card :is(small,b,p,em){color:#203f59}.app-shell[data-theme=light] .game-card.yellow :is(small,em){color:#674900}.app-shell[data-theme=light] .game-icon{background:#ffffffb3}.app-shell[data-theme=light] :is(.collectibles,.gear-heading){color:var(--ink);background:linear-gradient(125deg,#e3f3e8,#f6fbef 60%,#fff3ce);border-color:#a6c9b1;box-shadow:0 12px 30px #31547312}.app-shell[data-theme=light] :is(.collectibles h2,.gear-heading h1,.gear-heading p){color:#244735}.app-shell[data-theme=light] :is(.collectibles small,.gear-heading small,.gear-heading em,.gear-workspace-title>small){color:#276947}.app-shell[data-theme=light] .collectibles p{color:#456450}.app-shell[data-theme=light] .reward-shelf article{color:var(--ink);background:#fff;border-color:#b6cabb}.app-shell[data-theme=light] .reward-shelf article.locked{opacity:1;background:#f0f4ef}.app-shell[data-theme=light] .reward-shelf article>small{color:#51644f}.app-shell[data-theme=light] :is(.modal-wrap,.gear-detail-wrap,.gear-pack-modal){background:#425d7673}.app-shell[data-theme=light] :is(.game-modal,.lesson-modal,.assignment-modal,.settings-modal,.gear-detail){color:var(--ink);border-color:var(--line);background:#fffdf8}.app-shell[data-theme=light] :is(.lesson-tuning,.lesson-question,.profile-photo-setting,.teacher-note,.class-song-board>header){color:var(--ink);background:#e9f3ff;border-color:#aec9df}.app-shell[data-theme=light] :is(.lesson-tuning-notes span,.lesson-tuning>button){color:#174e7d;background:#fff;border-color:#aec9df}.app-shell[data-theme=light] .answers button{color:var(--ink);background:#fff;border-color:#b8cbd9}.app-shell[data-theme=light] :is(.answers button.correct,.feedback.yes){color:#155b35;background:#def4e6;border-color:#288153}.app-shell[data-theme=light] :is(.answers button.wrong,.feedback.no){color:#962f25;background:#ffebe6;border-color:#b44135}.app-shell[data-theme=light] :is(.assignment-head>span,.teacher-note small,.class-song-board header small,.class-song-board header>span){color:#6c4b00;background:#fff0bd}.app-shell[data-theme=light] :is(.leader-row.you,.your-rank){color:#255e42;background:#e2f3eb}.app-shell[data-theme=light] .profile-feedback.error{color:#a22d3c}.app-shell[data-theme=light] .offline-notes textarea{color:var(--ink)}.app-shell[data-theme=light] :is(.studio-hardware-controls,.studio-dial,.practice-mode-switch,.gear-wallet){color:var(--ink);box-shadow:none;background:#eff6fa;border-color:#b6cad9}.app-shell[data-theme=light] :is(.studio-rack-label b,.studio-rack-label small,.studio-rack-label em,.studio-dial>b,.studio-dial output,.practice-mode-switch button,.gear-wallet span,.gear-wallet small){color:#36546b}.app-shell[data-theme=light] .gear-wallet b{color:#7c5400}.app-shell[data-theme=light] :is(.gear-detail p,.gear-detail dt,.gear-card-copy em,.pack-card-front em){color:#4b5e70}.app-shell[data-theme=light] :is(.gear-detail h3,.gear-detail a,.gear-detail>div>small,.gear-card-copy small,.pack-card-front small){color:#1260a4}.app-shell[data-theme=light] :is(.gear-detail dl div,.gear-card,.gear-card.rarity-illustration-rare,.pack-card-front,.gear-pack-modal header){color:var(--ink);background:#f1f7fc;border-color:#a8bfd2}.app-shell[data-theme=light] .gear-card.rarity-ultra-rare{background:linear-gradient(#f1f7fc,#f1f7fc) padding-box padding-box,linear-gradient(120deg,#1260a4,#bd4894,#cf9a00,#137447,#1260a4) border-box}.app-shell[data-theme=light] .gear-detail>.close{color:var(--ink);text-shadow:none}.app-shell[data-theme=light] ::selection{color:#172b40;background:#ffdf78}.app-shell[data-theme=light] :focus-visible{outline-color:#1260a4}.app-shell[data-theme=light] :is(.practice-lab,.audio-assignments,.teacher-audio-inbox){--panel:#fff;--panel-2:#eff6fa;--muted:#4b5e70;--ink:#172b40;--line:#ccd9e1;color:var(--ink);background:linear-gradient(135deg,#eff7ff,#f0faf3)}.app-shell[data-theme=light] :is(.practice-lab-heading small,.skill-roadmap small,.audio-heading small,.teacher-audio-inbox small,.tool-live,.teacher-suite-heading small){color:#176443}.app-shell[data-theme=light] :is(.practice-lab-heading p,.tool-card p,.audio-heading p,.teacher-audio-inbox p,.coach-strings span,.coach-strings small){color:#4b5e70}.app-shell[data-theme=light] :is(.audio-recorder input,.audio-review input,.audio-review textarea,.audio-inbox-list button){color:var(--ink);background:#fff}.app-shell[data-theme=light] :is(.coach-picker .selected,.signature-picker .selected,.track-picker .selected,.skill-path .active){color:#195f3c;background:#dff2e8}.app-shell[data-theme=light] .practice-mode-switch button[aria-selected=true]{color:#4b3400}.app-shell[data-theme=light] :is(.music-studio,.gnk-spotlight){color:var(--ink);background:linear-gradient(125deg,#e7f3ff,#f0faf2);border-color:#b3ccd3}.app-shell[data-theme=light] :is(.gnk-heading,.gnk-website){background:#eef8f2;border-color:#b3cdbb}.app-shell[data-theme=light] :is(.gnk-mission,.gnk-qr){--panel:#fffdf8;--panel-2:#eff6fa}.app-shell[data-theme=light] :is(.gnk-heading h2,.gnk-mission figcaption b,.gnk-qr>b,.gnk-fundraiser>div>b){color:#244735}.app-shell[data-theme=light] :is(.gnk-heading>div small,.gnk-website b,.gnk-mission figcaption span,.gnk-qr>small,.gnk-qr>a,.studio-heading small,.practice-panel>small){color:#176443}.app-shell[data-theme=light] .gnk-fundraiser small{color:#195f3c;background:#dff2e8}.app-shell[data-theme=light] .studio-heading p{color:#4b5e70}.app-shell[data-theme=light] .song-timeline{background:#edf5fc}.app-shell[data-theme=light] .parent-connect-cta{color:#164e79;background:#e5f3ff;border-color:#91b8da}.app-shell[data-theme=light] .parent-connect-cta :is(span,b){color:#164e79}.app-shell[data-theme=light] .parent-connect-cta small{color:#36566d}.app-shell[data-theme=light] .parent-connect-compact{color:#164e79!important;border-color:#91b8da!important}.app-shell[data-theme=dark] .parent-connect-cta{color:#eefbff;background:#123343}.app-shell[data-theme=dark] .parent-connect-cta small{color:#c4dfeb}.odyssey-map-heading h2{color:#fff4d2}.app-shell[data-theme=light] .odyssey-world-map{color:#17364c;background:linear-gradient(135deg,#fff3d6,#fffdf6 65%,#edf7ee);border-color:#c79a40;box-shadow:0 16px 42px #7855191a}.app-shell[data-theme=light] .odyssey-map-heading h2{color:#17364c}.app-shell[data-theme=light] .odyssey-map-heading span{color:#785200}.app-shell[data-theme=light] :is(.odyssey-map-heading p,.odyssey-map-legend){color:#405b68}.app-shell[data-theme=light] .odyssey-map-legend i{box-shadow:none;background:#087c87}.app-shell[data-theme=light] .odyssey-map-legend b{color:#785200}.app-shell[data-theme=light] .odyssey-map-stage{box-shadow:0 8px 24px #78551926}.odyssey-map-node>span:last-child{background:#302313}.odyssey-map-destination-card{background:#09242b}.app-shell[data-theme=light] .arcade-cabinets{background-image:linear-gradient(#fff2d51a,#ffe9c51a),url(/static/images/arcade/arcade-room-v1.png);border-color:#d99b2a;box-shadow:0 12px 30px #78551926}.app-shell[data-theme=light] .arcade-cabinet{--tile-fill:#e1f3ff;--tile-edge:#1684cb;background:var(--tile-fill);border-color:var(--tile-edge);color:#17364c;box-shadow:0 8px 18px #42351e40,inset 0 0 0 1px #fff}.app-shell[data-theme=light] .arcade-cabinet[data-game=flight]{--tile-fill:#e8f7cf;--tile-edge:#63a524}.app-shell[data-theme=light] .arcade-cabinet[data-game=balloons]{--tile-fill:#fff0bb;--tile-edge:#e5a008}.app-shell[data-theme=light] .arcade-cabinet[data-game=detective]{--tile-fill:#ede6ff;--tile-edge:#9462d5}.app-shell[data-theme=light] .arcade-cabinet[data-game=silverweb]{--tile-fill:#dcf8eb;--tile-edge:#17a56d}.app-shell[data-theme=light] .arcade-cabinet-name{color:#17364c}.app-shell[data-theme=light] .arcade-cabinet:is(:hover,:focus-visible){border-color:var(--tile-edge);box-shadow:0 12px 22px #42351e40,0 0 0 3px #fff1}.app-shell[data-theme=light] .arcade-pace-badge.reflex{color:#624000;background:#ffe7a1;border-color:#c98b10}.app-shell[data-theme=light] .arcade-pace-badge.untimed{color:#165b40;background:#d8f6e6;border-color:#229267}.app-shell[data-theme=light] .arcade-pace-filters{background:#fff8e4;border-color:#dfbc64}.app-shell[data-theme=light] .arcade-pace-filters button{color:#36546b}.app-shell[data-theme=light] .arcade-pace-filters button.active{color:#4d3500}