@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#24342f;--muted:#718079;--paper:#f6f2e9;--cream:#fcfaf5;--line:#dfe1d6;--teal:#3e7169;--orange:#d98b46;--shadow:0 24px 60px rgba(47,62,52,.1);font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 2%,#fff8e7 0,transparent 30%),var(--paper)}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit}.app-shell{min-height:100vh;overflow:hidden}.topbar{height:82px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(82,105,89,.12);background:#f6f2e9d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;background:transparent;text-align:left}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#f6d6a9;font:600 13px Playfair Display;letter-spacing:-1px}.brand strong{display:block;font-size:17px;letter-spacing:-.5px}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:30px}.nav button,.text-button{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--muted);font-weight:600}.nav button{padding:31px 0 27px;border-bottom:2px solid transparent;font-size:13px}.nav button:hover,.nav button.active{color:var(--ink);border-bottom-color:var(--orange)}.nav-account{color:var(--teal)!important}.menu-toggle{display:none;background:transparent}.page{width:min(1200px,calc(100% - 48px));margin:auto;padding:70px 0 100px}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.hero h1,.page-intro h1,.auth-story h1{max-width:650px;margin:18px 0 22px;font:500 clamp(42px,5.5vw,76px)/1.04 "Playfair Display",serif;letter-spacing:-2px}.hero h1 em,.page-intro h1 em,.auth-story h1 em,h2 em{color:var(--orange)}.hero-copy>p,.page-intro>p{max-width:540px;color:var(--muted);font-size:16px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;color:#fff;background:var(--teal);border-radius:5px;font-weight:700;box-shadow:0 8px 20px #3e716933}.primary:hover{background:var(--ink);transform:translateY(-1px)}.text-button{padding:8px 0;color:var(--teal)}.hero-proof{display:flex;gap:28px;margin-top:68px;color:var(--muted);font-size:12px}.hero-proof strong{display:block;color:var(--ink);font:600 21px Playfair Display;margin-bottom:4px}.hero-art{height:500px;position:relative;background:linear-gradient(140deg,#e5c49b,#b9cec1);overflow:hidden;border-radius:48% 48% 8px 8px;box-shadow:var(--shadow)}.sun-disc{position:absolute;width:300px;height:300px;border-radius:50%;background:#f1b66d;right:18%;top:16%;mix-blend-mode:multiply}.hero-orbit{position:absolute;width:420px;height:170px;border:1px solid rgba(36,52,47,.35);border-radius:50%;transform:rotate(-31deg)}.orbit-one{top:31%;left:4%}.orbit-two{top:40%;left:16%;transform:rotate(45deg)}.hero-instrument{position:absolute;inset:0;display:grid;place-items:center;color:#f8e8cc;font:130px Playfair Display;text-shadow:10px 10px 0 rgba(36,52,47,.13)}.hero-caption{position:absolute;bottom:27px;left:28px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.4);border-radius:30px;color:#fff;background:#24342fa6;font-size:12px}.pulse{width:7px;height:7px;border-radius:50%;background:#f1b66d;box-shadow:0 0 0 5px #f1b66d33}.manifesto{padding:120px 0 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1.3fr 1fr;gap:30px}.manifesto h2,.section-heading h2,.home-cta h2,.dashboard-top h1,.learning-main h2,.path-card h2,.sheet-heading h3{margin:0;font:500 clamp(28px,3.3vw,44px)/1.1 "Playfair Display";letter-spacing:-1px}.manifesto p{margin:5px 0;color:var(--muted);line-height:1.8;max-width:350px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{margin-top:10px;font-size:34px}.instrument-grid,.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.instrument-card{position:relative;padding:0;overflow:hidden;text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:10px;transition:.25s}.instrument-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.instrument-art{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--instrument-accent) 70%,white),#e9dfca)}.instrument-art span,.modal-art span{position:absolute;inset:0;display:grid;place-items:center;color:#fffaeee6;font:100px Playfair Display;text-shadow:8px 8px 0 rgba(36,52,47,.12)}.instrument-art i{position:absolute;display:block;width:170px;height:1px;background:#ffffffb3;transform:rotate(-25deg)}.instrument-art i:nth-child(2){top:35%;left:-10px}.instrument-art i:nth-child(3){top:50%;right:-20px;transform:rotate(20deg)}.instrument-art i:nth-child(4){bottom:20%;left:20px}.instrument-card-copy{padding:18px 18px 20px}.instrument-card-copy small,.detail-grid small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.instrument-card h3{margin:8px 0 4px;font:600 22px Playfair Display}.instrument-card p{margin:0;color:var(--muted);font-size:12px}.card-arrow{position:absolute;top:14px;right:14px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:#ffffffbf}.sound-chip{position:absolute;bottom:17px;right:15px;display:flex;align-items:center;gap:5px;color:var(--teal);font-size:10px;opacity:0;transition:.2s}.instrument-card:hover .sound-chip{opacity:1}.home-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:110px;padding:48px;color:#fff;background:var(--ink);border-radius:8px}.home-cta .eyebrow{color:#f1b66d}.home-cta h2{margin-top:12px}.home-cta .primary{background:#e5a05f;color:var(--ink);box-shadow:none}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;padding:35px 0 70px}.page-intro h1{font-size:64px}.explore-grid{grid-template-columns:repeat(2,1fr)}.explore-grid .instrument-art{height:280px}.explore-note{display:flex;align-items:center;gap:12px;margin-top:26px;color:var(--muted);font-size:13px}.compact-cta{margin-top:70px}.dashboard-top{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:46px}.dashboard-top h1{font-size:56px;margin:13px 0}.dashboard-top p{max-width:560px;color:var(--muted);line-height:1.7}.streak-card{min-width:185px;padding:24px;background:#ead9bd;border-radius:8px;color:#9f5d35}.streak-card strong{display:block;font:600 55px Playfair Display;color:var(--ink);line-height:1;margin-top:10px}.streak-card span,.streak-card small{display:block}.streak-card small{margin-top:12px;color:#8b7a65;font-size:11px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:60px}.stat-row>div{padding:21px 25px;display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-items:center;border-right:1px solid var(--line)}.stat-row>div:last-child{border:0}.stat-row svg{grid-row:span 2;color:var(--orange)}.stat-row span{font-size:11px;color:var(--muted)}.stat-row strong{font:600 24px Playfair Display}.learning-layout{display:grid;grid-template-columns:1fr 330px;gap:32px}.section-heading.inline{align-items:center}.section-heading select{padding:10px 13px;border:1px solid var(--line);border-radius:5px;background:var(--cream);color:var(--teal)}.course-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.course-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--cream)}.course-card-top{min-height:100px;padding:17px;display:flex;justify-content:space-between;align-items:start;color:#fff}.course-card-top span,.course-card-top b{padding:5px 8px;background:#00000029;border-radius:3px;font-size:10px}.course-card-body{padding:21px}.course-card h3{margin:0 0 9px;font:600 22px Playfair Display}.course-card p{color:var(--muted);min-height:37px;font-size:12px;line-height:1.5}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:24px}.progress-label strong{color:var(--teal)}.progress-bar,.sheet-progress{height:6px;overflow:hidden;background:#e4e5db;border-radius:20px;margin:8px 0 17px}.progress-bar i,.sheet-progress i{display:block;height:100%;background:var(--orange);border-radius:inherit}.path-card{padding:27px;align-self:start;color:#fff;background:var(--teal);border-radius:8px}.path-card .section-kicker{color:#f1b66d}.path-card h2{margin-top:12px;font-size:30px}.path-list{margin-top:28px}.path-item{position:relative;display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15);opacity:.47}.path-item.done,.path-item.current{opacity:1}.path-number{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:10px}.path-item.done .path-number{color:var(--teal);border-color:#f1b66d;background:#f1b66d}.path-item div{display:flex;flex-direction:column;gap:3px}.path-item strong{font-size:13px}.path-item small{color:#bdd4c6;font-size:10px}.current-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#f1b66d}.sheet-panel{margin-top:55px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#ebe7dc}.sheet-heading{display:flex;justify-content:space-between;align-items:start}.sheet-heading h3{margin-top:8px;font-size:28px}.tempo{color:var(--muted);font-size:12px}.sheet-canvas{display:flex;align-items:center;gap:20px;min-height:140px;margin-top:22px;padding:25px;background:#fbf9f1;border:1px solid #d8d9ca}.clef{font:55px Playfair Display}.staff-lines{position:relative;flex:1;display:grid;gap:14px}.staff-lines>i{display:block;height:1px;background:#a9b0a4}.notes{position:absolute;inset:-19px 0;display:flex;justify-content:space-around;align-items:center}.note{position:relative;color:var(--ink);font:28px Playfair Display;transition:.2s}.note.active{color:var(--orange);transform:scale(1.35)}.sheet-controls{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--muted);font-size:12px}.icon-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--cream)}.sheet-progress{flex:1;margin:0 0 0 18px}.auth-layout{min-height:620px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:100px}.auth-story h1{font-size:65px}.auth-story>p{max-width:440px;color:var(--muted);line-height:1.8}.quote-mark{color:var(--orange);font:80px Playfair Display;line-height:.7;margin-top:60px}.quote{font:italic 17px/1.6 Playfair Display;color:var(--ink)!important}.auth-card{padding:35px;background:var(--cream);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.auth-tabs button{padding:0 0 14px;background:transparent;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.auth-tabs button.active{color:var(--teal);border-bottom-color:var(--orange)}.auth-card h2{margin:0;font:500 30px Playfair Display}.muted{color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:16px;margin-top:25px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:4px;background:#fffdfa;outline:0}.auth-card input:focus{border-color:var(--teal)}.full{width:100%;margin-top:5px}.divider{display:flex;align-items:center;gap:10px;margin:23px 0 16px;color:var(--muted);font-size:11px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.social-button{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:#fff;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px;background:#1c2a2399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.instrument-modal{position:relative;width:min(760px,100%);display:grid;grid-template-columns:.85fr 1fr;overflow:hidden;border-radius:10px;background:var(--cream);box-shadow:0 30px 100px #00000040}.modal-close{position:absolute;z-index:1;top:16px;right:16px;padding:7px 10px;color:#fff;background:#0000004d;border-radius:4px;font-size:11px}.modal-art{min-height:430px;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--instrument-accent) 75%,white),#e7d9bc)}.modal-art span{font-size:150px}.modal-content{padding:52px 38px}.modal-content h2{margin:12px 0 4px;font:500 43px Playfair Display}.modal-tone{color:var(--orange)!important;font-weight:700}.modal-content>p{color:var(--muted);line-height:1.7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0}.detail-grid span{display:grid;gap:6px}.detail-grid strong{font-size:12px}@media(max-width:900px){.nav{gap:16px}.instrument-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-art{height:400px}.manifesto{grid-template-columns:1fr 1fr}.manifesto p{grid-column:2}.learning-layout,.auth-layout{grid-template-columns:1fr;gap:40px}.auth-layout{padding:20px 0}.path-card{order:-1}.auth-story{text-align:center}.auth-story>p{margin-inline:auto}.quote-mark{margin-top:30px}.auth-card{width:min(480px,100%);margin:auto}}@media(max-width:620px){.topbar{height:70px;padding-inline:20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;inset-inline:0;padding:12px 20px 20px;flex-direction:column;align-items:stretch;background:var(--cream);box-shadow:var(--shadow)}.nav.open{display:flex}.nav button{padding:13px 0;text-align:left;border:0}.page{width:min(100% - 32px,1200px);padding-top:42px}.hero h1,.page-intro h1,.auth-story h1{font-size:44px}.hero-art{height:330px}.hero-proof{gap:15px;margin-top:40px}.manifesto{display:block;padding:80px 0 65px}.manifesto h2{margin:20px 0}.instrument-grid,.explore-grid,.course-list{grid-template-columns:1fr}.instrument-art,.explore-grid .instrument-art{height:220px}.section-heading,.page-intro,.dashboard-top,.home-cta{align-items:start;flex-direction:column}.home-cta{padding:30px;margin-top:70px}.dashboard-top h1{font-size:44px}.stat-row{grid-template-columns:1fr}.stat-row>div{border-right:0;border-bottom:1px solid var(--line)}.sheet-canvas{padding:15px;gap:9px}.sheet-controls{flex-wrap:wrap}.sheet-progress{flex-basis:100%;margin:8px 0 0}.instrument-modal{grid-template-columns:1fr;max-height:90vh;overflow:auto}.modal-art{min-height:180px}.modal-art span{font-size:90px}.modal-content{padding:30px 24px}}.lesson-header{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:42px 0 34px}.lesson-header h1{margin:12px 0;font:500 52px Playfair Display}.lesson-header p{color:var(--muted)}.lesson-badge{display:flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;font-weight:700}.lesson-grid{display:grid;grid-template-columns:1fr 330px;gap:22px}.practice-card,.lesson-sidebar{padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--cream)}.practice-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.practice-top strong{color:var(--teal)}.web-staff{min-height:180px;margin:25px 0;padding:35px 28px;display:flex;align-items:center;gap:clamp(5px,2.5vw,26px);border-block:1px solid var(--line);background:#fbf9f1}.web-clef{font:55px Playfair Display}.web-note{position:relative;min-width:34px;padding:27px 4px 0;background:transparent;color:var(--ink);font:600 14px DM Sans}.web-note i{position:absolute;top:2px;left:50%;width:18px;height:18px;border:2px solid currentColor;border-radius:50%;transform:translate(-50%)}.web-note i:after{content:"";position:absolute;right:-2px;top:-12px;width:2px;height:16px;background:currentColor}.web-note.active{color:var(--orange);transform:translateY(-8px)}.target-note{display:grid;gap:4px}.target-note small{color:var(--muted);font-size:11px}.target-note strong{font:500 38px Playfair Display;color:var(--teal)}.target-note span{color:var(--muted);font-size:12px}.practice-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin:29px 0 20px}.play-large{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff}.lesson-progress{height:5px;overflow:hidden;border-radius:20px;background:#e4e5db}.lesson-progress i{display:block;height:100%;background:var(--orange)}.lesson-sidebar h2{margin:10px 0 25px;font:500 27px Playfair Display}.lesson-item{display:flex;gap:10px;align-items:start;padding:14px 0;border-top:1px solid var(--line);opacity:.55}.lesson-item.current{opacity:1}.lesson-item>span{width:25px;height:25px;display:grid;place-items:center;color:var(--teal);border:1px solid var(--line);border-radius:50%;font-size:10px}.lesson-item.current>span{color:#fff;background:var(--orange);border-color:var(--orange)}.lesson-item div{display:grid;gap:4px}.lesson-item strong{font-size:12px}.lesson-item small{color:var(--muted);font-size:10px}@media(max-width:900px){.lesson-grid{grid-template-columns:1fr}.lesson-sidebar{order:-1}.lesson-header{align-items:start;flex-direction:column}}@media(max-width:620px){.lesson-header h1{font-size:42px}.practice-card{padding:18px}.web-staff{gap:4px;padding-inline:10px}.web-clef{font-size:38px}.web-note{min-width:24px;font-size:11px}.web-note i{width:14px;height:14px}}.sheet-svg-wrap{width:100%;overflow-x:auto;background:#fbf9f1}.sheet-svg{display:block;min-width:620px;width:100%;height:auto}.sheet-lines line{stroke:#263630;stroke-width:1.2}.sheet-clef{fill:#263630;font:76px Playfair Display}.sheet-time{fill:#263630;font:600 20px DM Sans}.sheet-bar{stroke:#88968c;stroke-width:1}.sheet-bar.final{stroke:#263630;stroke-width:1.5}.sheet-note{color:#263630}.sheet-note.active{color:var(--orange)}.note-head{fill:#fbf9f1;stroke:currentColor;stroke-width:2.2}.note-head.filled{fill:currentColor}.note-stem,.sheet-ledger{stroke:currentColor;stroke-width:2}.note-flag{fill:none;stroke:currentColor;stroke-width:2}.sheet-cursor{stroke:var(--orange);stroke-width:2;stroke-dasharray:5 4;opacity:.9}.real-sheet{margin:25px 0;padding:18px 8px;border-block:1px solid var(--line);background:#fbf9f1}.real-sheet .sheet-svg{min-width:760px}.sheet-canvas{overflow:hidden}.sheet-canvas .sheet-svg-wrap{min-height:180px}.instrument-art img,.modal-art img{width:100%;height:100%;display:block;object-fit:cover}.instrument-art span,.modal-art span{color:#fffaee59}.flute-modal-body{grid-column:1 / -1;padding:36px 40px 30px}.flute-modal-body>.modal-content{padding:0}.flute-modal-body>.modal-content h2{margin-bottom:3px}.flute-interactive{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:7px;background:#f1ecdf}.flute-visual{position:relative;overflow:hidden;height:230px;border-radius:5px;background:#e9dcc2}.flute-visual img{width:100%;height:100%;object-fit:cover}.flute-hotspot{position:absolute;top:52%;width:30px;height:30px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700;box-shadow:0 3px 10px #00000040}.flute-hotspot.closed{background:#583522}.flute-hotspot.open{background:var(--teal)}.flute-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}.flute-controls>div{display:grid;gap:3px}.flute-controls strong{font:500 30px Playfair Display}.flute-controls small{color:var(--muted);font-size:11px}.play-note{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:4px;color:#fff;background:var(--orange);font-weight:700}.play-note:disabled{opacity:.45;cursor:not-allowed}.hole-row{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:18px}.hole-button{padding:9px 4px;border:1px solid var(--line);border-radius:4px;background:var(--cream);color:var(--muted);font-size:11px}.hole-button span{display:block;margin-bottom:3px;color:var(--ink);font-weight:700}.hole-button.closed{border-color:#b9855f;color:#8b5738}.hole-button.open{border-color:#75a69e;color:var(--teal)}.flute-tip{margin:15px 0 0;color:var(--muted);font-size:11px}.flute-learn{margin-top:22px}@media(max-width:620px){.flute-modal-body{padding:30px 18px 22px}.flute-visual{height:180px}.flute-hotspot{width:25px;height:25px}.flute-controls{align-items:start;flex-direction:column}.hole-row{gap:4px}.hole-button{font-size:10px}}.parallax-instrument{height:auto;opacity:1;visibility:visible}.sao-layer{z-index:4}.day-layer{z-index:2}.bau-layer{z-index:5}.parallax-scene{background:linear-gradient(135deg,#132218,#2d6a4f)}.parallax-scene:before{background:linear-gradient(115deg,transparent 42%,rgba(183,228,199,.1) 43%,transparent 44%)}.parallax-instrument{display:block}.hero-art{height:auto;min-height:500px;overflow:visible;padding:0;background:#132218;border-radius:10px}.instrument-showcase{position:relative;min-height:500px;display:grid;grid-template-columns:.78fr 1.22fr;grid-template-rows:1fr auto;gap:16px;padding:26px;overflow:hidden;border:1px solid #2A4035;border-radius:10px;background:linear-gradient(145deg,#132218,#1b4332)}.showcase-copy{position:relative;z-index:2;align-self:center}.showcase-copy h2{margin:13px 0 5px;color:#fff;font:500 clamp(28px,3vw,42px) "Playfair Display"}.showcase-copy>p{color:#9cb8a8;font-size:12px;line-height:1.65}.showcase-copy .showcase-tone{color:#f4a261;font-weight:700}.showcase-history{padding-left:14px;border-left:2px solid #52B788}.fact-row{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.fact-row span{padding:6px 8px;color:#b7e4c7;border:1px solid #2A4035;border-radius:3px;font-size:10px}.showcase-stage{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;perspective:850px;border-radius:7px;background:radial-gradient(circle at 50% 50%,rgba(82,183,136,.17),transparent 52%),#0f2017}.stage-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(183,228,199,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(183,228,199,.12) 1px,transparent 1px);background-size:32px 32px;transform:perspective(400px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.showcase-image{position:relative;z-index:2;width:112%;max-width:none;max-height:330px;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 24px 15px rgba(0,0,0,.34));transform-style:preserve-3d;transition:transform .18s ease-out}.showcase-image:not(.transparent){width:95%;border-radius:5px}.stage-label{position:absolute;z-index:3;right:13px;bottom:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;color:#b7e4c7;border:1px solid #2A4035;border-radius:20px;background:#0a1a12bf;font-size:10px}.instrument-switcher{grid-column:1 / -1;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.switcher-hint{grid-column:1 / -1;color:#6b8f7c;font-size:10px}.instrument-switch{min-height:54px;padding:9px 10px;display:grid;grid-template-columns:25px 1fr;column-gap:8px;align-items:center;text-align:left;color:#9cb8a8;border:1px solid #2A4035;border-radius:5px;background:#132218}.instrument-switch:hover,.instrument-switch.active{color:#fff;border-color:#52b788;background:#1a2e22}.instrument-switch>span{grid-row:span 2;color:#f4a261;font:500 15px Playfair Display}.instrument-switch strong{font-size:11px}.instrument-switch small{color:#6b8f7c;font-size:9px}.instrument-switch.active small{color:#9cb8a8}@media(max-width:900px){.hero-art{min-height:0}.instrument-showcase{grid-template-columns:1fr}.showcase-stage{min-height:340px}.showcase-copy{text-align:left}.instrument-switcher{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.instrument-showcase{padding:18px}.showcase-stage{min-height:250px}.showcase-image{width:125%;max-height:250px}.instrument-switcher{grid-template-columns:1fr 1fr}.instrument-switch{min-height:48px;padding:7px}.instrument-switch strong{font-size:10px}}.header-tools{display:flex;align-items:center;gap:12px}.theme-toggle{width:34px;height:34px;display:grid;place-items:center;border:1px solid #2A4035;border-radius:50%;color:#f4a261;background:#132218}.theme-toggle:hover{color:#fff;border-color:#52b788}.theme-light{--ink:#0D1F17;--muted:#4A6358;--paper:#F7F9F7;--cream:#FFFFFF;--line:#E0EBE4;--teal:#2D6A4F;--orange:#F4A261;--shadow:0 24px 60px rgba(38,75,56,.12);color:var(--ink);background:#f7f9f7}.theme-light body{background:#f7f9f7}.theme-light .topbar{background:#f7f9f7e6;border-bottom-color:#e0ebe4}.theme-light .brand-mark{background:#2d6a4f;color:#b7e4c7}.theme-light .nav button:hover,.theme-light .nav button.active{color:#0d1f17}.theme-light .theme-toggle{color:#2d6a4f;border-color:#e0ebe4;background:#fff}.theme-light .primary{background:#2d6a4f}.theme-light .hero-art{background:linear-gradient(140deg,#ddede3,#9ccab0)}.theme-light .hero-instrument{color:#fff}.theme-light .instrument-card,.theme-light .course-card,.theme-light .auth-card,.theme-light .sheet-panel,.theme-light .practice-card,.theme-light .lesson-sidebar{background:#fff;border-color:#e0ebe4}.theme-light .instrument-art{background:linear-gradient(135deg,#b7e4c7,#e5f2e9)}.theme-light .home-cta{background:#0d1f17}.theme-light .streak-card{background:#d9efe1;color:#2d6a4f}.theme-light .streak-card strong{color:#0d1f17}.theme-light .streak-card small{color:#4a6358}.theme-light .stat-row{border-color:#e0ebe4}.theme-light .stat-row>div{border-color:#e0ebe4}.theme-light .path-card{background:#2d6a4f}.theme-light .sheet-canvas,.theme-light .real-sheet,.theme-light .sheet-svg-wrap{background:#fbfdfb}.theme-light .note-head{fill:#fbfdfb}.theme-light .modal-backdrop{background:#0d1f178c}.theme-light .instrument-modal{background:#fff}.theme-light .modal-art{background:linear-gradient(135deg,#b7e4c7,#e5f2e9)}.theme-light .flute-interactive{background:#eff5ef}.theme-light .flute-visual{background:#e5f2e9}.theme-light .auth-card input,.theme-light .social-button,.theme-light .icon-button,.theme-light .section-heading select{color:#0d1f17;background:#fff;border-color:#e0ebe4}.theme-light .web-staff{background:#fbfdfb;border-color:#e0ebe4}.theme-light .lesson-item{border-color:#e0ebe4}.theme-light .instrument-showcase{background:linear-gradient(145deg,#fff,#eff5ef);border-color:#e0ebe4}.theme-light .showcase-stage{background:radial-gradient(circle at 50% 50%,rgba(82,183,136,.2),transparent 52%),#eff5ef}.theme-light .stage-grid{background-image:linear-gradient(rgba(45,106,79,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(45,106,79,.12) 1px,transparent 1px)}.theme-light .instrument-switch{color:#4a6358;background:#fff;border-color:#e0ebe4}.theme-light .instrument-switch:hover,.theme-light .instrument-switch.active{color:#0d1f17;background:#eff5ef;border-color:#2d6a4f}.theme-light .flute-modal-body{color:#0d1f17}.hero-logo-art{display:grid;place-items:center;align-content:center;gap:15px;text-align:center;background:radial-gradient(circle at center,rgba(82,183,136,.2),transparent 45%),#132218}.logo-sigil{position:relative;color:#b7e4c7;font:600 108px/.75 Playfair Display;letter-spacing:-9px}.logo-sigil span{display:block;margin-top:18px;color:#f4a261;font:italic 22px Playfair Display;letter-spacing:2px}.hero-logo-art p{color:#9cb8a8;font-size:11px;line-height:1.6;letter-spacing:2px;text-transform:uppercase}.logo-orbit{position:absolute;width:285px;height:285px;border:1px solid rgba(183,228,199,.26);border-radius:50%;transform:rotate(-25deg)}.home-page>.instrument-showcase{margin-top:20px}.home-page>.instrument-showcase .showcase-stage{min-height:410px}@media(max-width:900px){.home-page>.instrument-showcase .showcase-stage{min-height:340px}}@media(max-width:620px){.hero-logo-art{min-height:330px}.home-page>.instrument-showcase .showcase-stage{min-height:270px}}.showcase-carousel{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.showcase-carousel .instrument-switcher{grid-column:auto;display:flex;min-width:0;overflow-x:auto;padding:2px 0 8px;cursor:grab;scrollbar-width:thin;scrollbar-color:#52B788 #2A4035}.showcase-carousel .instrument-switcher:active{cursor:grabbing}.showcase-carousel .instrument-switch{flex:0 0 190px}.carousel-arrow{width:38px;height:38px;display:grid;place-items:center;color:#b7e4c7;border:1px solid #2A4035;border-radius:50%;background:#1a2e22}.carousel-arrow:hover{color:#fff;border-color:#52b788;background:#2d6a4f}.showcase-carousel .switcher-hint{position:absolute;left:52px;bottom:-5px;color:#6b8f7c;font-size:10px}.theme-light .carousel-arrow{color:#2d6a4f;border-color:#e0ebe4;background:#fff}.theme-light .carousel-arrow:hover{color:#fff;background:#2d6a4f}.theme-light .showcase-carousel .instrument-switcher{scrollbar-color:#2D6A4F #E0EBE4}@media(max-width:620px){.showcase-carousel{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.showcase-carousel .instrument-switch{flex-basis:155px}.carousel-arrow{width:32px;height:32px}.showcase-carousel .switcher-hint{left:40px}}.home-page>.instrument-showcase{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(340px,1.5fr) minmax(190px,.75fr);grid-template-rows:minmax(460px,auto) auto;gap:24px 46px;margin-top:76px;padding:28px 10px 0;overflow:visible;border:0;border-radius:0;background:transparent}.home-page>.instrument-showcase .showcase-copy{align-self:center}.home-page>.instrument-showcase .showcase-copy h2{font-size:42px}.home-page>.instrument-showcase .showcase-stage{min-height:460px;overflow:visible;border-radius:0;background:transparent}.home-page>.instrument-showcase .stage-grid{opacity:.13;border-radius:50%;background-image:radial-gradient(rgba(82,183,136,.5) 1px,transparent 1px);background-size:20px 20px;transform:none}.home-page>.instrument-showcase .showcase-image{width:125%;max-height:440px}.home-page>.instrument-showcase .showcase-side{align-self:center;padding-left:30px;border-left:1px solid #2A4035}.showcase-side .showcase-history{color:#9cb8a8;font-size:13px;line-height:1.8}.fact-column{display:grid;gap:12px;margin-top:30px}.fact-column span{display:flex;align-items:center;gap:12px;color:#b7e4c7;font-size:12px}.fact-column b{color:#f4a261;font:500 17px Playfair Display}.showcase-key-hint{display:block;margin-top:36px;color:#6b8f7c;font-size:10px;line-height:1.5}.home-page>.instrument-showcase .showcase-carousel{grid-column:1 / -1;max-width:720px;width:100%;justify-self:center}.theme-light .home-page>.instrument-showcase .showcase-side{border-left-color:#e0ebe4}.theme-light .showcase-side .showcase-history{color:#4a6358}.home-page>.instrument-showcase .showcase-stage{box-shadow:none;border:0}.home-page>.instrument-showcase .stage-grid{display:none}.home-page>.instrument-showcase .showcase-image{filter:drop-shadow(0 26px 18px rgba(0,0,0,.28))}@media(max-width:900px){.home-page>.instrument-showcase{grid-template-columns:1fr 1.2fr;gap:22px}.home-page>.instrument-showcase .showcase-side{grid-column:1 / -1;padding:22px 0 0;border-left:0;border-top:1px solid #2A4035}.home-page>.instrument-showcase .showcase-stage{grid-column:2;grid-row:1;min-height:360px}.home-page>.instrument-showcase .showcase-copy{grid-column:1;grid-row:1}.home-page>.instrument-showcase .showcase-carousel{grid-row:3}}@media(max-width:620px){.home-page>.instrument-showcase{display:flex;flex-direction:column;gap:22px;margin-top:54px;padding-inline:0}.home-page>.instrument-showcase .showcase-copy{order:1}.home-page>.instrument-showcase .showcase-stage{order:2;min-height:270px}.home-page>.instrument-showcase .showcase-side{order:3;border-top:1px solid #2A4035}.home-page>.instrument-showcase .showcase-carousel{order:4}.home-page>.instrument-showcase .showcase-image{width:125%;max-height:280px}.home-page>.instrument-showcase .showcase-copy h2{font-size:34px}}.parallax-scene{min-height:500px;position:relative;isolation:isolate;overflow:hidden;cursor:crosshair;perspective:900px;border-radius:44% 44% 8px 8px;background:radial-gradient(circle at 48% 36%,#f0c078 0 20%,transparent 21%),linear-gradient(135deg,#d8b687,#aac3b5);box-shadow:var(--shadow)}.parallax-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 18%,rgba(255,255,255,.4),transparent 25%),linear-gradient(115deg,transparent 42%,rgba(39,67,57,.11) 43%,transparent 44%);z-index:-1}.parallax-glow{position:absolute;width:310px;height:310px;left:25%;top:12%;border-radius:50%;background:#f0b66c;opacity:.55;filter:blur(2px);transform-style:preserve-3d}.parallax-instrument{position:absolute;max-width:none;object-fit:contain;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .16s ease-out;will-change:transform}.sao-layer{width:94%;left:3%;top:16%;z-index:3;filter:drop-shadow(0 22px 13px rgba(35,52,42,.2))}.day-layer{width:60%;right:-4%;top:-4%;z-index:1;opacity:.82;filter:drop-shadow(0 14px 10px rgba(35,52,42,.14))}.bau-layer{width:64%;left:-9%;bottom:-10%;z-index:4;opacity:.95;filter:drop-shadow(0 20px 11px rgba(35,52,42,.2))}.parallax-label{position:absolute;z-index:5;color:#fffaede6;font:italic 23px Playfair Display;transition:transform .16s ease-out}.label-top{right:19%;top:18%}.label-bottom{left:18%;bottom:18%;font-size:14px;letter-spacing:1px}.parallax-hint{position:absolute;z-index:6;bottom:25px;right:25px;display:flex;align-items:center;gap:8px;padding:9px 12px;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:30px;background:#24342f9e;font-size:10px}.parallax-hint span{width:6px;height:6px;border-radius:50%;background:#f0b66c}.parallax-scene img{-webkit-user-drag:none}@media(max-width:620px){.parallax-scene{min-height:360px;border-radius:40% 40% 8px 8px}.sao-layer{width:112%;left:-6%;top:20%}.day-layer{width:70%;right:-18%;top:0}.bau-layer{width:75%;left:-22%;bottom:-9%}.parallax-label{font-size:17px}.parallax-hint{bottom:14px;right:14px}.label-top{right:12%;top:23%}.label-bottom{left:14%;bottom:17%}}.instrument-art img.transparent-instrument{object-fit:contain;padding:10px}.instrument-art:has(.transparent-instrument) span,.modal-art:has(.transparent-instrument) span{display:none}.modal-art img.transparent-instrument{object-fit:contain;padding:18px}:root{--ink:#FFFFFF;--muted:#9CB8A8;--paper:#0A1A12;--cream:#132218;--line:#2A4035;--teal:#52B788;--orange:#F4A261;--shadow:0 24px 60px rgba(0,0,0,.28)}body{background:radial-gradient(circle at 8% 2%,rgba(82,183,136,.13) 0,transparent 30%),#0a1a12}.topbar{background:#0a1a12e0;border-bottom-color:#52b78829}.brand-mark{background:#2d6a4f;color:#b7e4c7}.brand small{color:#6b8f7c}.nav button:hover,.nav button.active{color:#fff}.nav-account{color:#74c69d!important}.primary{background:#2d6a4f;box-shadow:0 8px 20px #2d6a4f47}.primary:hover{background:#40916c}.text-button{color:#74c69d}.hero-art{background:radial-gradient(circle at 52% 35%,rgba(244,162,97,.82) 0 18%,transparent 19%),linear-gradient(140deg,#1a2e22,#2d6a4f)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(183,228,199,.08),transparent 70%)}.sun-disc{background:#f4a261;mix-blend-mode:screen;opacity:.65}.hero-instrument{color:#b7e4c7}.hero-caption{background:#0a1a12c7}.manifesto{border-top-color:var(--line)}.instrument-card,.course-card,.auth-card,.sheet-panel,.practice-card,.lesson-sidebar{background:#132218;border-color:#2a4035}.instrument-card:hover{box-shadow:0 24px 60px #0000004d}.instrument-art{background:linear-gradient(135deg,#2d6a4f,#1a2e22)}.home-cta{background:#1a2e22}.section-heading select,.social-button,.icon-button{background:#132218;border-color:#2a4035;color:#fff}.streak-card{background:#2d6a4f;color:#f4a261}.streak-card strong{color:#fff}.streak-card small{color:#b7e4c7}.stat-row{border-color:#2a4035}.stat-row>div{border-color:#2a4035}.path-card{background:#1b4332}.sheet-panel{background:#132218}.sheet-canvas,.real-sheet,.sheet-svg-wrap{background:#0f2017}.note-head{fill:#0f2017}.modal-backdrop{background:#020a06c7}.instrument-modal{background:#132218}.modal-art{background:linear-gradient(135deg,#2d6a4f,#1a2e22)}.flute-interactive{background:#1a2e22}.flute-visual{background:#132218}.auth-card input{color:#fff;background:#0f2017;border-color:#2a4035}.auth-card input::placeholder{color:#6b8f7c}.divider{color:#6b8f7c}.divider:before,.divider:after{background:#2a4035}.lesson-progress,.progress-bar,.sheet-progress{background:#2a4035}.web-staff{background:#0f2017;border-color:#2a4035}.lesson-item{border-color:#2a4035}.explore-note{color:#9cb8a8}.parallax-scene{background:radial-gradient(circle at 48% 36%,rgba(244,162,97,.82) 0 20%,transparent 21%),linear-gradient(135deg,#132218,#2d6a4f)}.parallax-scene:before{background:radial-gradient(circle at 70% 18%,rgba(183,228,199,.12),transparent 25%),linear-gradient(115deg,transparent 42%,rgba(183,228,199,.1) 43%,transparent 44%)}.parallax-glow{background:#f4a261}.parallax-label{color:#d8f3dc}.home-page>.instrument-showcase{position:relative;display:grid;grid-template-columns:44px minmax(190px,.78fr) minmax(360px,1.55fr) minmax(210px,.82fr) 44px;grid-template-rows:minmax(470px,auto);align-items:stretch;gap:0 28px;margin-top:76px;padding:16px 0 0;border:0;border-radius:0;background:transparent;overflow:visible}.home-page>.instrument-showcase .showcase-arrow{align-self:center;justify-self:center;width:42px;height:42px;display:grid;place-items:center;color:#b7e4c7;border:1px solid #2A4035;border-radius:50%;background:#132218;transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease}.home-page>.instrument-showcase .showcase-arrow:hover{color:#fff;border-color:#52b788;background:#2d6a4f;transform:scale(1.08)}.home-page>.instrument-showcase .showcase-arrow-left{grid-column:1;grid-row:1}.home-page>.instrument-showcase .showcase-copy{grid-column:2;grid-row:1;align-self:center}.home-page>.instrument-showcase .showcase-stage{grid-column:3;grid-row:1;min-height:470px;align-self:stretch;display:grid;place-items:center;overflow:visible;perspective:1000px;border:0;border-radius:0;background:transparent;box-shadow:none}.home-page>.instrument-showcase .showcase-side{grid-column:4;grid-row:1;align-self:center;padding-left:30px;border-left:1px solid #2A4035}.home-page>.instrument-showcase .showcase-arrow-right{grid-column:5;grid-row:1}.home-page>.instrument-showcase .showcase-image{width:132%;max-width:none;max-height:450px;filter:drop-shadow(0 26px 18px rgba(0,0,0,.28));transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .3s ease;will-change:transform,opacity}.home-page>.instrument-showcase .showcase-image.changing{animation:showcase-instrument-in .56s ease both}@keyframes showcase-instrument-in{0%{opacity:0;filter:drop-shadow(0 20px 12px rgba(0,0,0,0)) blur(2px)}to{opacity:1;filter:drop-shadow(0 26px 18px rgba(0,0,0,.28)) blur(0)}}.home-page>.instrument-showcase .showcase-copy h2{color:#fff}.home-page>.instrument-showcase .showcase-copy>p:not(.showcase-tone){color:#9cb8a8;line-height:1.75}.home-page>.instrument-showcase .showcase-side .showcase-history{color:#9cb8a8;line-height:1.75}.home-page>.instrument-showcase .section-kicker{color:#52b788}.home-page>.instrument-showcase .fact-column span{color:#b7e4c7}.home-page>.instrument-showcase .showcase-key-hint{display:none}.theme-light .home-page>.instrument-showcase .showcase-arrow{color:#2d6a4f;border-color:#d4e5da;background:#fff}.theme-light .home-page>.instrument-showcase .showcase-arrow:hover{color:#fff;border-color:#2d6a4f;background:#2d6a4f}.theme-light .home-page>.instrument-showcase .showcase-copy h2{color:#0d1f17}.theme-light .home-page>.instrument-showcase .showcase-copy>p:not(.showcase-tone),.theme-light .home-page>.instrument-showcase .showcase-side .showcase-history{color:#4a6358}.theme-light .home-page>.instrument-showcase .section-kicker{color:#2d6a4f}.theme-light .home-page>.instrument-showcase .fact-column span{color:#2d6a4f}.theme-light .home-page>.instrument-showcase .showcase-side{border-left-color:#d4e5da}@media(max-width:900px){.home-page>.instrument-showcase{grid-template-columns:40px minmax(160px,1fr) minmax(260px,1.3fr) 40px;grid-template-rows:auto auto;gap:0 16px}.home-page>.instrument-showcase .showcase-arrow-left{grid-column:1}.home-page>.instrument-showcase .showcase-copy{grid-column:2}.home-page>.instrument-showcase .showcase-stage{grid-column:3;min-height:370px}.home-page>.instrument-showcase .showcase-side{grid-column:2 / 4;grid-row:2;padding:24px 0 0;border-left:0;border-top:1px solid #2A4035}.home-page>.instrument-showcase .showcase-arrow-right{grid-column:4}.home-page>.instrument-showcase .showcase-image{width:128%;max-height:360px}}@media(max-width:620px){.home-page>.instrument-showcase{display:flex;flex-direction:column;gap:24px;margin-top:54px;padding:0 32px}.home-page>.instrument-showcase .showcase-copy{order:1;text-align:left}.home-page>.instrument-showcase .showcase-stage{order:2;min-height:260px}.home-page>.instrument-showcase .showcase-side{order:3;padding:22px 0 0;border-top:1px solid #2A4035}.home-page>.instrument-showcase .showcase-arrow{position:absolute;z-index:3;top:190px;width:38px;height:38px}.home-page>.instrument-showcase .showcase-arrow-left{left:0}.home-page>.instrument-showcase .showcase-arrow-right{right:0}.home-page>.instrument-showcase .showcase-image{width:138%;max-height:280px}.home-page>.instrument-showcase .showcase-copy h2{font-size:36px}}.quiz-card,.quiz-result-card,.video-lesson-card,.theory-lesson-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--cream);box-shadow:var(--shadow)}.quiz-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.quiz-title{display:flex;align-items:center;gap:10px;color:var(--teal);font-weight:700;font-size:14px}.quiz-progress-indicator{padding:5px 12px;border-radius:20px;background:var(--paper);color:var(--muted);font-size:12px;font-weight:600}.quiz-prompt{font:500 24px/1.35 Playfair Display,serif;color:var(--ink);margin-bottom:24px}.quiz-prompt span{color:var(--orange);margin-right:8px}.quiz-options-grid{display:grid;gap:14px;margin-bottom:30px}.quiz-option-card{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);text-align:left;transition:all .2s ease}.quiz-option-card:hover{border-color:var(--teal);background:var(--cream);transform:translate(4px)}.quiz-option-card.selected{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,var(--cream));box-shadow:0 4px 16px #f4a26133}.option-letter{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--cream);border:1px solid var(--line);font-weight:700;font-size:13px;color:var(--teal)}.quiz-option-card.selected .option-letter{background:var(--orange);border-color:var(--orange);color:#fff}.option-text{font-size:15px;font-weight:500;line-height:1.4}.quiz-bottom-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.quiz-result-card{text-align:center}.quiz-result-header h2{font:500 32px Playfair Display,serif;margin:12px 0 24px}.quiz-score-circle{width:140px;height:140px;margin:0 auto 28px;border-radius:50%;border:6px solid var(--teal);display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--paper)}.score-number{font:700 42px Playfair Display,serif;color:var(--ink)}.quiz-score-circle small{color:var(--muted);font-size:12px}.quiz-result-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.result-stat{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);text-align:left}.stat-icon{width:28px;height:28px;color:var(--orange)}.stat-icon.success{color:var(--teal)}.result-stat strong{display:block;font-size:16px}.result-stat span{color:var(--muted);font-size:11px}.quiz-review-section{text-align:left;margin-bottom:28px}.quiz-review-section h3{font:500 20px Playfair Display;margin-bottom:16px}.review-item{padding:14px 18px;border-radius:8px;margin-bottom:12px;border:1px solid var(--line);background:var(--paper)}.review-item.correct{border-left:4px solid var(--teal)}.review-item.wrong{border-left:4px solid #e06c75}.review-question{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.review-explanation{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.icon-correct{color:var(--teal)}.icon-wrong{color:#e06c75}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;margin-bottom:24px;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.theory-header-banner{display:flex;align-items:center;gap:20px;padding:24px;border-radius:8px;background:color-mix(in srgb,var(--teal) 15%,var(--paper));color:var(--teal);margin-bottom:24px}.theory-header-banner h2{margin:0 0 4px;font:500 24px Playfair Display;color:var(--ink)}.lesson-text-body{margin-bottom:30px;line-height:1.7}.lesson-text-body h3{font:500 22px Playfair Display;margin:20px 0 10px}.lesson-text-body p{color:var(--muted);font-size:15px}.lesson-text-body ul{padding-left:20px;color:var(--muted)}.lesson-text-body li{margin-bottom:8px}.complete-action{display:flex;justify-content:flex-end;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.sidebar-lesson-list{display:flex;flex-direction:column;gap:4px}.sidebar-lesson-list .lesson-item{cursor:pointer;transition:background .2s ease,transform .2s ease;padding:12px 10px;border-radius:6px}.sidebar-lesson-list .lesson-item:hover{background:var(--paper);transform:translate(3px)}.lesson-number-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid var(--line);color:var(--teal)}.lesson-item.done .lesson-number-icon{background:var(--teal);color:#fff;border-color:var(--teal)}@media(max-width:620px){.quiz-card,.quiz-result-card,.video-lesson-card,.theory-lesson-card{padding:18px}.quiz-prompt{font-size:18px}.quiz-result-details{grid-template-columns:1fr}.quiz-score-circle{width:110px;height:110px}.score-number{font-size:32px}}.home-page>.instrument-carousel-section,.instrument-carousel-section{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;width:100%!important;max-width:1300px;margin:60px auto 20px!important;padding:0!important;border:none!important;background:transparent!important;overflow:visible!important;gap:20px}.carousel-header{text-align:center;max-width:720px;margin:0 auto 10px}.carousel-header h2{font:700 clamp(34px,4.5vw,56px) "Playfair Display",serif;color:var(--ink);margin:0 0 12px;letter-spacing:-1.2px}.carousel-header p{color:var(--muted);font-size:15px;font-weight:500;line-height:1.6;margin:0}.carousel-stage-container{position:relative;width:100%;max-width:1550px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0 5px}.carousel-3d-stage{position:relative;width:100%;height:480px;perspective:1400px;perspective-origin:50% 45%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;overflow:visible;border:none;border-radius:0;background:transparent;box-shadow:none}.carousel-spotlight-glow{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at center,rgba(82,183,136,.35) 0%,rgba(244,162,97,.16) 45%,transparent 70%);pointer-events:none;z-index:1;filter:blur(12px);animation:spotlight-pulse 6s ease-in-out infinite alternate}@keyframes spotlight-pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.carousel-3d-ring{position:relative;width:100%;height:380px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;z-index:2}.carousel-item{position:absolute;top:50%;left:50%;margin-top:-180px;margin-left:-115px;width:230px;height:360px;display:flex;align-items:center;justify-content:center;cursor:pointer;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.85,.2,1),opacity .55s ease,filter .55s ease;will-change:transform,opacity}.carousel-instrument-img{width:auto;max-width:270px;max-height:350px;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.5));transition:filter .5s ease;pointer-events:none}.carousel-item.active .carousel-instrument-img{filter:drop-shadow(0 34px 40px rgba(0,0,0,.72)) drop-shadow(0 0 25px rgba(82,183,136,.45))}.carousel-item:hover:not(.active) .carousel-instrument-img{filter:drop-shadow(0 24px 28px rgba(0,0,0,.55))}.carousel-active-label{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20;color:var(--orange);font:500 22px Playfair Display,serif;letter-spacing:.5px;cursor:pointer;text-shadow:0 4px 12px rgba(0,0,0,.4);opacity:.92;transition:opacity .25s ease,transform .25s ease}.carousel-active-label:hover{opacity:1;transform:translate(-50%) scale(1.06)}.carousel-arrow-btn{position:absolute;z-index:30;top:50%;transform:translateY(-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--teal);background:#132218cc;border:1px solid rgba(82,183,136,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #0000004d;cursor:pointer;transition:all .25s ease}.arrow-left{left:0}.arrow-right{right:0}.carousel-arrow-btn:hover{color:#fff;background:var(--teal);border-color:var(--teal);transform:translateY(-50%) scale(1.12);box-shadow:0 12px 30px #2d6a4f73}.theme-light .carousel-header h2{color:#0d1f17}.theme-light .carousel-3d-stage{background:transparent;border:none;box-shadow:none}.theme-light .carousel-spotlight-glow{background:radial-gradient(circle at center,rgba(82,183,136,.35) 0%,rgba(244,162,97,.2) 45%,transparent 70%)}.theme-light .carousel-active-label{color:#2d6a4f}.theme-light .carousel-arrow-btn{background:#ffffffe0;border-color:#2d6a4f33;color:#2d6a4f}.theme-light .carousel-arrow-btn:hover{background:#2d6a4f;color:#fff}@media(max-width:900px){.carousel-3d-stage{height:400px}.carousel-item{width:180px;height:300px;margin-top:-150px;margin-left:-90px}.carousel-instrument-img{max-height:280px}}@media(max-width:620px){.instrument-carousel-section{margin-top:30px}.carousel-3d-stage{height:320px;border-radius:16px}.carousel-item{width:140px;height:240px;margin-top:-120px;margin-left:-70px}.carousel-instrument-img{max-height:230px}.carousel-arrow-btn{width:38px;height:38px}.arrow-left{left:14px}.arrow-right{right:14px}.carousel-active-label{font-size:16px;bottom:16px}}.course-card-top{background:#4f8f83 center/cover no-repeat}.course-card.completed{opacity:.7}.course-card .text-button:disabled{cursor:not-allowed;opacity:.55}.focus-card{width:min(330px,100%);display:grid;gap:7px;padding:24px;color:#fff;border-radius:8px;background:var(--teal)}.focus-card svg{color:#f1b66d}.focus-card small,.focus-card span{color:#d5e8e2;font-size:11px}.focus-card strong{font:600 21px/1.25 Playfair Display,Georgia,serif}.course-state{min-height:150px;display:grid;place-items:center;gap:12px;padding:30px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;text-align:center}.course-state.error{color:#c85c48}.profile-hero{display:flex;align-items:center;gap:28px;padding:42px;color:#fff;border-radius:12px;background:var(--teal)}.profile-avatar{width:104px;height:104px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;color:var(--ink);border-radius:50%;background:#f1b66d;font-size:30px;font-weight:700}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero .section-kicker{color:#f1b66d}.profile-hero h1{margin:10px 0 8px;font:500 clamp(34px,5vw,56px)/1.05 "Playfair Display",Georgia,serif}.profile-hero p{margin:0;color:#d5e8e2}.profile-details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border:1px solid var(--line);border-radius:10px;background:var(--cream)}.profile-details>div{display:grid;grid-template-columns:30px 1fr;gap:6px 12px;padding:24px;border-right:1px solid var(--line)}.profile-details>div:last-child{border:0}.profile-details svg{grid-row:span 2;color:var(--orange)}.profile-details span{color:var(--muted);font-size:11px}.profile-details strong{overflow-wrap:anywhere}.profile-empty{min-height:460px;display:grid;place-items:center;align-content:center;gap:14px;text-align:center}.profile-empty h1,.profile-empty p{margin:0}.profile-empty p{color:var(--muted)}@media(max-width:620px){.profile-hero{align-items:flex-start;flex-direction:column;padding:28px}.profile-details{grid-template-columns:1fr}.profile-details>div{border-right:0;border-bottom:1px solid var(--line)}}body,button,input,select{font-family:DM Sans,Segoe UI,Arial,sans-serif;font-variant-numeric:tabular-nums}h1,h2,h3,.hero h1,.page-intro h1,.auth-story h1,.lesson-header h1,.target-note strong{font-family:Playfair Display,Georgia,Times New Roman,serif}.stat-row strong,.streak-card strong,.progress-label strong,.practice-top strong{font-variant-numeric:tabular-nums}.sheet-clef{font-family:Times New Roman,Segoe UI Symbol,serif}.stat-row strong,.streak-card strong,.progress-label strong,.practice-top strong,.hero-proof strong{font-family:DM Sans,Segoe UI,Arial,sans-serif;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;line-height:1}.stat-row strong{font-size:24px;font-weight:700}.chapter-group{margin-top:22px}.chapter-group h3{margin:0 0 8px;color:var(--teal);font:600 13px DM Sans,sans-serif}.chapter-group .lesson-item{width:100%;text-align:left;background:transparent}.pitch-recorder{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.recorder-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.recorder-heading h3{margin:7px 0 0;font:600 23px Playfair Display,Georgia,serif}.record-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;color:#fff;border-radius:5px;background:var(--teal);font-size:12px;font-weight:700}.record-button.active{background:var(--orange)}.pitch-readout{display:flex;align-items:baseline;gap:12px;margin-top:22px}.pitch-readout strong{min-width:58px;color:var(--teal);font:700 34px/1 DM Sans,sans-serif;font-variant-numeric:lining-nums tabular-nums}.pitch-readout span{color:var(--muted);font-size:12px}.pitch-result{margin-top:13px;color:var(--muted);font-size:12px}.pitch-result.correct{color:var(--teal);font-weight:700}.pitch-result.adjust{color:var(--orange)}.recorder-error{margin:10px 0 0;color:#c85c48;font-size:12px}@media(max-width:620px){.recorder-heading{align-items:flex-start;flex-direction:column}.record-button{width:100%;justify-content:center}.pitch-readout{margin-top:18px}}.lesson-content h2{margin:10px 0 14px;font:500 clamp(28px,3vw,42px)/1.1 "Playfair Display",Georgia,serif}.lesson-content>p{max-width:680px;color:var(--muted);line-height:1.8}.content-kicker{color:var(--teal);font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.lesson-points{display:grid;gap:12px;margin-top:28px}.lesson-points>div{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line)}.lesson-points b{color:var(--orange);font:500 18px DM Sans,sans-serif}.lesson-points span{color:var(--muted);line-height:1.6}.video-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;margin-top:24px;border-radius:6px;background:#0b1510}.video-frame iframe{width:100%;height:100%;border:0}.video-note{margin:14px 0 5px;font-size:12px}.quiz-question{padding:22px 0;border-top:1px solid var(--line)}.quiz-question h3{display:flex;gap:13px;margin:0 0 16px;font:600 16px/1.45 DM Sans,sans-serif}.quiz-question h3 span{color:var(--orange);font-variant-numeric:tabular-nums}.quiz-options{display:grid;gap:9px}.quiz-option{width:100%;padding:12px 14px;text-align:left;color:var(--muted);border:1px solid var(--line);border-radius:4px;background:transparent}.quiz-option:hover,.quiz-option.selected{color:var(--teal);border-color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,transparent)}.quiz-option:disabled{cursor:default}.quiz-feedback{display:flex;gap:8px;align-items:flex-start;margin-top:11px;padding:11px 13px;font-size:12px;line-height:1.5;border-radius:4px}.quiz-feedback.correct{color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}.quiz-feedback.incorrect{color:#c85c48;background:color-mix(in srgb,#c85c48 10%,transparent)}.quiz-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;color:var(--muted);font-size:12px}.quiz-footer strong{color:var(--teal);font-size:16px}.quiz-footer .primary:disabled{cursor:not-allowed;opacity:.45}.completion-button{margin-top:24px}.completion-done{display:inline-flex;align-items:center;gap:7px;margin-top:24px;color:var(--teal);font-size:12px;font-weight:700}.chapter-group h3{display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-group h3 small{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font:600 11px DM Sans,sans-serif;white-space:nowrap}.explore-page{padding-top:0}.explore-hero{min-height:520px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:center;gap:70px;padding:72px 0}.explore-hero-copy h1{max-width:780px;margin:18px 0 24px;font:500 clamp(46px,6vw,78px)/1.02 "Playfair Display",serif;letter-spacing:-2px}.explore-hero-copy h1 em{color:var(--orange)}.explore-hero-copy p{max-width:690px;margin:0;color:var(--muted);font-size:17px;line-height:1.8}.explore-hero-aside{padding:34px;color:#eef7f0;background:var(--ink);border-radius:6px;box-shadow:var(--shadow)}.explore-hero-aside>span{display:flex;align-items:baseline;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:12px}.explore-hero-aside strong{min-width:43px;color:#f1b66d;font:500 31px/1 Playfair Display,serif}.explore-hero-aside p{margin:22px 0 0;color:#bfd1c8;font-size:12px;line-height:1.7}.heritage-guide{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:92px;border-block:1px solid var(--line)}.heritage-guide>div{display:flex;align-items:center;gap:15px;padding:24px 26px;border-right:1px solid var(--line)}.heritage-guide>div:last-child{border-right:0}.heritage-guide svg{flex:0 0 auto;color:var(--orange)}.heritage-guide span{display:grid;gap:5px}.heritage-guide strong{font-size:13px}.heritage-guide small{color:var(--muted);font-size:11px}.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.archive-heading h2{margin:10px 0 0;font:500 clamp(30px,4vw,44px)/1.1 "Playfair Display",serif}.family-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.family-filters button{padding:9px 14px;color:var(--muted);border:1px solid var(--line);border-radius:99px;background:var(--cream);font-size:11px;font-weight:700}.family-filters button:hover,.family-filters button.active{color:#fff;border-color:var(--teal);background:var(--teal)}.explore-page .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.explore-page .instrument-card{display:grid;grid-template-columns:46% 54%;height:320px;min-height:320px}.explore-page .instrument-art{height:320px;min-height:320px}.explore-page .instrument-art img,.explore-page .instrument-art img.transparent-instrument{width:100%;height:100%;padding:0;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform .45s ease}.explore-page .instrument-card:hover .instrument-art img{transform:scale(1.08)}.explore-page .instrument-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:34px 30px 28px}.explore-page .instrument-card-copy small{max-width:85%;line-height:1.5}.explore-page .instrument-card h3{margin:14px 0 13px;font-size:31px}.explore-page .instrument-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.profile-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:23px;color:var(--teal);font-size:11px;font-weight:700}.culture-note{display:grid;grid-template-columns:70px 1fr;gap:26px;margin-top:90px;padding:48px;border:1px solid var(--line);border-left:4px solid var(--orange);background:var(--cream)}.culture-note>svg{width:52px;height:52px;padding:13px;color:var(--orange);border:1px solid var(--line);border-radius:50%}.culture-note h2{margin:8px 0 12px;font:500 clamp(28px,3vw,40px)/1.1 "Playfair Display",serif}.culture-note p{max-width:750px;margin:0;color:var(--muted);line-height:1.75}.heritage-modal{width:min(1040px,100%);max-height:min(88vh,840px);grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);overflow:auto}.heritage-modal .modal-close{display:flex;align-items:center;gap:6px;position:fixed;top:max(32px,7vh);right:max(32px,calc((100vw - 1040px)/2 + 18px));color:var(--ink);border:1px solid var(--line);background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.heritage-modal .modal-art{position:sticky;top:0;min-height:100%;height:min(88vh,840px)}.heritage-modal .modal-art img{object-fit:contain;padding:42px 24px}.modal-image-caption{position:absolute;left:24px;bottom:22px;padding:8px 11px;color:#fff;border-radius:3px;background:#182b22b8;font-size:10px;letter-spacing:.9px;text-transform:uppercase}.heritage-content{padding:58px 52px 48px}.heritage-content h2{margin:13px 0 4px;font-size:50px}.heritage-content .modal-lead{margin-top:18px;color:var(--ink);font:500 17px/1.7 Playfair Display,serif}.heritage-metadata{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:34px 0 12px;border-block:1px solid var(--line)}.heritage-metadata span{display:grid;gap:6px;padding:18px 16px 18px 0}.heritage-metadata span:nth-child(odd){border-right:1px solid var(--line)}.heritage-metadata span:nth-child(2n){padding-left:20px}.heritage-metadata span:nth-child(-n+2){border-bottom:1px solid var(--line)}.heritage-metadata small,.modal-cultural-note small{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.heritage-metadata strong{font-size:12px;line-height:1.45}.story-section{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.story-number{color:var(--orange);font:600 12px DM Sans,sans-serif}.story-section h3{margin:0 0 9px;font:600 20px Playfair Display,serif}.story-section p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.story-section ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.story-section li{padding:7px 10px;color:var(--teal);border:1px solid var(--line);border-radius:3px;background:color-mix(in srgb,var(--teal) 5%,transparent);font-size:10px;font-weight:600}.modal-cultural-note{display:flex;align-items:flex-start;gap:12px;margin-top:27px;padding:17px;color:#fff;background:var(--teal);border-radius:5px}.modal-cultural-note svg{flex:0 0 auto;color:#f1b66d}.modal-cultural-note span{display:grid;gap:5px}.modal-cultural-note small{color:#c5ded2}.modal-cultural-note strong{font-size:11px;line-height:1.55}@media(max-width:900px){.explore-hero{grid-template-columns:1fr;gap:30px}.explore-hero-aside{display:grid;grid-template-columns:1fr 1fr}.explore-hero-aside p{grid-column:1 / -1}.heritage-guide{grid-template-columns:1fr}.heritage-guide>div{border-right:0;border-bottom:1px solid var(--line)}.heritage-guide>div:last-child{border-bottom:0}.explore-page .explore-grid,.heritage-modal{grid-template-columns:1fr}.heritage-modal .modal-art{position:relative;min-height:300px;height:320px}.heritage-modal .modal-close{position:absolute;top:16px;right:16px}}@media(max-width:620px){.explore-hero{min-height:0;padding:52px 0}.explore-hero-copy h1{font-size:43px}.explore-hero-copy p{font-size:15px}.explore-hero-aside{grid-template-columns:1fr;padding:24px}.explore-hero-aside p{grid-column:auto}.heritage-guide{margin-bottom:64px}.archive-heading{align-items:flex-start;flex-direction:column}.family-filters{justify-content:flex-start}.explore-page .instrument-card{grid-template-columns:1fr;height:auto;min-height:0}.explore-page .instrument-art{min-height:220px;height:220px}.explore-page .instrument-card-copy{min-height:240px;padding:25px 22px}.culture-note{grid-template-columns:1fr;margin-top:64px;padding:28px 24px}.heritage-modal .modal-art{min-height:230px;height:230px}.heritage-content{padding:34px 24px 30px}.heritage-content h2{font-size:40px}.heritage-metadata{grid-template-columns:1fr}.heritage-metadata span,.heritage-metadata span:nth-child(2n){padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}}