.legal-page,.account-page{max-width:760px;margin:0 auto;padding:40px 0 70px}.legal-page>.text-button{margin-bottom:22px}.legal-page h1,.account-page h1{font-size:clamp(36px,4.4vw,52px);letter-spacing:-1.4px}.legal-updated{font-size:13px;color:#56636b;margin-top:12px}.legal-intro{font-size:17px;margin:26px 0 30px;color:#172936}.legal-contents{background:#f1eddf;border-radius:8px;padding:20px 24px;margin-bottom:38px}.legal-contents ol{margin:0;padding-left:20px;display:grid;gap:7px;font-size:14px}.legal-page a,.account-page a{color:#734a0e;text-underline-offset:3px}.legal-page section{margin-bottom:34px;scroll-margin-top:24px}.legal-page h2{font-size:26px;letter-spacing:-.5px;margin-bottom:12px}.legal-page section p,.legal-page li{font-size:15px;line-height:1.75;color:#24343f}.legal-page section p+p,.legal-page section ul+p,.legal-page section p+ul{margin-top:12px}.legal-page ul{margin:0;padding-left:22px;display:grid;gap:8px}.legal-page li{overflow-wrap:anywhere}.legal-page>.button{margin-top:10px}.account-identity{font-size:15px;color:#4c5961;margin:16px 0 34px;overflow-wrap:anywhere}.account-card{border:1px solid #d9d6c8;background:#fffdf6;border-radius:9px;padding:26px 28px;margin-bottom:20px;display:grid;gap:14px;justify-items:start}.account-card h2{font-size:26px;letter-spacing:-.5px}.account-card p{font-size:14px;color:#3f4d55;line-height:1.7}.account-card .account-feedback,.account-card .error{margin:0;justify-self:stretch}.account-card form{display:grid;gap:16px;justify-self:stretch}.account-card label{display:grid;gap:8px;font-size:14px;font-weight:500}.account-card input[type=password]{width:100%;max-width:420px;padding:13px;border:1px solid #9aa39a;background:#fff;border-radius:6px;font-size:16px}.account-card .account-check{display:flex;gap:12px;align-items:flex-start;font-weight:400;line-height:1.6}.account-check input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0;accent-color:#9b2c1c}.account-card.danger{border-color:#d9b3a8;background:#fdf6f2}.danger-button{background:#9b2c1c;color:#fff;justify-self:start}.danger-button:hover{background:#7c2214}.account-card .text-button{padding:4px 0}footer .footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0;font-size:12px}footer .footer-links a,footer .footer-links button{color:#f0d29f;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:6px 0}.auth-consent{font-size:12px;line-height:1.6;color:#4f5c62;margin-top:-4px}.auth-consent a{color:#734a0e}@media(max-width:720px){.legal-page,.account-page{padding:24px 0 50px}.legal-contents{padding:16px 18px}.legal-page h2,.account-card h2{font-size:23px}.account-card{padding:20px 18px}.legal-intro{font-size:16px}footer .footer-links{flex-basis:100%;order:4}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header.light .brand small{opacity:.75}.account-action{max-width:530px;margin:0 auto;padding:64px 24px 80px;text-align:center;min-height:65vh}.account-action-mark{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;margin:0 auto 25px;background:#e8e8d9;color:#9e793f}.account-action h1{font-size:44px;line-height:1.15;letter-spacing:-1.3px}.account-action>p{font-size:15px;color:#657367;margin:24px 0}.account-action form{text-align:left;display:grid;gap:18px;margin-top:30px}.account-action label{display:grid;gap:9px;font-size:14px;font-weight:500}.account-action input{width:100%;padding:13px;border:1px solid #cdd4c7;background:#fffdf5;border-radius:6px;font-size:16px}.account-action small{font-size:12px;line-height:1.6;color:#6b786a}.account-action .error{margin:0;font-size:14px}.account-action>.text-button{display:flex;margin:15px auto;text-align:center}.account-action .account-exit{margin-top:30px}.account-feedback{padding:15px;background:#e7ecdd;color:#43563c;border-radius:7px;font-size:13px;line-height:1.7}.recovery-form>p{font-size:14px;color:#687467;margin:20px 0 25px}.recovery-form .text-button{gap:8px}.recovery-form form>small{line-height:1.5}.verification-banner{display:flex;gap:25px;align-items:center;justify-content:space-between;background:#eae8d9;border-bottom:1px solid #d9d9c9;padding:21px max(6%,calc((100vw - 1100px)/2))}.verification-banner strong{font-size:14px;font-weight:600}.verification-banner p{font-size:13px;color:#4c5a49;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.verification-banner .button{flex-shrink:0;font-size:13px;background:#f8f5e9;min-width:180px}.verification-banner .verification-error{color:#943e28}@media(max-width:720px){.verification-banner{align-items:stretch;flex-direction:column;gap:15px;padding:20px 6%}.verification-banner p{font-size:14px}.verification-banner .button{align-self:flex-start}.account-action{padding:43px 6% 60px}.account-action h1{font-size:37px}.recovery-form>p{font-size:15px}.account-action>p{font-size:15px}}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans,sans-serif;color:#172936;background:#fbf8ef;font-synthesis:none;font-weight:400;--navy:#111e2a;--gold:#e9b96c;--cream:#fbf8ef;--muted:#566064}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b87e2d;outline-offset:5px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces Variable,Georgia,serif;font-weight:400}h1{font-size:clamp(42px,5vw,66px);line-height:1.06;letter-spacing:-2px}h2{font-size:clamp(32px,3.6vw,46px);line-height:1.15;letter-spacing:-1.3px}p{line-height:1.7}svg{flex-shrink:0}button{transition:background .16s,color .16s,transform .16s}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:52px;padding:15px 24px;border-radius:7px;font-size:14px;font-weight:600}.gold{background:var(--gold);color:#172735}.gold:hover{background:#f4cb89}.dark{background:var(--navy);color:var(--cream)}.dark:hover{background:#294353}.outline{border:1px solid #c9cbc4}.outline:hover{background:#edece3}.full{width:100%}.icon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:50%}.icon:hover{background:#adb2ae22}.text-button{display:inline-flex;gap:8px;align-items:center;padding:12px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px}.eyebrow{display:block;font-size:12px;font-weight:600;margin-bottom:16px;color:#68736e}.skip-link{position:fixed;top:-100px;left:10px;z-index:100;background:#fff;padding:14px}.skip-link:focus{top:10px}.site-header{height:104px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #ffffff10}.brand{display:flex;gap:13px;align-items:center;text-align:left;font-size:23px;letter-spacing:-.9px;font-weight:700;padding:0}.brand-light{font-weight:400}.brand small{display:block;font-size:12px;letter-spacing:1px;font-weight:400;opacity:.6;margin-top:3px}.brand-mark{display:flex;gap:3px;align-items:center;transform:rotate(-13deg);width:31px;height:37px}.brand-mark i{height:26px;width:3px;background:var(--gold);border-radius:3px}.brand-mark i:nth-child(2){height:36px}.brand-mark i:nth-child(3){height:21px}.brand-mark i:nth-child(4){height:31px}.brand-mark i:nth-child(5){height:15px}.site-header nav{display:flex;gap:38px;align-items:center}.site-header nav button{font-size:13px}.site-header nav button:hover{color:#c28b3c}.login-button,.account{display:flex;align-items:center;gap:18px;border:1px solid #ffffff36;border-radius:6px;padding:12px 18px}.site-header.light{background:var(--cream);color:var(--navy);border-color:#dfe0d7}.light .login-button,.light .account{border-color:#c9cbc4}.nav-active{font-weight:700;text-decoration:underline;text-underline-offset:9px}.mobile-toggle{display:none}.hero{background:var(--navy);color:var(--cream);display:grid;grid-template-columns:1.05fr 1fr;min-height:650px}.hero-copy{padding:62px 30px 40px max(7vw,30px);position:relative;z-index:1}.hero-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#c0c8cc;margin-bottom:29px}.hero-note>span{width:6px;height:6px;border-radius:50%;background:var(--gold)}.hero h1{font-size:clamp(60px,6.7vw,94px);letter-spacing:-3px;line-height:1.01;margin-bottom:28px}.hero-copy>p{font-size:15px;color:#b1bdc4;max-width:355px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:33px;flex-wrap:wrap}.sample{display:flex;gap:10px;align-items:center;color:#d3d9dc;font-size:12px;padding:0}.sample>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #ffffff40;border-radius:50%;color:var(--gold)}.hero-foot{display:flex;gap:20px;margin-top:43px;color:#96a5ad;font-size:12px}.hero-foot span{display:flex;gap:5px;align-items:center}.hero-foot svg{color:#d2af71}.hero-visual{position:relative;overflow:hidden;min-height:600px}.hero-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 57%}.photo-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#111e2a 0%,transparent 24%),linear-gradient(0deg,#111e2acf 0%,transparent 45%)}.photo-caption{position:absolute;bottom:61px;left:54px;display:flex;align-items:center;gap:16px;font-family:Fraunces Variable,serif;font-size:22px;line-height:1.4;color:#fff7e5}.sound-symbol{font-size:35px;color:var(--gold)}.sound-tag{position:absolute;right:30px;top:33px;font-size:12px;display:flex;gap:9px;align-items:center;padding:10px 13px;border-radius:30px;border:1px solid #ffffff30;background:#111e2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tiny-bars{display:flex;align-items:center;gap:3px}.tiny-bars i{display:block;width:2px;height:8px;background:var(--gold)}.tiny-bars i:nth-child(2){height:15px}.tiny-bars i:nth-child(3){height:11px}.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:31px 9%;border-bottom:1px solid #daddd2;background:#f2f0e5}.intro-strip>span:first-child{font-family:Fraunces Variable,serif;font-size:25px;max-width:190px;line-height:1.15}.intro-strip p{font-size:12px;color:#555e5d;line-height:1.7}.strip-note{font-size:44px;color:#b58b50;line-height:1}.choose-section{padding:82px 9% 74px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.section-heading>p{font-size:13px;max-width:300px;color:var(--muted)}.instrument-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px}.instrument-choice{padding:35px 32px;text-align:left;display:flex;position:relative;overflow:hidden;min-height:244px;border-radius:10px;background:#e9e8dc;align-items:center}.instrument-choice.ukulele{background:#dfe8e8}.instrument-choice:hover .instrument-art{transform:rotate(13deg) scale(1.07)}.instrument-choice h3{font-size:41px;margin:15px 0 12px;letter-spacing:-1px}.instrument-label{font-size:12px;color:#4e5853}.instrument-choice p{font-size:12px;color:#4e5a55}.instrument-link{display:flex;gap:14px;align-items:center;font-size:12px;font-weight:600;margin-top:26px}.instrument-art{position:absolute;right:12px;bottom:-35px;transform:rotate(13deg);color:#89704455;transition:transform .3s}.instrument-art svg{width:170px;height:260px}.ukulele .instrument-art{color:#526f7750;right:0;bottom:-47px}.ukulele .instrument-art svg{width:150px;height:240px}.instrument-choice>div:first-child{position:relative;z-index:1}.how-section{margin:0 9%;padding:58px 0 72px;display:grid;grid-template-columns:1fr 1fr;gap:75px;border-top:1px solid #d9ddd3}.how-section>div>p{font-size:13px;color:var(--muted);margin-top:23px;max-width:360px}.how-section ol{list-style:none;margin:0;padding:0;display:grid;gap:28px}.how-section li{display:flex;gap:20px;align-items:flex-start}.how-section li>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #b5bdb3;border-radius:50%;flex-shrink:0;font-size:12px}.how-section h3{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;margin-bottom:7px}.how-section li p{font-size:12px;color:var(--muted)}.closing{text-align:center;padding:64px 20px 70px;background:#e7ebdf}.closing>svg{color:#a68045;margin-bottom:19px}.closing p{font-size:13px;color:var(--muted);margin:18px 0 25px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--navy);color:#9aa8b0;padding:35px 7%}footer .brand{color:var(--cream);font-size:18px}footer p,footer>span{font-size:12px}footer .brand-mark{transform:scale(.75) rotate(-13deg);width:24px}.workspace{max-width:1190px;padding:30px 45px 90px;margin:0 auto;min-height:calc(100vh - 215px)}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.instrument-switch{display:flex;padding:4px;background:#eaece3;border-radius:8px}.instrument-switch button{padding:8px 20px;border-radius:5px;font-size:12px}.instrument-switch button[aria-pressed=true]{background:var(--navy);color:#fff}.save-label{font-size:12px;color:#59635b}.studio-heading{margin-bottom:33px}.studio-heading h1{font-size:53px}.session-banner{border-radius:12px;background:var(--navy);color:var(--cream);padding:31px 34px;display:flex;justify-content:space-between;align-items:center;gap:30px}.session-banner .eyebrow{color:#b8c4c8;font-size:12px;margin-bottom:10px}.session-banner h2{font-size:32px;letter-spacing:-.7px}.session-banner p{color:#a5b3ba;font-size:12px;margin-top:10px}.session-controls{min-width:350px}.session-length{display:flex;gap:8px;margin-bottom:13px}.session-length button{border:1px solid #ffffff22;color:#bdc8ce;border-radius:7px;padding:11px 16px;text-align:left;flex:1}.session-length button[aria-pressed=true]{border-color:#e9b96c;color:#f2d5a6;background:#e9b96c10}.session-length strong{font-size:13px;display:block;margin-bottom:4px;font-weight:500}.session-length small{font-size:12px}.session-controls>.button{width:100%;min-height:43px;padding:10px}.library-heading{display:flex;justify-content:space-between;align-items:center;margin:48px 0 16px}.library-heading h2{font-size:29px;letter-spacing:-.6px}.library-heading p{color:var(--muted);font-size:12px;margin-top:10px}.library-heading>span{font-size:12px;color:#556259}.progress-track{height:3px;background:#e3e7dd;margin-bottom:28px}.progress-track>span{display:block;height:100%;background:#9ca77a;transition:width .3s}.filters{display:flex;gap:12px;margin-bottom:30px}.search{display:flex;align-items:center;gap:10px;border:1px solid #d7dbd2;padding:0 13px;border-radius:6px;flex:1;color:#7e8981}.search input{width:100%;min-width:0;background:none;border:0;padding:12px 0;font-size:12px;color:#243e48}.level-filter{display:flex;align-items:center;gap:9px;border:1px solid #d7dbd2;padding:0 12px;border-radius:6px}.level-filter select{background:none;border:0;padding:11px 0;font-size:12px;color:#3c514b;max-width:150px}.favorite-filter{display:flex;align-items:center;gap:8px;border:1px solid #d7dbd2;border-radius:6px;padding:0 14px;font-size:12px}.favorite-filter.selected{background:#eadcbe;border-color:#b99451}.module{display:grid;grid-template-columns:240px 1fr;border-top:1px solid #d6dcd1;padding:30px 0;gap:35px}.module-intro{position:relative}.module-number{font-family:Fraunces Variable,serif;font-size:30px;color:#71755d;display:inline-block;margin-right:13px}.level-tag{display:inline-block;font-size:12px;border-radius:12px;padding:4px 8px;background:#e6eadf;vertical-align:middle;text-transform:capitalize}.module-intro h3{font-size:24px;line-height:1.2;margin:11px 0 10px;letter-spacing:-.6px}.module-intro p{font-size:12px;color:var(--muted)}.lesson-row{display:flex;align-items:center;border-bottom:1px solid #e4e7de;gap:10px;min-height:75px}.lesson-row:last-child{border-bottom:0}.lesson-open{display:flex;align-items:center;text-align:left;gap:16px;flex:1;padding:12px 0;min-width:0}.lesson-open:hover strong{color:#9e6f2b}.lesson-status{width:34px;height:34px;border-radius:50%;border:1px solid #d2d8cb;display:flex;align-items:center;justify-content:center;color:#7f8c7f;flex-shrink:0}.lesson-status.complete{background:#e1e9d7;border-color:#c6d4b9;color:#4b673d}.lesson-open strong{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.lesson-open small{font-size:12px;color:#59635b}.lesson-open>svg:last-child{margin-left:auto;color:#839080}.lesson-row>.icon{color:#8c926f;min-width:34px;min-height:34px}.empty-state{text-align:center;padding:50px 20px;color:#637167}.empty-state h3{margin:16px 0;font-size:25px}.empty-state p{font-size:13px;margin-bottom:20px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;background:#ece4d1;border-radius:7px;font-size:12px;line-height:1.5;margin-bottom:20px}.notice .icon{min-width:28px;min-height:28px}.lesson{max-width:950px;margin:auto}.back{font-size:12px;color:#65756b;text-decoration:none;margin-bottom:24px}.lesson-heading{position:relative;padding-right:50px;margin-bottom:38px}.lesson-heading h1{font-size:49px;max-width:700px}.lesson-heading>p{font-size:15px;color:var(--muted);max-width:650px;margin-top:19px}.favorite{position:absolute;right:0;top:35px}.is-favorite{color:#ad7b2d}.lesson-grid{display:grid;grid-template-columns:1fr 250px;gap:50px;align-items:start}.lesson-content>p{font-size:14px;line-height:1.9;margin:22px 0;color:#536257}.analogy{background:#e9eddf;border-left:3px solid #8e9c74;padding:23px 26px;border-radius:0 8px 8px 0}.analogy>span,.tip>span{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.analogy p{font-family:Fraunces Variable,serif;font-size:20px;line-height:1.5}.lesson-content h2{font-size:30px;margin-top:33px}.practice-steps{padding:0;list-style:none;display:grid;gap:19px;margin:27px 0}.practice-steps li{display:flex;gap:15px;font-size:13px;line-height:1.7}.practice-steps li>span{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#e7e5d6;font-size:12px;flex-shrink:0}.checkpoint{display:flex;gap:13px;background:#f0eee2;padding:20px;border-radius:8px}.checkpoint svg{color:#758462;width:20px}.checkpoint p{font-size:12px}.checkpoint strong{display:block;margin-bottom:5px}.quiz{margin:35px 0}.quiz h3{font-size:24px;line-height:1.35;margin-bottom:19px}.answers{display:flex;flex-direction:column;gap:9px}.answers button{text-align:left;border:1px solid #d2d8cb;border-radius:6px;padding:13px 16px;font-size:13px}.answers button:hover{background:#edf0e5}.answers button.selected{background:#e9dfc8;border-color:#af8a4f}.feedback{background:#e7eadb;border-radius:6px;padding:15px;font-size:13px;margin-top:18px}.completion-note{display:block;font-size:12px;color:#555f55;margin-top:12px}.lesson-aside{position:sticky;top:25px}.sound-box{background:var(--navy);border-radius:10px;padding:25px;color:var(--cream)}.sound-box>svg{color:var(--gold);margin-bottom:14px}.sound-box h3{font-size:25px}.sound-box p{font-size:12px;color:#b0bfc5;margin:15px 0 20px}.sound-box small{display:block;color:#8e9fa8;text-align:center;font-size:12px;margin-top:13px}.sound-box .button{font-size:12px;min-height:44px;padding:12px}.chord{padding:26px 12px 18px;text-align:center;color:#435248}.chord>strong{font-family:Fraunces Variable,serif;font-size:30px;font-weight:400}.chord svg{width:160px;max-width:100%;display:block;margin:4px auto 0}.chord small{display:block;font-size:12px;color:#525c51}.tip{border-top:1px solid #d6ddcd;padding:22px 0;margin-top:14px}.tip p{font-size:12px;color:#4f5d4c}.session-done{text-align:center;max-width:630px;margin:40px auto}.done-icon{border-radius:50%;width:74px;height:74px;background:#e2e9d6;color:#72815c;display:flex;align-items:center;justify-content:center;margin:0 auto 27px}.session-done>p{max-width:440px;margin:23px auto;color:var(--muted);font-size:14px}.session-done ul{list-style:none;padding:0;margin:28px auto;max-width:400px;display:grid;gap:12px}.session-done li{display:flex;align-items:center;gap:10px;justify-content:center;font-size:13px}.done-actions{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.tool-tabs{display:flex;border-bottom:1px solid #d1d8ca;gap:25px;margin-top:32px;overflow:auto}.tool-tabs button{font-size:13px;padding:15px 3px;white-space:nowrap;border-bottom:3px solid transparent}.tool-tabs button[aria-selected=true]{border-color:#b89351;color:#8b6c38}.tool-panel{padding:40px 0}.tool-panel>h2{font-size:32px}.tool-panel>p{font-size:13px;color:var(--muted);margin-top:15px}.chord-library{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.chord-library>div{background:#f1f0e5;border-radius:9px;padding:10px 10px 20px;text-align:center}.chord-library .button{font-size:12px;min-height:40px;padding:9px 18px}.metronome{text-align:center;max-width:430px;margin:0 auto}.metronome>span{font-size:13px;color:var(--muted)}.tempo{font-family:Fraunces Variable,serif;font-size:100px;margin:22px 0 0;line-height:1.1}.tempo small{font-family:DM Sans,sans-serif;font-size:14px;margin-left:7px;color:var(--muted)}input[type=range]{width:100%;accent-color:#ae8545;margin:30px 0}.beats{display:flex;gap:18px;justify-content:center;margin:0 0 30px}.beats span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #c2ccb8;border-radius:50%;font-size:13px;transition:background .06s}.beats .on{background:var(--gold);border-color:var(--gold)}.metronome>p{font-size:12px;color:var(--muted);margin:20px 0}.ear-game{max-width:580px;margin:auto;text-align:center}.ear-game>svg{color:#ab8547;margin-bottom:20px}.ear-game h2{font-size:36px}.ear-game>p{font-size:13px;color:var(--muted);margin:20px 0}.ear-game>.text-button{display:block;margin:12px auto}.ear-game .answers{margin-top:25px}.fretboard{margin-top:32px;background:#263b43;padding:18px;border-radius:10px;overflow-x:auto}.fret-string{display:grid;grid-template-columns:repeat(6,minmax(65px,1fr));position:relative}.fret-string:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d9cab5;pointer-events:none}.fret-string button{position:relative;z-index:1;min-height:74px;border-right:2px solid #88959077;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#e7e6d9}.fret-string button:first-child{border-right:4px solid #d7d1bd}.fret-string button:last-child{border:0}.fret-string button>span{padding:5px 8px;border-radius:20px;background:#40595f;font-size:12px}.fret-string button.active>span{background:var(--gold);color:var(--navy)}.fret-string small{font-size:12px;background:#263b43;color:#c0cbc9}.auth-dialog{border:0;border-radius:14px;padding:0;width:min(480px,calc(100% - 32px));color:var(--navy);background:var(--cream);max-height:90vh}.auth-dialog::backdrop{background:#071421be;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-content{position:relative;padding:38px}.auth-content .brand{font-size:19px;margin-bottom:34px}.auth-content h2{font-size:37px}.auth-content>p{font-size:13px;color:var(--muted);margin:17px 0 25px}.close{position:absolute;right:11px;top:11px}.auth-content form{display:grid;gap:17px}.auth-content label{display:grid;gap:8px;font-size:12px;font-weight:500}.auth-content input{width:100%;border:1px solid #cdd4c7;border-radius:6px;background:#fffdf5;padding:12px;font-size:14px}.auth-content form>small{font-size:12px;color:var(--muted);margin-top:-7px}.auth-content .text-button{display:block;margin:11px auto;font-size:12px}.auth-note{text-align:center;font-size:12px;line-height:1.6;color:#566250;border-top:1px solid #d7dccf;padding-top:17px}.error{font-size:12px;background:#f2dfd6;padding:12px;border-radius:5px;color:#963c26}.muted{color:var(--muted)}@media(min-width:1500px){.hero-copy{padding-top:90px;padding-bottom:65px}.hero{min-height:760px}.hero h1{font-size:106px}.hero-copy>p{font-size:17px;max-width:410px}.hero-note{font-size:13px}.hero-foot{font-size:12px}.hero-visual{min-height:760px}.site-header{padding-left:9%;padding-right:9%}.hero-copy{padding-left:9vw}.hero-actions{margin-top:38px}.hero-foot{margin-top:56px}.photo-caption{bottom:75px;font-size:27px}.choose-section{max-width:1500px;margin:auto}.intro-strip{justify-content:center;gap:100px}}@media(max-width:1050px){.site-header{padding:0 5%;height:90px}.hero-copy{padding:45px 20px 35px 6vw}.hero h1{font-size:68px}.hero{min-height:620px;grid-template-columns:1.1fr 1fr}.hero-visual{min-height:620px}.hero-actions{gap:18px}.hero-actions>.button{padding:14px 18px;font-size:12px}.sample{font-size:12px}.hero-foot{gap:12px;flex-wrap:wrap;font-size:12px}.photo-caption{left:30px;font-size:19px}.choose-section{padding:62px 6%}.intro-strip{padding:27px 6%;gap:20px}.intro-strip>span:first-child{font-size:21px;max-width:150px}.intro-strip p{font-size:12px}.how-section{margin:0 6%;gap:40px}.instrument-choice{padding:28px 25px}.instrument-art{opacity:.65;right:-15px}.workspace{padding:28px 30px 65px}.session-banner{padding:27px}.session-controls{min-width:310px}.lesson-grid{gap:30px;grid-template-columns:1fr 230px}.studio-heading h1{font-size:46px}.module{grid-template-columns:210px 1fr;gap:25px}.section-heading>p{max-width:245px}footer p{max-width:240px;line-height:1.7}}@media(max-width:720px){.site-header{height:80px;padding:0 6%;position:relative;z-index:10}.brand{font-size:20px}.brand small{font-size:12px}.brand-mark{transform:scale(.85) rotate(-13deg);width:26px}.mobile-toggle{display:flex}.site-header nav{display:none;position:absolute;top:79px;left:0;right:0;padding:22px 6%;background:var(--navy);border-bottom:1px solid #ffffff20;gap:20px;box-shadow:0 12px 22px #0002}.site-header.light nav{background:var(--cream)}.site-header nav.open{display:flex;flex-wrap:wrap}.site-header nav button{font-size:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:36px 7% 32px}.hero-note{font-size:12px;margin-bottom:24px}.hero h1{font-size:clamp(56px,12vw,82px);letter-spacing:-2px;line-height:1.02}.hero-copy>p{font-size:14px;max-width:370px}.hero-actions{margin-top:25px;gap:20px}.hero-foot{margin-top:28px;gap:14px;font-size:12px}.hero-visual{height:330px;min-height:330px}.hero-visual img{object-position:50% 62%}.photo-shade{background:linear-gradient(180deg,#111e2a 0%,transparent 20%),linear-gradient(0deg,#111e2acf,transparent 70%)}.photo-caption{bottom:25px;left:7%;font-size:20px}.sound-tag{right:6%;top:20px;font-size:12px}.intro-strip{display:grid;grid-template-columns:1fr 1fr;padding:26px 7%;gap:19px}.intro-strip>span:first-child{max-width:none;font-size:24px}.intro-strip p{font-size:12px}.strip-note{display:none}.intro-strip>p:last-child{grid-column:1 / -1;border-top:1px solid #d9ddcf;padding-top:15px}.intro-strip>p:last-child br{display:none}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:350px;margin-top:20px;font-size:12px}.section-heading h2{font-size:35px}.eyebrow{font-size:12px;margin-bottom:13px}.choose-section{padding:46px 6%}.instrument-choices{grid-template-columns:1fr;gap:15px}.instrument-choice{min-height:220px;padding:29px}.instrument-art{right:18px;opacity:1}.instrument-art svg{width:170px}.instrument-choice h3{font-size:39px}.how-section{padding:40px 0 46px;grid-template-columns:1fr;gap:32px}.how-section h2{font-size:35px}.how-section>div>p{margin-top:17px}.how-section ol{gap:24px}.closing{padding:45px 6%}.closing h2{font-size:34px}.closing p,.closing .button{font-size:12px}footer{flex-wrap:wrap;padding:27px 6%;gap:15px}footer p{max-width:none;flex-basis:100%;order:3}footer>span{margin-left:auto;font-size:12px}.workspace{padding:22px 6% 50px}.workspace-top{align-items:flex-start;margin-bottom:32px;gap:12px}.instrument-switch button{padding:8px 15px;font-size:12px}.save-label{text-align:right;max-width:145px;font-size:12px;line-height:1.5;padding-top:4px}.studio-heading h1{font-size:41px}.session-banner{display:block;padding:25px 22px}.session-banner h2{font-size:31px}.session-controls{min-width:0;margin-top:22px}.session-length small{font-size:12px}.session-length button{padding:12px}.library-heading{margin-top:34px;gap:15px}.library-heading h2{font-size:27px}.library-heading p{font-size:12px}.library-heading>span{white-space:nowrap;font-size:12px}.filters{flex-wrap:wrap;gap:10px}.search{flex-basis:100%}.level-filter{flex:1}.level-filter select{width:100%;max-width:none}.favorite-filter{font-size:12px}.module{grid-template-columns:1fr;gap:15px;padding:24px 0}.module-intro h3{font-size:25px;display:inline;margin-left:0}.module-intro .module-number{font-size:25px}.module-intro .level-tag{float:right;margin-top:6px}.module-intro p{margin-top:10px;font-size:12px}.lesson-open strong{font-size:12px}.lesson-row{min-height:72px;gap:5px}.lesson-open{gap:12px}.lesson-heading{padding-right:30px}.lesson-heading h1{font-size:38px}.lesson-heading>p{font-size:13px}.lesson-grid{display:flex;flex-direction:column;gap:30px}.lesson-content{width:100%}.lesson-aside{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px;order:-1}.sound-box{padding:20px}.sound-box h3{font-size:23px}.sound-box p{font-size:12px;margin:13px 0 15px}.sound-box .button{padding:10px;font-size:12px}.sound-box small{font-size:12px}.lesson-aside>.tip{grid-column:1/-1;margin:0;padding:15px 0 0}.lesson-aside>.chord{padding:4px 0}.chord svg{width:145px}.chord small{font-size:12px}.lesson-aside:not(:has(.chord)){grid-template-columns:1fr}.lesson-aside .sound-box>svg{display:none}.analogy{padding:20px}.analogy p{font-size:19px}.lesson-content>p{font-size:13px}.lesson-heading .eyebrow{font-size:12px}.lesson-heading{margin-bottom:25px}.favorite{right:-7px}.session-done h1{font-size:48px}.done-actions{flex-direction:column}.session-done>p{font-size:13px}.tools h1{font-size:40px}.tool-tabs{gap:20px}.tool-tabs button{font-size:12px}.tool-panel{padding-top:29px}.tool-panel>h2{font-size:29px}.tool-panel>p{font-size:12px}.chord-library{grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}.chord-library .chord{padding:18px 0 15px}.chord-library .button{font-size:12px;padding:10px}.fretboard{padding:13px}.fret-string{grid-template-columns:repeat(6,minmax(52px,1fr))}.fret-string button{min-height:68px}.fret-string button>span{font-size:12px;padding:5px}.ear-game h2{font-size:30px}.auth-content{padding:30px 25px}.auth-content h2{font-size:34px}.auth-content .brand{margin-bottom:28px}.notice{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.site-header nav button{min-height:44px}.icon{min-width:44px;min-height:44px}.lesson-row>.icon{min-width:44px;min-height:44px}.button,.sample{font-size:13px}.hero-foot{flex-wrap:wrap}.instrument-choice p{max-width:220px}.session-length small{line-height:1.4}.instrument-switch button{min-height:40px}.tool-tabs button{min-height:44px}.notice .icon{min-height:44px;min-width:44px}.photo-caption{max-width:calc(100% - 65px)}@media(max-width:720px){.hero-foot{gap:12px}.hero-foot span{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions .button,.sample{font-size:13px}.hero-note{font-size:12px}.hero-foot{margin-top:24px}.lesson-content>p,.practice-steps li,.lesson-heading>p{font-size:15px}.auth-content input,.search input{font-size:16px}.lesson-open strong{font-size:14px}.button,.sound-box .button,.chord-library .button{font-size:13px;min-height:44px}.tool-tabs button,.instrument-choice p{font-size:13px}.session-length small{font-size:12px}.session-length button{padding:11px 9px}.session-controls .button{min-height:46px}.hero-foot span:last-child{flex-basis:100%}.lesson-aside{grid-template-columns:1fr}.lesson-aside>.chord{padding:14px 0}.lesson-aside .sound-box p{font-size:14px}.chord small{font-size:12px}.save-label{font-size:12px;max-width:155px}.workspace-top{align-items:center}.lesson-open{gap:10px}.level-filter select,.favorite-filter{font-size:13px}.intro-strip p,.closing p,.how-section li p,.how-section>div>p{font-size:14px}.sound-tag{font-size:12px}.site-header nav{gap:16px}.library-heading>span{font-size:12px}.module-intro p{font-size:14px}.tool-panel>p,.metronome>p,.ear-game>p{font-size:14px}.fret-string button>span{font-size:12px}.fret-string{grid-template-columns:repeat(6,minmax(57px,1fr))}.fretboard{padding:8px}.section-heading>p{font-size:14px}}.note-sequence{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.note-sequence span{display:flex;align-items:center;justify-content:center;min-width:33px;min-height:33px;border:1px solid #64737a;border-radius:50%;font-size:12px;color:#b8c6cd;transition:background .08s,transform .08s}.note-sequence .sounding{background:#e9b96c;color:#111e2a;border-color:#e9b96c;transform:scale(1.1)}.demo-tempo{display:flex;flex-wrap:wrap;justify-content:space-between;color:#b8c6cd;font-size:12px;align-items:center}.demo-tempo input[type=range]{margin:12px 0 24px;height:20px}.demo-tempo>span{color:#f3d4a3}.instrument-choices{grid-template-columns:repeat(3,1fr)}.instrument-choice{padding:30px 24px;min-height:265px}.instrument-choice.electric{background:#e7dfd3}.electric .instrument-art{color:#785c5755;transform:rotate(-12deg);right:-25px;bottom:-50px}.electric .instrument-art svg{width:155px}.instrument-choice>div:first-child{max-width:235px}.instrument-art{opacity:.45;right:-30px;bottom:-60px}.instrument-choice h3{font-size:36px}.tone-select{display:flex;align-items:center;gap:8px;font-size:12px;color:#68766b}.tone-select select{background:transparent;border:1px solid #c4cec0;border-radius:5px;padding:9px;color:#273c34}.workspace-top{flex-wrap:wrap}.workspace-top .save-label{margin-left:auto}@media(max-width:900px){.instrument-choices{grid-template-columns:1fr}.instrument-choice{min-height:220px;padding:28px 32px}.instrument-art,.electric .instrument-art{right:20px;bottom:-40px;opacity:.65}.instrument-choice h3{font-size:41px}.instrument-choice>div:first-child{max-width:280px}.instrument-choice p{max-width:280px}}@media(max-width:720px){.instrument-switch button{padding:8px 12px}.workspace-top{gap:14px}.tone-select{order:3;width:100%}.workspace-top .save-label{max-width:100%;margin-left:0;flex-basis:100%;text-align:left}.workspace-top{margin-bottom:25px}}.site-header nav{margin-left:auto}.header-tools{display:flex;align-items:center;gap:10px;margin-left:32px}.lang-switch{display:flex;border:1px solid #ffffff36;border-radius:6px;overflow:hidden}.light .lang-switch{border-color:#c9cbc4}.lang-switch button{min-width:42px;min-height:44px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.6px}.lang-switch button+button{border-left:1px solid #ffffff36}.light .lang-switch button+button{border-left-color:#c9cbc4}.lang-switch button[aria-pressed=true]{background:var(--gold);color:#172735}.lang-switch button[aria-pressed=false]:hover{background:#ffffff1a}.light .lang-switch button[aria-pressed=false]:hover{background:#edece3}.lang-switch button:focus-visible{outline-offset:-3px}.workspace-loading{color:#4f5a60;font-size:14px;padding:40px 0;text-align:center}.done-actions .button{min-width:210px}.session-done>.done-next{font-size:13px;color:#4f5a60;margin:0 auto 18px}.done-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;font-size:13px}.done-links .text-button{font-size:13px;color:#33424c}@media(max-width:720px){.header-tools{margin-left:auto;gap:6px}.lang-switch button{min-width:38px;padding:0 8px}.done-actions .button{width:100%;min-width:0}}