:root{--ink:#171c19;--muted:#5f645c;--paper:#f7f7f1;--lime:#cef57a;--line:#dfe2d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8ba83c;outline-offset:5px}.header{height:100px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;font-size:31px;font-weight:800;letter-spacing:-1.5px}.brandmark{position:relative;display:grid;place-items:center;width:35px;height:35px;margin-right:10px;border-radius:11px;background:var(--ink);color:var(--lime);font:italic 33px Georgia}.brandmark span{font-size:15px;position:absolute;right:3px;top:2px}.brand-dot{color:#92b442}.header nav{display:flex;gap:34px;font-size:13px;font-weight:600}.header nav a{padding:12px 0}.header nav a:hover,.selected{color:#6a842e}.nav-cta{font-size:13px;border:1px solid #bec4b7;border-radius:7px;padding:13px 18px;display:flex;gap:28px}.nav-cta:hover{background:var(--lime)}main{max-width:1440px;margin:auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:590px;padding:70px 5% 65px;gap:32px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;display:block;line-height:1.8}.live-dot{width:6px;height:6px;display:inline-block;background:#99b64d;border-radius:50%;margin-right:7px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,4.8vw,72px);letter-spacing:-3.6px;line-height:1.08;margin:25px 0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h1 em{color:#77963c}p{color:var(--muted);line-height:1.85;font-size:14px}.hero-copy>p{font-size:15px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.button{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 20px;font-size:12px;font-weight:700;white-space:nowrap}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#bde65f}.dark{background:var(--ink);color:#fff}.dark:hover{background:#39432f}.text-link{font-size:11px;font-weight:600}.hero-facts{display:flex;gap:20px;margin-top:25px;font-size:10px;color:#747b6a}.hero-visual{background:#e9ecdf;height:415px;border-radius:16px;position:relative;overflow:hidden}.orb{height:380px;width:380px;position:absolute;left:26%;top:40px;border-radius:50%;background:#d6e4b6}.visual-caption{position:absolute;top:28px;left:28px;font-size:9px;letter-spacing:2px;line-height:1.6;color:#5a6650}.hero-piano{display:flex;position:absolute;left:12%;top:29%;width:85%;height:210px;transform:rotate(-17deg);padding:16px 10px 12px;border-radius:12px;background:linear-gradient(150deg,#444e40,#171d18);box-shadow:0 20px #20281f,0 35px 30px #2732193b}.hero-key{position:relative;flex:1;background:linear-gradient(90deg,#dce0d6,#fff 45%,#f2f3ec);border:1px solid #b3b9aa;border-radius:0 0 5px 5px;padding:0;box-shadow:0 7px #b9bfb3}.hero-key span{position:absolute;bottom:14px;left:0;right:0;font-size:9px;color:#6e7662}.hero-key:not(:nth-child(3)):not(:nth-child(7)):not(:nth-child(8)):after{content:"";position:absolute;right:-27%;top:0;width:52%;height:60%;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#101710,#363f30,#182016);z-index:1;box-shadow:0 5px #0b110c}.hero-key:active,.hero-key.active{background:var(--lime);transform:translateY(3px)}.floating-note{position:absolute;color:#5e7342;font:45px Georgia;transform:rotate(14deg)}.note1{right:35px;top:35px}.note2{left:25px;bottom:55px;transform:rotate(-15deg)}.sound-chip{position:absolute;bottom:40px;left:25%;background:var(--paper);padding:14px 18px;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 18px #26331112}.bars{letter-spacing:2px;color:#6e893b}.visual-bottom{position:absolute;bottom:16px;right:22px;font-size:7px;letter-spacing:2px;color:#738060}.section{padding:45px 5%}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2{margin:10px 0 0;font-size:29px;letter-spacing:-1.2px}.section-heading>span{font-size:11px;color:var(--muted)}.instrument-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.instrument-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s}.instrument-card:hover{transform:translateY(-5px);border-color:#9da887}.card-art{height:190px;position:relative;overflow:hidden;background:#e7eade}.akustik-gitar .card-art{background:#f0e9de}.klasik-gitar .card-art{background:#e8e0d3}.elektro-gitar .card-art{background:#dee5e5}.card-number{position:absolute;left:17px;top:17px;font-size:9px;color:#7b8174}.card-arrow{position:absolute;right:14px;bottom:14px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #a3ad9766;border-radius:50%;font-size:14px}.card-copy{padding:22px 20px}.card-copy h3{font-size:18px;letter-spacing:-.5px;margin-bottom:7px}.card-copy p{font-size:11px;margin-bottom:20px}.card-copy>span{font-size:10px;font-weight:700}.mini-piano{display:flex;position:absolute;width:260px;height:125px;top:55px;left:20px;transform:rotate(-17deg);background:#20291e;padding:13px 8px 8px;border-radius:7px;box-shadow:0 10px #303b2b}.mini-piano i{flex:1;background:#f7f7ec;border:1px solid #bbbfb1;border-radius:0 0 3px 3px;position:relative}.mini-piano i:not(:nth-child(3n)):after{content:"";position:absolute;width:55%;height:60%;right:-30%;background:#25301f;z-index:1;border-radius:0 0 3px 3px}.guitar-art{position:absolute;width:230px;height:240px;transform:rotate(35deg);left:27px;top:0}.guitar-body{position:absolute;width:94px;height:118px;bottom:4px;left:65px;border-radius:43% 43% 48% 48%;background:radial-gradient(ellipse,#d8b27b,#ad753e);border:3px solid #916333;box-shadow:4px 5px #765130}.guitar-body:before,.guitar-body:after{content:"";width:32px;height:38px;background:#e8e0d3;position:absolute;top:28px;border-radius:50%}.guitar-body:before{left:-20px}.guitar-body:after{right:-20px}.guitar-neck{position:absolute;width:19px;height:145px;left:103px;top:6px;background:repeating-linear-gradient(0deg,#5d402b 0 11px,#bda489 11px 12px);border:2px solid #705135}.guitar-head{position:absolute;width:29px;height:44px;left:98px;top:-20px;background:#8c633c;border-radius:8px}.guitar-hole{position:absolute;width:30px;height:30px;left:97px;bottom:65px;border-radius:50%;background:#302719;border:3px solid #e1c292}.guitar-strings{position:absolute;width:14px;height:204px;left:106px;top:3px;background:repeating-linear-gradient(90deg,transparent 0 2px,#e8d7b4 2px 2.5px)}.akustik-gitar .guitar-body{background:radial-gradient(ellipse,#e9c68f,#c18e49)}.akustik-gitar .guitar-body:before,.akustik-gitar .guitar-body:after{background:#f0e9de}.elektro-gitar .guitar-body{background:linear-gradient(115deg,#718f8e,#264344);border-color:#344d4f;border-radius:30% 25% 45% 45%}.elektro-gitar .guitar-body:before,.elektro-gitar .guitar-body:after{background:#dee5e5}.elektro-gitar .guitar-hole{border-radius:2px;background:#d5ddd6;height:50px;width:34px;left:96px;bottom:48px;border:0}.feature-band{margin:35px 5%;padding:38px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:38px}.feature-band h2{font-size:24px;line-height:1.25;letter-spacing:-.8px;margin:12px 0 0}.feature-band h3{font-size:13px;margin:14px 0 8px}.feature-band p{font-size:11px;margin:0;line-height:1.8}.feature-icon{font-size:24px}.learn{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:60px;padding-bottom:60px;align-items:center}.learn h2{font-size:32px;letter-spacing:-1px;line-height:1.3;margin:16px 0}.learn h2 em{color:#6c8543}.learn p{font-size:12px}.learn .button{margin-top:14px}.lesson-preview{background:#e9eddf;border:1px solid #dbe2ce;padding:32px;border-radius:12px;transform:rotate(2deg)}.lesson-preview>span{font-size:8px;letter-spacing:1.5px}.lesson-preview h3{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:22px 0}.note-circles{display:flex;gap:9px}.note-circles b{background:#f9faf4;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:11px;border:1px solid #d1dbc3}.note-circles b:first-child{background:var(--lime)}.lesson-preview p{margin:22px 0 0;font-size:10px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding-top:60px;padding-bottom:80px}.faq h2{font-size:30px;margin-top:15px;letter-spacing:-1px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:19px 0;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}details p{font-size:12px}footer{border-top:1px solid var(--line);padding:40px 5% 25px;max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}footer .brand{font-size:27px}footer p{font-size:11px;margin:10px 0}.footerlinks{display:flex;gap:25px;font-size:11px}footer small{width:100%;font-size:9px;color:#8a9082;padding-top:25px;border-top:1px solid var(--line)}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:var(--lime);padding:15px}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);padding:14px 22px;background:var(--ink);color:#fff;border-radius:8px;z-index:100;display:none;font-size:13px;max-width:90vw}.studio-heading{padding:45px 5% 25px;display:flex;justify-content:space-between;align-items:center}.studio-heading h1{font-size:42px;letter-spacing:-1.8px;margin:12px 0}.studio-heading p{font-size:12px;margin:0}.studio-status{font-size:9px;letter-spacing:1px}.studio-tabs{margin:10px 5% 20px;display:flex;gap:8px;flex-wrap:wrap}.studio-tabs a{font-size:12px;padding:14px 23px;border-radius:7px;border:1px solid var(--line)}.studio-tabs a.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}.studio-panel{margin:0 5%;background:#202720;color:#fff;border-radius:14px;padding:24px}.toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid #ffffff15;padding-bottom:22px}.toolbar label{font-size:9px;letter-spacing:.6px;display:flex;align-items:center;gap:8px;color:#c1cbb8}.toolbar input[type=range]{width:75px;accent-color:var(--lime)}.toolbar input[type=number]{width:51px;background:#384331;border:1px solid #59634f;border-radius:4px;color:#e6ecdd;padding:6px}.toolbar select{padding:6px;color:#e6ecdd;background:#384331;border:1px solid #59634f;border-radius:4px}.control{padding:10px 13px;border-radius:6px;border:1px solid #b7c0aa;background:transparent;color:inherit;font-size:11px}.studio-panel .control{border-color:#5d6c4c;color:#dbe8c7}.control[aria-pressed=true]{color:#263319;background:var(--lime);border-color:var(--lime)}.instrument-top{display:flex;justify-content:space-between;padding:22px 2px;color:#cde2af;font-size:12px}.play-surface{overflow-x:auto;padding:0 2px 12px;scrollbar-color:#82916c #202720}.play-hint{text-align:center;padding:16px 0;font-size:10px;color:#a0b18c;line-height:1.8}.chordbar{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;border-top:1px solid #ffffff15;padding-top:20px}.chordbar>span{font-size:9px;letter-spacing:1px;margin-right:12px;color:#a0b18c}.chord{background:#35412d;border:1px solid #566447;border-radius:6px;color:#e1edcf;width:45px;height:37px;font-size:12px}.chord:hover,.chord.active{background:var(--lime);color:#202720}.fretboard{min-width:580px;background:repeating-linear-gradient(0deg,#6c4d32,#785738 7px,#6b4c30 8px);border:6px solid #433522;border-radius:5px}.fretrow{display:flex;height:38px;position:relative}.fret{flex:1;position:relative;border:0;border-right:3px solid #aea38e;background:transparent;color:#eee1bd;font-size:10px;touch-action:none}.fret:before{content:"";position:absolute;top:49%;left:0;right:0;height:var(--thickness);background:#d9d0b1;box-shadow:0 1px 2px #161a12}.fret span{position:relative;z-index:1;background:#503b29bb;padding:3px 4px;border-radius:3px;font-size:9px}.fret:first-child{flex:0 0 56px;background:#222b20;border-right:6px solid #e5dcc1}.fret.active{background:#c3e88999}.fret-numbers{display:flex;min-width:580px;padding:8px 6px;color:#a3b28c;font-size:9px;text-align:center}.fret-numbers span{flex:1}.fret-numbers span:first-child{flex:0 0 56px}.record-panel{margin:22px 5%;padding:22px 25px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.record-panel>div:first-child{display:flex;align-items:center;gap:15px}.record-dot{width:11px;height:11px;background:#d0a18f;border-radius:50%}.record-panel h2{font-size:14px;margin:0 0 4px}.record-panel p{font-size:10px;margin:0}.record-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#record-time{font-size:12px;font-variant-numeric:tabular-nums}.record-actions .button{padding:12px 16px}.recording .record-dot{background:#d66054;animation:pulse 1s infinite}.studio-help{display:grid;grid-template-columns:1.7fr 1fr;gap:65px}.studio-help h2{font-size:26px;letter-spacing:-.8px;margin-top:12px}.studio-help h3{font-size:17px}.studio-help p{font-size:13px}.studio-help aside{background:#e9eddf;padding:30px;border-radius:12px}.studio-help aside h3{margin-top:17px}.studio-help aside a{font-size:12px;font-weight:700}.studio-help .fine{font-size:10px;margin:23px 0 0}.article-page{max-width:860px;padding:65px 30px 90px;min-height:60vh}.article-page h1{font-size:52px;margin-bottom:50px}.article-page section{margin:30px 0}.article-page h2{font-size:21px}.article-page p{font-size:15px}.article-page .button{margin-top:20px}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){body{font-size:17px}.hero{padding-top:85px;padding-bottom:80px}}@media(max-width:1000px){.header nav{gap:20px}.hero{gap:25px;padding-top:45px;padding-bottom:45px;min-height:520px}h1{font-size:51px}.hero-visual{height:360px}.hero-actions{gap:15px;align-items:start;flex-direction:column}.hero-facts{gap:12px}.hero-piano{height:180px}.card-copy{padding:17px 14px}.card-copy p{font-size:10px}.instrument-grid{gap:12px}.card-art{height:160px}.mini-piano{left:5px;top:45px}.guitar-art{left:0;top:-20px}.feature-band{gap:24px}.feature-band h3{line-height:1.5}.learn{gap:30px}.note-circles{gap:5px}.note-circles b{width:32px;height:32px}.record-panel{align-items:start;flex-direction:column}.studio-help{gap:30px}.studio-status{display:none}}@media(max-width:700px){.header{height:76px;padding:0 6%;gap:16px}.brand{font-size:27px}.header nav{display:none}.nav-cta{font-size:11px;padding:11px;gap:16px}.hero{grid-template-columns:1fr;padding:40px 6% 25px;gap:32px}h1{font-size:52px;letter-spacing:-2.5px;margin:20px 0}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{padding:16px 13px;font-size:11px}.hero-actions .text-link{font-size:10px}.hero-facts{font-size:9px}.hero-visual{height:330px}.hero-piano{height:180px;left:14%;top:28%;width:80%}.sound-chip{bottom:28px;left:30%}.visual-bottom{bottom:10px}.section{padding:32px 6%}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>span{display:none}.eyebrow{font-size:8px;letter-spacing:1.4px}.instrument-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card-art{height:155px}.card-copy h3{font-size:16px}.card-copy p{font-size:10px;line-height:1.6;min-height:32px;margin-bottom:12px}.card-copy>span{font-size:9px}.feature-band{margin:25px 6%;grid-template-columns:1fr 1fr;gap:25px;padding:30px 0}.feature-band h2{font-size:22px}.feature-band .eyebrow{font-size:7px}.feature-band h3{font-size:12px}.feature-band p{font-size:10px}.learn{grid-template-columns:1fr;gap:35px}.learn h2{font-size:29px}.lesson-preview{transform:none}.note-circles b{width:36px;height:36px}.faq{grid-template-columns:1fr;gap:10px;padding-bottom:45px}.faq h2{font-size:26px}.footerlinks{gap:18px;font-size:10px}footer{padding:30px 6% 20px;align-items:start}.studio-heading{padding:30px 6% 20px}.studio-heading h1{font-size:32px;letter-spacing:-1.2px}.studio-heading p{font-size:11px}.studio-tabs{margin:0 6% 20px;display:grid;grid-template-columns:1fr 1fr}.studio-tabs a{padding:12px;font-size:11px}.studio-panel{margin:0 3%;padding:16px 12px}.toolbar{gap:14px}.toolbar .control{font-size:10px;padding:9px}.toolbar label{font-size:8px}.toolbar input[type=range]{width:65px}.chordbar{gap:8px}.chordbar>span{width:100%;text-align:center;margin-bottom:3px}.chord{width:38px;height:34px}.play-hint{font-size:9px}.record-panel{margin:18px 3%;padding:18px 13px}.record-actions{gap:8px}.record-actions .button{font-size:10px;padding:12px}.record-actions .control{font-size:10px;padding:10px}.studio-help{grid-template-columns:1fr;gap:20px}.studio-help h2{font-size:24px}.article-page{padding:40px 6% 60px}.article-page h1{font-size:40px}.article-page p{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.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}.studio-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:18px}.studio-topbar>span{font-size:10px;color:#c3d5ab}.studio-topbar>div{display:flex;gap:8px}.rotate-hint{display:none}.studio-topbar .control{font-size:10px}.rhythm-controls{display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid #ffffff15;margin-top:20px;padding-top:18px;flex-wrap:wrap}.rhythm-controls label{font-size:11px;display:flex;align-items:center;gap:10px}.rhythm-controls select,.lesson-panel select{padding:9px 12px;border:1px solid #697b53;color:#e9f2dd;border-radius:6px;background:#33412b;font-size:11px}.rhythm-controls small{font-size:9px;color:#a5b597}.lesson-panel{margin:10px 0 23px;padding:22px;background:#303b29;border:1px solid #586a43;border-radius:10px}.lesson-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.lesson-header h2{font-size:25px;margin:6px 0 0;letter-spacing:-.6px}.lesson-header .eyebrow{font-size:8px;color:#bbd398}.lesson-panel p{color:#bac9ac;font-size:11px;margin:12px 0 17px}.lesson-notes{display:flex;gap:10px}.lesson-step{border:1px solid #667955;background:#24301e;border-radius:7px;padding:13px 5px;flex:1;text-align:center;font-size:12px;color:#dae7c8}.lesson-step.current,.lesson-step.preview{background:#cef57a;color:#1b2710;border-color:#cef57a;box-shadow:0 0 0 3px #cef57a24}.lesson-step.done{background:#526c36;color:#e9f8d4}.lesson-panel progress{width:100%;height:5px;border:0;appearance:none;margin:16px 0;background:#1d2918;border-radius:5px;accent-color:#cef57a}.lesson-panel progress::-webkit-progress-bar{background:#1d2918;border-radius:5px}.lesson-panel progress::-webkit-progress-value{background:#cef57a;border-radius:5px}.lesson-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-actions .button{padding:12px 16px;font-size:11px}.lesson-actions>span{font-size:10px;color:#c3d7ad;margin-left:auto}.fret.lesson-target{background:#aaca76aa;box-shadow:inset 0 0 0 2px #d2f397}.chord-diagram{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:20px;padding-top:15px;border-top:1px solid #ffffff16}.chord-diagram svg{height:180px;width:190px;color:#bacbaa;flex-shrink:0}.chord-diagram h3{font-size:24px;margin:8px 0 12px}.chord-diagram p{font-size:10px;color:#b9c9aa;margin-bottom:10px}.chord-diagram a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.chord-diagram .eyebrow{font-size:8px;color:#b6ca9d}.chord-info{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;color:#bfd4a6;margin-top:17px}.chord-info strong{color:#d6f5ac;font-size:19px}.chord-info small{font-size:10px}.saved-panel{margin:32px 5%;padding:25px;border:1px solid var(--line);background:#f0f2e9;border-radius:12px}.saved-panel h2{font-size:24px}.saved-panel .section-heading{margin-bottom:20px}.saved-panel .section-heading>span{font-size:10px}.empty-records{font-size:12px;margin:0;padding:20px 0}.saved-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-top:1px solid #d5ddc9}.saved-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.saved-row small{display:block;color:#748266;font-size:10px;margin-top:7px}.saved-row>div:last-child{display:flex;gap:8px;flex-shrink:0}#save-form{display:flex;align-items:end;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #cbd4c0}#save-form label{font-size:11px;flex:1}#record-name{width:100%;margin-top:8px;padding:13px;border:1px solid #b1c29b;border-radius:7px;background:#fbfdf7}#save-form .button{padding:14px}#wav-link{background:#e4f5c5;border-color:#9dbb71;color:#2c4716}.record-actions{justify-content:flex-end}.record-panel{flex-wrap:wrap}.studio-focused{overflow:hidden}.studio-panel.focus-mode,.studio-panel:fullscreen{position:fixed;inset:0;z-index:500;margin:0;border-radius:0;overflow-y:auto;padding:18px max(16px,env(safe-area-inset-left));background:#202720}.focus-mode .studio-topbar{position:sticky;top:-18px;background:#202720;z-index:5;padding-top:12px}.focus-mode .lesson-panel{max-width:1100px;margin:10px auto 22px}.focus-mode .chord-diagram{display:none}.tool-page .metro-card{padding:35px;background:#202720;color:#fff;border-radius:16px;text-align:center}.metro-card #beat-indicator{font-size:35px;letter-spacing:13px;color:var(--lime)}.tempo-large{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:30px 0 24px;gap:12px}.tempo-large label{width:100%;font-size:11px;letter-spacing:1px;color:#c6d4b7}.tempo-large input{width:190px;font-size:76px;letter-spacing:-5px;color:var(--lime);background:transparent;border:0;text-align:center;font-weight:700}.tempo-large>span{align-self:end;margin-bottom:15px;color:#b7caa0;font-size:13px}.metro-card select{padding:8px 16px;background:#36462c;border:1px solid #849773;color:#fff;border-radius:5px}.metro-card label{font-size:12px}.metro-card input[type=range]{accent-color:var(--lime);vertical-align:middle;width:130px}.metro-card output{font-size:11px;margin-left:10px}.metro-card #tap-status{color:#bfd2a8;font-size:11px;margin:20px 0 0}.tool-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:25px 0}.tool-actions .control{padding:16px}.large-diagram{color:#28351e;background:#e7efdb;border-radius:12px;padding:24px;margin:25px 0}.large-diagram .chord-diagram{border:0;margin:0;padding:0;gap:40px}.large-diagram svg{height:270px;width:250px;color:#4f6340}.large-diagram p,.large-diagram .eyebrow{color:#5f7051}.large-diagram h3{font-size:30px}.light-chords{justify-content:flex-start;margin-top:20px}.light-chords .chord{width:65px;height:45px}.chord-page>#audio-status{font-size:11px;color:#63764f}.article-page ul{padding-left:22px;line-height:2;font-size:14px;color:#5d6d50}.article-page a:not(.button){text-decoration:underline;text-underline-offset:3px}.practice-tools h2{font-size:28px;letter-spacing:-.8px;margin:12px 0 25px}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.practice-grid>a{border:1px solid #d4dfc6;border-radius:12px;padding:27px;background:#eef2e6;transition:transform .2s}.practice-grid>a:hover{transform:translateY(-4px);border-color:#98ad7f}.practice-grid span{font-size:9px;letter-spacing:1.2px;color:#6a7d57}.practice-grid h3{margin:20px 0 10px;font-size:18px;letter-spacing:-.4px}.practice-grid p{font-size:11px;margin:0}.footerlinks{flex-wrap:wrap;row-gap:16px}.record-panel .record-actions .control{min-height:39px}@media(max-width:700px){.studio-topbar{align-items:start;gap:8px}.studio-topbar>span{font-size:9px;max-width:145px;line-height:1.6}.studio-topbar>div{gap:5px}.studio-topbar .control{padding:9px 8px;font-size:9px;min-height:36px}.rotate-hint{display:block;font-size:9px;line-height:1.6;color:#a8bd92;margin:8px 0 0;text-align:center}.lesson-panel{padding:15px 12px}.lesson-header{align-items:start;gap:10px}.lesson-header h2{font-size:22px}.lesson-panel select{padding:8px;font-size:10px;max-width:135px}.lesson-notes{gap:5px}.lesson-step{font-size:10px;padding:11px 3px}.lesson-panel p{font-size:10px}.lesson-actions{gap:7px}.lesson-actions>span{width:100%;margin:7px 0 0;font-size:10px}.lesson-actions .button,.lesson-actions .control{font-size:10px;padding:11px 9px}.chord-diagram{gap:13px}.chord-diagram svg{height:150px;width:145px}.chord-diagram h3{font-size:21px}.chord-diagram p{font-size:9px}.chord-diagram .eyebrow{font-size:7px}.chord-info{gap:12px;flex-wrap:wrap}.chord-info small{width:100%;text-align:center}.rhythm-controls{gap:10px}.rhythm-controls small{width:100%;text-align:center}.saved-panel{margin:20px 3%;padding:20px 14px}.saved-panel h2{font-size:22px}.saved-row{align-items:start;flex-direction:column;gap:12px}.saved-row>div:last-child{width:100%}.saved-row .control{flex:1}#save-form{flex-wrap:wrap}#save-form label{flex:1 0 100%}#save-form .button,#save-form .control{flex:1}.record-actions{justify-content:start}.record-panel p{line-height:1.6}.practice-grid{grid-template-columns:1fr;gap:12px}.practice-grid>a{padding:23px}.practice-grid h3{margin-top:14px}.large-diagram{padding:14px}.large-diagram .chord-diagram{gap:15px;flex-direction:column}.large-diagram svg{height:240px;width:230px}.large-diagram .chord-diagram>div{text-align:center}.light-chords .chord{width:calc(33% - 8px);height:44px}.metro-card .tempo-large input{font-size:65px;width:160px}.tool-page .metro-card{padding:25px 16px}.studio-panel.focus-mode .studio-topbar{top:-18px}.footerlinks{max-width:100%;gap:16px}}@media(max-height:500px)and (orientation:landscape){.focus-mode .toolbar{padding-bottom:12px;gap:12px}.focus-mode .instrument-top{padding:12px 2px}.focus-mode .rotate-hint,.focus-mode .play-hint{display:none}.focus-mode .studio-topbar{padding-bottom:10px}.focus-mode .fretrow{height:30px}.focus-mode .lesson-panel{margin-top:12px}.focus-mode .studio-topbar>span{font-size:9px}}.play-surface{overscroll-behavior-x:contain;scrollbar-width:auto}[data-instrument=piyano] .studio-panel{--lh:#7cc4ff;--rh:#cef57a;--felt:#7b2431;--ivory:#fbfaf3;--hl:#ffc85c;--hl-root:#ff7f5c;--deck:#161c16;--deck-line:#3b4837}@media(min-width:1200px){[data-instrument=piyano] .studio-panel{margin:0 3%}}[data-instrument=piyano] .instrument-top{padding:14px 2px 10px;align-items:center;gap:12px}.piano-deck{display:grid;gap:12px;padding:18px 0 2px}.deck-row{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap}.seg{display:inline-flex;align-items:center;background:var(--deck);border:1px solid var(--deck-line);border-radius:9px;padding:3px;gap:2px}.seg-label{font-size:11px;color:#a9b99a;padding:0 8px 0 7px}.seg button{min-height:34px;min-width:40px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#d8e4ca;font-size:12px;font-variant-numeric:tabular-nums}.seg button:hover{background:#2a3428}.seg button[aria-pressed=true]{background:var(--lime);color:#1b2614;font-weight:700}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #47563f;background:#222b21;color:#e6efda;font-size:18px;line-height:1;display:inline-grid;place-items:center;padding:0}.icon-btn:hover:not(:disabled){background:#344131}.zoom-group{display:inline-flex;align-items:center;gap:8px}.zoom-group input{width:110px;accent-color:var(--lime)}.view-range{margin-left:auto;font-size:12px;color:#c8d8b4;font-variant-numeric:tabular-nums;white-space:nowrap}.span-note{margin:-4px 0 0;font-size:11px;color:#e8cd85;line-height:1.5}.stepper{display:inline-flex;align-items:center;gap:5px;background:var(--deck);border:1px solid var(--deck-line);border-radius:9px;padding:3px 3px 3px 10px}.stepper>span{font-size:11px;color:#a9b99a;margin-right:3px}.stepper output,.tr-value{min-width:30px;text-align:center;font-size:15px;font-weight:700;color:#f2f7ea;font-variant-numeric:tabular-nums}.tr-value{background:none;border:0;padding:0;height:34px;border-radius:6px}.stepper.changed .tr-value{color:var(--hl)}.stepper small{font-size:10px;color:#8d9d7d;margin:0 6px 0 2px;white-space:nowrap}.pedal{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px 0 12px;border-radius:9px;border:1px solid #5d6c4c;background:var(--deck);color:#e3ecd6;font-size:12px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none}.pedal svg{width:18px;height:18px;transition:transform .12s}.pedal[aria-pressed=true]{background:#e0b45c;border-color:#e0b45c;color:#241c08}.pedal[aria-pressed=true] svg{transform:translateY(2px) scaleY(.88)}.deck-select{font-size:11px;color:#a9b99a;display:inline-flex;gap:8px;align-items:center}.piano-deck select{padding:7px 10px;min-height:34px;color:#e6ecdd;background:var(--deck);border:1px solid var(--deck-line);border-radius:8px;font-size:12px}.more-btn{min-height:38px}.more-btn:after{content:" ▾"}.more-btn[aria-expanded=true]{background:#2f3a2c}.more-btn[aria-expanded=true]:after{content:" ▴"}.piano-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.piano-options fieldset{margin:0;min-width:0;border:1px solid #33402f;border-radius:10px;padding:10px 14px 14px;display:grid;gap:10px;align-content:start;background:#1a211a}.piano-options legend{font-size:12px;font-weight:700;color:#e9f2dc;padding:0 6px}.piano-options label{font-size:11px;color:#b9c8a9;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.opt-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.opt-info{font-size:11px;line-height:1.55;color:#97a888;margin:0}.check input{accent-color:var(--lime);width:16px;height:16px;margin:0}.range input{flex:1;min-width:80px;accent-color:var(--lime)}.range output{min-width:34px;font-variant-numeric:tabular-nums;color:#e6efda}.swatch input{width:40px;height:28px;padding:0 2px;border:1px solid var(--deck-line);border-radius:6px;background:var(--deck)}#note-display{font-size:14px;color:#eef8de;font-variant-numeric:tabular-nums;transition:opacity .3s;min-height:20px}#note-display.idle{opacity:.5}.piano-nav{display:flex;align-items:center;gap:8px;margin-bottom:10px}.nav-arrow{font-size:22px;flex-shrink:0}.nav-arrow:disabled{opacity:.3}.pnav-strip{position:relative;flex:1;height:34px;background:#0e120e;border-radius:6px;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.pnav-strip:active{cursor:grabbing}.pnav-strip i{position:absolute;top:0;display:block;pointer-events:none}.pnav-strip i.w{height:100%;background:#dedccf;box-shadow:inset -1px 0 #8f8d83}.pnav-strip i.b{height:60%;background:#151715;z-index:1}.pnav-strip i.hl{background:#f3d390}.pnav-strip i.b.hl{background:#a37b2c}.pnav-strip i.on{background:var(--lime)}.pnav-window{position:absolute;top:0;bottom:0;z-index:2;border:2px solid var(--lime);border-radius:5px;box-shadow:0 0 0 999px #000000a0;pointer-events:none}.pnav-mapped{position:absolute;bottom:0;height:4px;background:#7cc4ff;z-index:3;pointer-events:none;border-radius:2px}.piano-case{position:relative;background:linear-gradient(#0c0f0c,#171c17);border-radius:12px;padding:10px 10px 14px;box-shadow:inset 0 1px #ffffff14,0 18px 30px -20px #000}.pedal-down .piano-case{box-shadow:inset 0 1px #ffffff14,inset 0 -4px #e0b45c,0 18px 30px -20px #000}.play-surface.keys-viewport{overflow-x:auto;overflow-y:hidden;padding:0 0 2px;scrollbar-width:thin;scrollbar-color:#4f5d45 transparent;overscroll-behavior-x:contain}.keybed{position:relative;height:var(--kh,180px);width:calc(52*var(--ww,24px));border-top:6px solid var(--felt);box-shadow:0 -1px #c0566180;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.pkey{position:absolute;top:0;margin:0;padding:0;border:0;font:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transform-origin:50% 0;transition:transform .16s cubic-bezier(.2,.8,.3,1),box-shadow .16s,background .2s}.pkey:focus-visible{outline:3px solid #8ba83c;outline-offset:-3px}.pkey.lh{--hc:var(--lh)}.pkey.rh{--hc:var(--rh)}.pkey.white{left:calc(var(--x)*var(--ww));width:var(--ww);height:100%;z-index:1;border-radius:0 0 calc(var(--ww)*.12) calc(var(--ww)*.12);background:linear-gradient(180deg,#cfccbf 0,#f3f2e8 5%,var(--ivory) 62%,#eeece1 100%);box-shadow:inset -1px 0 #b9b7aa,inset 1px 0 #ffffffb0,inset 0 -6px #e4e2d6,0 4px #b9b7a9,0 6px 5px #0008}.pkey.black{left:calc(var(--x)*var(--ww));width:calc(.58*var(--ww));height:63.5%;z-index:3;border-radius:0 0 calc(var(--ww)*.07) calc(var(--ww)*.07);background:linear-gradient(90deg,#050605,#2c2f2b 16%,#151715 42%,#0b0c0b 84%,#292b28);box-shadow:inset 0 -10px #1d1f1c,inset 0 -11px #3d403b,0 3px 3px #000b}.pkey.black:before{content:"";position:absolute;left:16%;right:16%;top:2%;height:58%;border-radius:2px;background:linear-gradient(#ffffff1f,#ffffff03);pointer-events:none}.pkey:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 25%,var(--hc) 100%);opacity:0;transition:opacity .35s;pointer-events:none}.pkey.black:after{background:linear-gradient(180deg,transparent 5%,var(--hc))}.pkey.down{transition-duration:25ms;transform:translateY(2px)}.pkey.down:after{opacity:calc(.3 + var(--v,.7)*.55);transition-duration:25ms}.pkey.white.down{box-shadow:inset -1px 0 #b9b7aa,inset 0 12px 10px -9px #0006,inset 0 -3px #ddd9cb,0 1px #b9b7a9,0 2px 2px #0006}.pkey.black.down{transform:translateY(1.5px);box-shadow:inset 0 -4px #1d1f1c,inset 0 -5px #3d403b,0 1px 1px #000b}@media(hover:hover){.pkey.white:hover{background:linear-gradient(180deg,#cfccbf 0,#f0efe5 5%,#f6f5ec 62%,#e9e7dc)}.pkey.black:hover{background:linear-gradient(90deg,#0b0c0b,#3a3e39 16%,#222521 42%,#151715 84%,#343632)}}.pkey .key-note{position:absolute;left:0;right:0;bottom:28px;text-align:center;font-size:clamp(9px,calc(var(--ww)*.34),13px);font-weight:600;color:#7a8370;pointer-events:none;z-index:2;white-space:nowrap;line-height:1}.pkey.is-c .key-note{color:#2f382a;font-weight:700}.pkey.black .key-note{color:#c8d2bd;font-size:clamp(8px,calc(var(--ww)*.28),11px);bottom:20px}.keybed.compact .key-note{writing-mode:vertical-rl;left:50%;right:auto;transform:translate(-50%) rotate(180deg);bottom:26px;font-size:10px}.keybed.compact .pkey.black .key-note{font-size:9px;bottom:18px}.pkey kbd{position:absolute;left:50%;bottom:7px;transform:translate(-50%);font:700 10px/1 Arial,Helvetica,sans-serif;color:#7d8771;min-width:15px;padding:2px 3px;border-radius:3px;border:1px solid #d3d1c4;background:#fffef9;pointer-events:none;z-index:2}.pkey kbd:empty{display:none}.pkey.black kbd{color:#dbe3cf;background:#252824;border-color:#43473f;bottom:15px}.keybed.tiny kbd{display:none}.keybed.tiny .key-note{bottom:10px}.pkey .mark{position:absolute;left:50%;bottom:calc(var(--kh,180px)*.3);width:clamp(7px,calc(var(--ww)*.42),15px);height:clamp(7px,calc(var(--ww)*.42),15px);border-radius:50%;background:var(--hl);box-shadow:0 0 0 2px #00000024;transform:translate(-50%) scale(0);transition:transform .2s cubic-bezier(.3,1.6,.5,1);pointer-events:none;z-index:2}.pkey.black .mark{bottom:calc(var(--kh,180px)*.2);box-shadow:0 0 0 2px #0008}.pkey.hl .mark{transform:translate(-50%) scale(1)}.pkey.hl-root .mark{background:var(--hl-root);border-radius:3px;transform:translate(-50%) rotate(45deg) scale(1)}.pkey.white.hl{background:linear-gradient(180deg,#cfccbf 0,#f6f2e2 5%,#fff6df 55%,#fbe4ae)}.pkey.black.hl{background:linear-gradient(90deg,#120d03,#4b3a17 16%,#2d230e 42%,#1a1407 84%,#47391b)}.pkey.lesson-target{animation:lessonPulse 1.1s ease-in-out infinite}.pkey.white.lesson-target{background:linear-gradient(180deg,#cfccbf,#f4ffe1 8%,#dcf6a2)}.pkey.black.lesson-target{background:linear-gradient(#5c7c3b,#2d421d)}@keyframes lessonPulse{50%{filter:brightness(1.08) drop-shadow(0 0 6px #cef57a)}}.split-mark{display:none;position:absolute;top:-9px;left:calc(var(--x)*var(--ww));width:3px;height:14px;margin-left:-1.5px;border-radius:2px;background:#fff;z-index:5;pointer-events:none;box-shadow:0 0 0 1px #0006}.keybed.hands-on .split-mark{display:block}.edge{position:absolute;top:10px;bottom:14px;width:28px;z-index:6;pointer-events:none;opacity:0}.edge.left{left:10px;background:linear-gradient(90deg,var(--lime),transparent)}.edge.right{right:10px;background:linear-gradient(-90deg,var(--lime),transparent)}.edge.flash{animation:edgeFlash .7s ease-out}@keyframes edgeFlash{0%{opacity:.75}to{opacity:0}}.roll-panel{margin:6px 0 20px;border:1px solid #33402f;border-radius:12px;background:#151b15;overflow:hidden}.roll-head{display:flex;justify-content:space-between;align-items:center;gap:10px 14px;padding:12px 14px;flex-wrap:wrap}.roll-head h2{font-size:15px;margin:0 0 3px;color:#eef6e2;letter-spacing:-.2px}.roll-head p{font-size:11px;margin:0;color:#97a888;line-height:1.5}.roll-panel.closed .roll-head p{display:none}.roll-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.roll-actions select{padding:8px 10px;color:#e6ecdd;background:var(--deck);border:1px solid var(--deck-line);border-radius:6px;font-size:11px}#roll-canvas{display:block;width:100%;height:220px}.studio-panel.focus-mode{display:block}.focus-mode .roll-panel{margin-top:10px}@media(max-height:560px){.studio-panel.focus-mode{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-content:start;padding-top:8px}.focus-mode>*{grid-column:1/-1}.focus-mode .studio-topbar{grid-column:2;grid-row:1;position:static;padding:0;align-self:start}.focus-mode .studio-topbar>span{display:none}.focus-mode .studio-topbar .control{padding:8px 10px;min-height:34px}.focus-mode .piano-deck{grid-column:1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;min-height:48px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;gap:8px;padding:0 0 2px}.focus-mode .piano-deck::-webkit-scrollbar{display:none}.focus-mode .piano-deck .deck-row{display:contents}.focus-mode .piano-deck>.piano-options{display:none}.focus-mode .piano-deck .deck-row>*{flex-shrink:0}.focus-mode .seg-label,.focus-mode .zoom-group input,.focus-mode .more-btn,.focus-mode .toolbar,.focus-mode .instrument-top,.focus-mode .play-hint,.focus-mode .rotate-hint,.focus-mode .span-note,.focus-mode .view-range,.focus-mode .stepper small{display:none}.focus-mode .piano-deck{padding-top:4px;gap:6px}.focus-mode .deck-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.focus-mode .deck-row::-webkit-scrollbar{display:none}.focus-mode .deck-row>*{flex-shrink:0}.focus-mode .studio-topbar{padding-bottom:4px}.focus-mode .piano-nav{margin:6px 0}.focus-mode .pnav-strip{height:26px}.focus-mode .piano-case{padding:6px 6px 8px}}@media(max-width:1100px){.piano-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.piano-deck{gap:10px;padding-top:14px}.deck-row{gap:8px}.zoom-group input{display:none}.view-range{margin-left:0;font-size:11px}.seg-label{display:none}.seg button{min-width:38px;padding:0 8px}.stepper small{display:none}.stepper{padding-left:8px}.pedal{flex:1;justify-content:center}.deck-select,.deck-select select{flex:1}.more-btn{width:100%}.piano-options{grid-template-columns:1fr}.piano-case{padding:8px 5px 12px;border-radius:10px;margin:0 -4px}.piano-nav .pnav-strip{height:38px}#roll-canvas{height:170px}[data-instrument=piyano] .instrument-top{font-size:11px}#note-display{font-size:13px}}[data-instrument$=gitar] .studio-panel,.chord-page{--deck:#161c16;--deck-line:#3b4837}@media(min-width:1200px){[data-instrument$=gitar] .studio-panel{margin:0 3%}}.guitar-deck{display:grid;gap:12px;padding:18px 0 4px}.guitar-deck .deck-row{row-gap:10px}.guitar-deck select,.chord-page-tools select{padding:7px 10px;min-height:34px;color:#e6ecdd;background:var(--deck);border:1px solid var(--deck-line);border-radius:8px;font-size:12px}.guitar-deck .range,.rhythm-controls .range{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b9c8a9}.guitar-deck .range input{width:84px;min-width:0;flex:none}.guitar-deck .range output{min-width:38px;font-size:11px}.guitar-deck .pedal{min-height:38px;padding:0 14px;font-size:12px}.guitar-deck .pedal:active{transform:translateY(1px)}#palm[aria-pressed=true]{background:#f3d2b5;border-color:#f3d2b5;color:#3a2716}#arp-toggle[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#1b2614}.arp-group{display:inline-flex;gap:6px;align-items:center}.arp-group select{max-width:170px}.deck-tone{padding:10px 12px;border:1px solid var(--deck-line);border-radius:10px;background:#1a211a}.deck-title{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#cde2af;margin-right:4px}[data-amp][aria-pressed=true]{background:#ff9a6b!important;color:#2a1209!important}#note-display{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.play-surface.guitar-viewport{overflow-x:auto;overflow-y:hidden;padding:0 0 6px;scrollbar-width:thin;scrollbar-color:#4f5d45 transparent;overscroll-behavior-x:contain}.guitar-stage{position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:12px;overflow:hidden;background:#141a14;box-shadow:inset 0 0 0 1px #ffffff10}.guitar-svg,.guitar-canvas{position:absolute;left:0;top:0;display:block}.guitar-canvas{pointer-events:none}.gcells{position:absolute;inset:0;pointer-events:none}.gcell{position:absolute;pointer-events:auto;border:0;padding:0;margin:0;background:transparent;border-radius:6px;touch-action:none;cursor:pointer;display:grid;place-items:center;color:#f1e9d4}.gcell:hover{background:#ffffff14}.gcell:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}.gcell.blocked{cursor:not-allowed}.gcell.blocked:hover{background:transparent}.gcell .key-note{font-size:9px;line-height:1;padding:2px 3px;border-radius:3px;background:#1d140dcc;pointer-events:none}.gcell .key-note:empty{display:none}.gcell.open .key-note{background:#0f140f;border:1px solid #3d4a36;color:#d8e8c2;font-weight:700;font-size:9.5px;padding:3px 4px}.gcell.open.muted .key-note{color:#ff9c87;border-color:#7a3a2e}.gcell.lesson-target{background:#cef57a33;box-shadow:inset 0 0 0 2px #d2f397;animation:lessonPulse 1.1s ease-in-out infinite}.strum-zone{position:absolute;top:0;bottom:0;touch-action:none;cursor:grab}.strum-zone:active{cursor:grabbing}.zone-hint{position:absolute;right:10px;bottom:6px;font-size:9px;letter-spacing:.6px;color:#ffffffb0;background:#00000040;padding:3px 7px;border-radius:9px;pointer-events:none}.play-hint kbd{font:700 9px/1 Arial,Helvetica,sans-serif;padding:2px 4px;border-radius:3px;border:1px solid #4d5a44;background:#161c16;color:#dfe9d2}.chord-lab{border-top:1px solid #ffffff15;padding-top:18px;margin-top:6px}.chord-lab-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quick-chords{border:0;padding:0;justify-content:flex-start}.quick-chords .chord{width:auto;min-width:50px;padding:0 10px;display:inline-flex;align-items:center;gap:6px}.quick-chords kbd{font:700 8px/1 Arial;opacity:.6;border:1px solid currentColor;border-radius:3px;padding:1px 3px}.chord-lab .check,.chord-page-tools .check{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b9c8a9}.chord-lab-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:22px;margin-top:16px;align-items:start}.guitar-diagram{flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:16px;border:1px solid #ffffff14;border-radius:12px;background:#1a211a}.guitar-diagram svg{width:100%;max-width:250px;height:auto;align-self:center;color:#c4d5b2}.guitar-diagram h3{margin:6px 0 4px;font-size:26px}.guitar-diagram h3 small{font-size:12px;font-weight:400;color:#b9c9aa;margin-left:6px}.guitar-diagram .chord-notes{font-size:12px;color:#e3efd2;margin:0 0 8px}.guitar-diagram .chord-note{font-size:11px;color:#ffd58f;margin:0 0 8px}.diagram-actions{display:flex;gap:8px;flex-wrap:wrap}.chord-library{min-width:0}.lib-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.lib-head h3{margin:4px 0 0;font-size:20px}.lib-head .eyebrow{font-size:8px;color:#b6ca9d}#lib-count{font-size:11px;color:#a9b99a}.lib-tools{display:flex;gap:10px;margin:12px 0 10px;flex-wrap:wrap}.lib-search{flex:1;min-width:180px}.lib-search input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid var(--deck-line);background:var(--deck);color:#eef6e2;font-size:13px}.lib-level{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#a9b99a}.lib-level select{padding:8px 10px;border-radius:8px;border:1px solid var(--deck-line);background:var(--deck);color:#e6ecdd;font-size:12px}.lib-cats{flex-wrap:wrap;margin-bottom:12px}.lib-cats button{min-height:30px;font-size:11px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:430px;overflow:auto;padding:2px 4px 2px 2px;scrollbar-width:thin;scrollbar-color:#4f5d45 transparent}.chord-card{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 4px 9px;border-radius:9px;border:1px solid #3d4b37;background:#1a211a;color:#dfe9d2;cursor:pointer}.chord-card:hover{border-color:#7d9466;background:#222b21}.chord-card.active{border-color:var(--lime);background:#2c3a22;box-shadow:0 0 0 2px #cef57a33}.chord-card .mini-diagram{width:62px;height:auto;color:#a9bb98}.chord-card b{font-size:14px}.chord-card small{font-size:9px;color:#9fb08d;text-align:center;line-height:1.3}.chord-card i{position:absolute;top:5px;right:5px;font-style:normal;font-size:7.5px;letter-spacing:.4px;padding:2px 4px;border-radius:4px;background:#e0b45c;color:#2b1f05}.chord-card i.easy{background:#4c6b33;color:#e6f6d0}.lib-empty{font-size:12px;color:#b9c8a9;grid-column:1/-1}.prog-chips{display:flex;gap:6px;flex-wrap:wrap;width:100%;justify-content:center}.prog-chip{font-size:11px;padding:5px 9px;border-radius:6px;border:1px solid #4f5f45;color:#d6e4c3;transition:background .15s}.prog-chip.current{background:var(--lime);color:#1b2614;border-color:var(--lime)}.prog-chip.single{border-style:dashed;color:#9fb08d}.rhythm-controls select{padding:9px 12px;border:1px solid #697b53;color:#e9f2dd;border-radius:6px;background:#33412b;font-size:11px}.rhythm-controls .range input{width:80px;accent-color:var(--lime)}#rhythm[aria-pressed=true]{background:var(--lime);color:#1b2614;border-color:var(--lime)}.focus-mode .chord-lab-grid{grid-template-columns:minmax(260px,360px) 1fr}.chord-page{max-width:1180px}.chord-page-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 6px;padding:12px;border-radius:12px;background:#202720;color:#e6ecdd}.chord-page-tools .deck-select{font-size:11px;color:#a9b99a;display:inline-flex;gap:8px;align-items:center}.chord-page-grid{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:26px;align-items:start;margin-top:18px}.chord-page .large-diagram{margin:0}.chord-page .large-diagram .guitar-diagram{background:transparent;border:0;padding:0}.chord-page .large-diagram svg{color:#4f6340;max-width:270px;width:100%;height:auto}.chord-page .large-diagram h3 small,.chord-page .large-diagram .chord-notes{color:#3f5131}.chord-page .large-diagram .chord-note{color:#8a5a12}.chord-page .large-diagram .control{border-color:#9db185;color:#2b3a20}.chord-library.light{color:#e6ecdd;background:#202720;border-radius:12px;padding:18px}.chord-page .tool-actions{justify-content:flex-start;margin:14px 0}@media(max-width:900px){.chord-lab-grid,.chord-page-grid,.focus-mode .chord-lab-grid{grid-template-columns:1fr}.guitar-diagram{flex-direction:row;align-items:center}.guitar-diagram svg{max-width:190px}.lib-grid{max-height:360px}}@media(max-width:700px){.guitar-deck{gap:9px;padding-top:12px}.guitar-deck .seg-label{display:none}.guitar-deck .range input{width:70px}.arp-group{flex-wrap:wrap}.deck-tone{padding:8px}.guitar-diagram{flex-direction:column}.guitar-diagram svg{max-width:220px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.chord-card .mini-diagram{width:54px}#note-display{max-width:100%;font-size:12px}[data-instrument$=gitar] .instrument-top{flex-wrap:wrap;gap:6px}}@media(max-height:560px){.focus-mode .guitar-deck{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.focus-mode .guitar-deck .deck-row{flex-wrap:nowrap}.focus-mode .deck-tone{display:none}}@media(prefers-reduced-motion:reduce){.gcell.lesson-target{animation:none}}.chord-page .diagram-actions{display:none}.chord-page .tool-actions .button{margin-top:0}@media(max-width:700px){.guitar-deck .pedal{flex:1 1 auto;white-space:nowrap;padding:0 10px;font-size:11px}}.deck-tone:has(.amp-row){display:grid;gap:10px}.amp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.amp-models{flex-wrap:wrap}.amp-models button{min-height:32px;font-size:11.5px}.amp-desc{font-size:11px;color:#c9d8b6;flex:1;min-width:180px}.amp-knobs{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center}[data-instrument=bateri] .studio-panel,.rec-studio{--deck:#161c16;--deck-line:#3b4837}@media(min-width:1200px){[data-instrument=bateri] .studio-panel{margin:0 3%}}.instrument-grid{grid-template-columns:repeat(5,1fr)}@media(max-width:1000px){.instrument-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.instrument-grid{grid-template-columns:repeat(2,1fr)}}.instrument-card.bateri .card-art{background:#e5ebe0}.drum-art{position:absolute;inset:0}.drum-art i{position:absolute;display:block}.drum-art .cym{width:120px;height:22px;left:30px;top:42px;border-radius:50%;background:radial-gradient(#f2d683,#b98a2e);transform:rotate(-10deg);box-shadow:0 2px #8c6a22}.drum-art .tom{width:70px;height:46px;left:118px;top:70px;border-radius:50%/22%;background:linear-gradient(90deg,#163b32,#2f6656,#163b32);box-shadow:inset 0 9px 0 -2px #f4f1e8}.drum-art .kick{width:104px;height:104px;left:150px;top:96px;border-radius:50%;background:radial-gradient(#f5f2e8 55%,#2f6656 57%);border:5px solid #cfd5d8}.drum-art .snare{width:84px;height:40px;left:60px;top:118px;border-radius:50%/26%;background:linear-gradient(90deg,#163b32,#2f6656,#163b32);box-shadow:inset 0 9px 0 -2px #fbfaf3}.drum-deck{display:grid;gap:12px;padding:18px 0 4px}.drum-deck .range{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b9c8a9}.drum-deck .range input{width:100px;accent-color:var(--lime)}.drum-deck .check,.seq-controls .check{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b9c8a9}.hat-state{font-size:11px;color:#f2d683;padding:6px 10px;border:1px solid #5b4e2a;border-radius:8px;background:#1f1c12}.play-surface.drum-viewport{overflow:visible;padding:0}.kit-stage{border-radius:14px;background:radial-gradient(120% 90% at 50% 10%,#2b3a2b,#121812 70%);box-shadow:inset 0 0 0 1px #ffffff10;overflow:hidden}.kit-svg{display:block;width:100%;height:auto;max-height:min(70vh,640px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kit-svg .piece{cursor:pointer;outline:none}.kit-svg .piece:focus-visible .headskin,.kit-svg .piece:focus-visible ellipse:nth-of-type(2){stroke:#cef57a;stroke-width:4}.kit-svg .headskin,.kit-svg .flash{transform-box:fill-box;transform-origin:center}.kit-svg .beater{transform-origin:500px 544px}.kit-svg .ripple{fill:none;stroke:#e8ffb0;stroke-width:3;transform-box:fill-box;transform-origin:center;pointer-events:none}.kit-svg .pedal-plate{transition:transform .12s}.kit-svg .hihat:not(.open)~.pedal .pedal-plate{transform:translateY(4px)}.drum-viewport.hide-keys .keybadge{display:none}.kit-svg .keybadge{pointer-events:none}.drum-seq{border-top:1px solid #ffffff15;margin-top:14px;padding-top:18px}.seq-top{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}.seq-top h2{font-size:22px;margin:6px 0 0;letter-spacing:-.4px}.seq-top .eyebrow{font-size:8px;color:#bbd398}.seq-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seq-controls select{padding:9px 12px;border:1px solid #697b53;color:#e9f2dd;border-radius:8px;background:#33412b;font-size:12px}#pattern-toggle[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#1b2614}.seq-note{font-size:11px;color:#a9b99a;margin:10px 0 12px;line-height:1.6}.seq-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;font-size:12px;color:#e0ecd0}.seq-head small{color:#9fb08d;font-size:10px}.seq-grid{display:grid;gap:3px;overflow-x:auto;padding-bottom:4px}.seq-row{display:grid;grid-template-columns:118px repeat(var(--steps),minmax(20px,1fr));gap:3px;align-items:center}.seq-label{font-size:10px;color:#b9c8a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seq-cell{height:22px;border-radius:4px;border:1px solid #33402e;background:#1a211a;padding:0;cursor:pointer}.seq-cell.beat{border-color:#4d5d43}.seq-cell.lv-1{background:#55703a}.seq-cell.lv-2{background:#9fcf5b}.seq-cell.lv-3{background:#cef57a;box-shadow:0 0 0 1px #e9ffb8 inset}.seq-cell.on-step{outline:2px solid #ffc85c;outline-offset:-1px}.rec-studio{margin:22px 5% 0;padding:24px;border-radius:14px;background:#202720;color:#e6ecdd}@media(min-width:1200px){.rec-studio{margin:22px 3% 0}}.rec-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:end}.rec-head .eyebrow{font-size:8px;color:#bbd398}.rec-head h2{font-size:24px;margin:6px 0 4px;letter-spacing:-.5px}#rec-status{font-size:11px;color:#c8d9b3;min-height:16px;margin:0}.rec-meta{display:flex;gap:12px;flex-wrap:wrap}.rec-meta label{font-size:11px;color:#a9b99a;display:inline-flex;align-items:center;gap:6px}.rec-meta input{padding:8px 10px;border-radius:8px;border:1px solid var(--deck-line);background:var(--deck);color:#eef6e2;font-size:12px}#rec-name{width:190px}#rec-bpm{width:60px}.rec-transport,.rec-edit,.rec-files{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.rec-transport .check,.rec-edit label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#b9c8a9}.rec-btn{padding:12px 16px;font-size:12px;background:#e8584a;color:#fff}.rec-btn.on{animation:recPulse 1s ease-in-out infinite}.rec-btn:disabled{opacity:.5}@keyframes recPulse{50%{box-shadow:0 0 0 6px #e8584a33}}.rec-time{font:700 16px/1 Arial;font-variant-numeric:tabular-nums;color:#f2f7ea;min-width:52px}.rec-studio .control{border-color:#5d6c4c;color:#dbe8c7}.rec-studio .control:disabled,.rec-studio .button:disabled{opacity:.45}.rec-studio.busy{cursor:progress}.rec-tracks{display:flex;margin-top:14px;border:1px solid #ffffff14;border-radius:10px;overflow:hidden;background:#151b15}.rec-heads{flex:0 0 210px;border-right:1px solid #ffffff18;background:#1a211a}.rec-ruler-head{height:26px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #ffffff18}.rec-ruler-head small{font-size:10px;color:#9fb08d}.rec-head-row{box-sizing:border-box;padding:6px 8px;border-bottom:1px solid #ffffff10;display:flex;flex-direction:column;gap:5px;justify-content:center;position:relative;border-left:4px solid var(--c,#cef57a)}.rec-head-row.muted{opacity:.55}.rec-head-row.live{border-left-color:#ff6b5c;color:#ffb3a8;font-size:12px}.rec-head-row.empty{color:#9fb08d}.trow{display:flex;align-items:center;gap:4px;min-width:0}.tswatch{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}.tname{flex:1;min-width:0;background:transparent;border:1px solid transparent;color:#eef6e2;font-size:12px;font-weight:700;padding:3px 4px;border-radius:5px}.tname:hover,.tname:focus{border-color:#4d5d43;background:#141a14}.trow select{flex:1;min-width:0;padding:4px 6px;border-radius:6px;border:1px solid #3b4837;background:#141a14;color:#e6ecdd;font-size:10.5px}.trow input[type=range]{width:70px;accent-color:var(--c)}.tbtn{min-width:24px;height:24px;padding:0 6px;border-radius:5px;border:1px solid #47563f;background:#222b21;color:#dbe8c7;font-size:10.5px;font-weight:700}.tbtn[aria-pressed=true]{background:#ffc85c;border-color:#ffc85c;color:#2a1f05}.tbtn.danger{border-color:#7a3a2e;color:#ffb3a8}.ttools{position:absolute;left:100%;top:6px;z-index:4;display:flex;gap:4px;padding:6px;border-radius:8px;background:#0f140f;border:1px solid #3b4837;box-shadow:0 10px 24px #0008;white-space:nowrap}.rec-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-color:#4f5d45 transparent}#rec-canvas{position:sticky;left:0;display:block;outline:none;touch-action:pan-x;cursor:default}#rec-canvas:focus-visible{box-shadow:inset 0 0 0 2px #cef57a}.rec-spacer{height:1px}.sel-info{font-size:11px;color:#c8d9b3;min-width:110px}.rec-edit .range input{width:80px;accent-color:var(--lime)}.rec-edit select{padding:6px 8px;border-radius:6px;border:1px solid #3b4837;background:#141a14;color:#e6ecdd;font-size:11px}.rec-edit .zoom{display:inline-flex;gap:4px;margin-left:auto}.rec-files .button{padding:12px 16px;font-size:12px}.file-btn{cursor:pointer;display:inline-flex;align-items:center}.file-btn:focus-within{outline:3px solid #8ba83c;outline-offset:3px}.rec-saved-head{margin-top:26px;padding-top:18px;border-top:1px solid #ffffff15;color:#e6ecdd}.rec-saved-head h2{color:#f2f7ea}.rec-saved-head>div:last-child{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:#a9b99a}.rec-saved .saved-row{border-color:#ffffff14}.rec-saved .saved-row strong{color:#f2f7ea}.rec-saved .saved-row small,.rec-saved .empty-records{color:#a9b99a}@media(max-width:700px){.rec-studio{margin:18px 0 0;border-radius:0;padding:18px 12px}.rec-heads{flex-basis:132px}.trow input[type=range]{width:46px}.trow select{font-size:9.5px}.tbtn{min-width:22px;padding:0 4px}.ttools{left:4px;top:100%;flex-wrap:wrap;white-space:normal}.rec-edit .zoom{margin-left:0}#rec-name{width:150px}.seq-row{grid-template-columns:78px repeat(var(--steps),minmax(24px,1fr))}.seq-label{font-size:9px}.seq-cell{height:20px}}.ttools{inset:0;flex-wrap:wrap;align-content:center;justify-content:center;white-space:normal;border-radius:0;box-shadow:none;background:#0f140ff2}.kit-picker{display:grid;gap:10px}.kit-group{display:grid;gap:6px}.kit-group-title{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#bbd398;text-transform:uppercase}.kit-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.kit-card{position:relative;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:9px;text-align:left;padding:9px 10px;border-radius:10px;border:1px solid #3b4837;background:#171d17;color:#e6ecdd;cursor:pointer}.kit-card:hover{border-color:#6f8758;background:#1d251d}.kit-card.active{border-color:var(--lime);background:#26321e;box-shadow:0 0 0 2px #cef57a33}.kit-card b{font-size:13px;align-self:end}.kit-card small{grid-column:2;font-size:9.5px;line-height:1.35;color:#a9b99a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kit-card .kit-state{position:absolute;top:6px;right:8px;font-style:normal;font-size:8.5px;color:#cef57a}.kit-sw{grid-row:1/3;width:28px;height:28px;border-radius:50%;align-self:center;box-shadow:inset 0 0 0 3px #d9dde0,inset 0 0 0 5px #0005}.kit-maple{background:linear-gradient(135deg,#e2a868,#a8682c)}.kit-walnut{background:linear-gradient(135deg,#8a5a35,#4a2d18)}.kit-blacksparkle{background:radial-gradient(circle at 30% 30%,#666 0 2px,transparent 3px),radial-gradient(circle at 65% 60%,#aaa 0 1px,transparent 2px),#141414}.kit-redsparkle{background:radial-gradient(circle at 30% 35%,#ffb3bd 0 1.5px,transparent 2.5px),radial-gradient(circle at 62% 64%,#fff 0 1px,transparent 2px),#6b0d16}.kit-blueoyster{background:radial-gradient(ellipse at 30% 40%,#bcd3ff,transparent 45%),radial-gradient(ellipse at 70% 65%,#fff6,transparent 40%),#2f5590}.kit-whitepearl{background:radial-gradient(ellipse at 35% 35%,#fff,transparent 55%),radial-gradient(ellipse at 70% 70%,#d9dbe6,transparent 50%),#ece9e0}.kit-whitelacquer{background:linear-gradient(135deg,#fff,#d8d8d4)}.kit-ekit{background:repeating-linear-gradient(45deg,#2a2c2b 0 2px,#1a1b1a 2px 4px);box-shadow:inset 0 0 0 3px #0c0d0c,inset 0 0 0 5px #cef57a55}.kit-desc{font-size:11px;color:#b9c8a9;flex:1;min-width:200px}.drum-deck .range input{width:86px}.drum-deck .range output{min-width:46px;font-size:10.5px;color:#e6efda}.drum-deck [data-stick][aria-pressed=true]{background:var(--lime);color:#1b2614}.drum-deck [data-stick]:disabled{opacity:.4}.kit-stage{position:relative}.kit-stage.ekit{background:radial-gradient(120% 90% at 50% 10%,#253023,#0b0e0b 70%)}.kit-loading{position:absolute;left:50%;top:14px;transform:translate(-50%);font-size:11px;padding:6px 12px;border-radius:20px;background:#0f140fdd;color:#cef57a;border:1px solid #3b4837}.kit-svg .kick-head,.kit-svg .headskin{transform-box:fill-box;transform-origin:center}.kit-svg .hh-top{transition:transform .12s ease-out}.kit-svg .hihat.open .hh-top{transform:translateY(-12px)}.drum-pads{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.pad{position:relative;min-width:92px;height:56px;padding:6px 10px 14px;border-radius:12px;border:1px solid #0a0b0a;background:radial-gradient(120% 120% at 30% 20%,#3a3d3b,#1a1c1a 70%);box-shadow:inset 0 2px #ffffff14,inset 0 -3px #0006,0 3px 8px #0006;color:#e6ecdd;font-size:11.5px;font-weight:700;touch-action:none;cursor:pointer}.pad:hover{background:radial-gradient(120% 120% at 30% 20%,#454946,#1d1f1d 70%)}.pad kbd{position:absolute;right:7px;bottom:5px;font:700 9px/1 Arial;color:#cef57a;opacity:.85}.drum-viewport.hide-keys .pad kbd{display:none}.seq-head .ok{color:#cef57a}@media(max-width:700px){.kit-cards{grid-template-columns:repeat(2,1fr)}.kit-card small{display:none}.pad{min-width:calc(25% - 8px);height:50px;font-size:10.5px}}@media(max-width:700px){.kit-cards{display:flex;overflow-x:auto;scrollbar-width:none;grid-template-columns:none;padding-bottom:2px}.kit-card{flex:0 0 132px}.kit-picker{gap:6px}.drum-deck .range{width:100%;justify-content:space-between}.drum-deck .range input{flex:1;width:auto}}.lessons-v2{--lh:#7cc4ff;--rh:#cef57a}.lessons-v2 .lesson-header{align-items:end;flex-wrap:wrap}.lesson-summary{display:flex;gap:14px;font-size:12px;color:#c8d9b3}.lesson-summary b{color:#f2f7ea}.star-total{color:#ffd166}.lesson-layout{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:18px;margin-top:14px;align-items:start}.lesson-list-box{border:1px solid #4d5d43;border-radius:12px;background:#1f281b;padding:10px}.lesson-list-box summary{cursor:pointer;font-size:12px;font-weight:700;color:#e3efd2;padding:4px 2px 8px;list-style:none}.lesson-list-box summary::-webkit-details-marker{display:none}.lesson-list-box summary:after{content:"▾";float:right;opacity:.7}.lesson-list-box:not([open]) summary:after{content:"▸"}.lesson-filter{width:100%;margin-bottom:8px}.lesson-filter button{flex:1;min-width:0;font-size:11px}.lesson-list{max-height:520px;overflow:auto;display:grid;gap:10px;scrollbar-width:thin;scrollbar-color:#4f5d45 transparent}.lesson-cat h3{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#bbd398;margin:4px 2px 6px}.lesson-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 9px;margin-bottom:4px;border-radius:9px;border:1px solid transparent;background:transparent;color:#e3efd2;font-size:12px;cursor:pointer;min-height:40px}.lesson-item:hover{background:#2a3624}.lesson-item.active{background:#33452a;border-color:var(--rh)}.lesson-item.done .li-title{color:#d9f0b8}.li-title{flex:1}.li-title em{font-style:normal;font-size:9px;color:#1b2614;background:#ffd166;border-radius:5px;padding:1px 5px;margin-left:4px}.li-stars{font-size:11px;color:#ffd166;white-space:nowrap}.li-stars i{font-style:normal;color:#fff2}.hand-dot{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;color:#1b2614}.h-R{background:var(--rh)}.h-L{background:var(--lh)}.h-both{background:linear-gradient(90deg,var(--lh) 50%,var(--rh) 50%)}.lesson-player{min-width:0;display:grid;gap:10px}.lesson-info .li-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.lesson-info h3{font-size:20px;margin:0;color:#f2f7ea}.lesson-info p{margin:6px 0 0;font-size:12px;color:#bac9ac}.lesson-info .tip{color:#e8dcb0}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:10px;padding:3px 8px;border-radius:20px;background:#ffffff12;color:#dfe9d2}.badge.h-R{background:var(--rh)}.badge.h-L{background:var(--lh)}.badge.h-both{background:linear-gradient(90deg,var(--lh) 50%,var(--rh) 50%)}.badge.h-R,.badge.h-L,.badge.h-both{color:#1b2614;font-weight:700}.badge.gold{background:#ffd16622;color:#ffd166}.staff-box{overflow-x:auto;background:#f8f6ee;border-radius:12px;padding:6px 4px;scrollbar-width:thin;outline-offset:2px}.staff{display:block}.staff .sl{stroke:#55594f;stroke-width:1}.staff .bar{stroke:#55594f;stroke-width:1.2}.staff .clef{font-family:Noto Music,Bravura,Segoe UI Symbol,Apple Symbols,Symbola,serif;font-size:56px;fill:#2a2e27}.staff .clef.bass{font-size:34px}.staff .head{fill:#fff;stroke:#20241d;stroke-width:1.6}.staff .head.filled{fill:#20241d}.staff .stem,.staff .flag{stroke:#20241d;stroke-width:1.4;fill:none}.staff .dot{fill:#20241d}.staff .rest{stroke:#20241d;stroke-width:2;fill:none}.staff .acc{font-size:15px;fill:#20241d}.staff .fing{font-size:10px;font-weight:700;fill:#5d6d50}.staff .nn{font-size:10px;fill:#6f7867}.staff .hit{fill:transparent}.staff .st.cur .hit{fill:#cef57a55;stroke:#8ab83a}.staff .st.cur .head{stroke:#3c6d12}.staff .st.cur .head.filled{fill:#3c6d12}.staff .st.cur .nn{fill:#2f5a0b;font-weight:700}.staff .st.done .head{stroke:#7a9e5a}.staff .st.done .head.filled{fill:#7a9e5a}.staff .st.miss .head{stroke:#d1603f}.staff .st.miss .head.filled{fill:#d1603f}.staff .st.ok .hit{fill:#cef57a}.staff .st.wrong .hit{fill:#ff9d8a88;stroke:#d1603f}.staff .cursor{stroke:#e8584a;stroke-width:2}#lesson-progress{width:100%}.lesson-controls{display:flex;gap:8px;flex-wrap:wrap}.lessons-v2 .seg button[aria-pressed=true]{background:var(--lime);color:#1b2614}.lessons-v2 .lesson-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step-nav{display:inline-flex;gap:4px}.lesson-feedback{min-height:20px;margin:0;font-size:13px!important;font-weight:600;color:#dfe9d2!important}.lesson-feedback[data-tone=ok]{color:#cef57a!important}.lesson-feedback[data-tone=bad]{color:#ff9d8a!important}.lesson-stats{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#c8d9b3}.lesson-stats b{color:#f2f7ea;font-size:15px}.lesson-stats .bad b{color:#ff9d8a}.lesson-result{border:1px solid #cef57a55;background:#26321e;border-radius:12px;padding:14px;display:grid;gap:8px;font-size:13px;color:#e3efd2}.lesson-result .stars{font-size:28px;color:#ffd166;letter-spacing:4px}.lesson-result .stars span{color:#fff2}.lesson-result em{color:#ffd166;font-style:normal}.lesson-result small{color:#a9b99a}.pkey.lesson-target.lesson-rh{background:linear-gradient(180deg,#cfccbf,#f4ffe1 8%,#cef57a)!important}.pkey.black.lesson-target.lesson-rh{background:linear-gradient(#7aa63e,#3f5f1e)!important}.pkey.lesson-target.lesson-lh{background:linear-gradient(180deg,#cfccbf,#eaf6ff 8%,#7cc4ff)!important}.pkey.black.lesson-target.lesson-lh{background:linear-gradient(#3f86c4,#1f4f7a)!important}.pkey.lesson-next{box-shadow:inset 0 -6px #ffd16699!important}.pkey[data-finger]:after{content:attr(data-finger);position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:#1b2614;color:#fff;font:700 12px/20px Arial;text-align:center;z-index:3;pointer-events:none}.pkey.black[data-finger]:after{bottom:14px;background:#fff;color:#1b2614}.pkey.lesson-ok{box-shadow:inset 0 0 0 3px #cef57a,0 0 14px #cef57a!important}.pkey.lesson-wrong{box-shadow:inset 0 0 0 3px #ff6b5c,0 0 14px #ff6b5c!important;animation:none}@media(max-width:900px){.lesson-layout{grid-template-columns:1fr}.lesson-list{max-height:320px}}:root{--text:var(--ink);--surface:#ffffff;--surface-2:#eef1e7;--soft:#e9eddf;--accent:#6a842e;--radius:12px;--radius-sm:9px;--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--focus:#8ba83c;--shadow:0 1px 2px #0000000d,0 8px 24px -12px #0000002e}html[data-theme=dark]{--ink:#171c19;--text:#e7ede0;--muted:#9fab98;--paper:#0d110d;--line:#253024;--surface:#151b15;--surface-2:#1a2219;--soft:#1b2319;--accent:#b6dc6a;--focus:#cef57a;--shadow:0 1px 2px #0006,0 10px 30px -14px #000a;color-scheme:dark}body{color:var(--text);font-family:var(--font);font-size:15px;letter-spacing:-.005em;text-rendering:optimizeLegibility}button,input,select{font-family:var(--font)}h1,h2,h3{letter-spacing:-.02em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}::selection{background:#cef57a;color:#171c19}.button,.control,.icon-btn,.seg button,.pedal,.chord,.tbtn,.pad,.kit-card,.lesson-item{transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease)}.button{border-radius:var(--radius-sm);font-weight:700;letter-spacing:.01em;box-shadow:var(--shadow)}.button:hover{transform:translateY(-1px)}.button:active,.control:active,.seg button:active,.pedal:active,.icon-btn:active{transform:scale(.97)}.control{border-radius:var(--radius-sm);font-weight:600;font-size:12px}.control:hover:not(:disabled){border-color:var(--lime)}.control:disabled{opacity:.45;cursor:not-allowed}.header{position:sticky;top:0;z-index:50;height:76px;max-width:none;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.header nav a{color:var(--text);opacity:.85;transition:opacity .15s}.header nav a:hover{opacity:1;color:var(--accent)}.nav-cta{color:var(--text);border-color:var(--line)}.ui-tools{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:12px;position:relative}.ui-icon{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;padding:0}.ui-icon svg{width:19px;height:19px}.ui-icon:hover{border-color:var(--accent)}.ui-panel{position:absolute;right:0;top:50px;width:min(340px,92vw);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -20px #000a;padding:14px;z-index:60;display:grid;gap:10px}.ui-panel[hidden]{display:none}.ui-panel-head{display:flex;justify-content:space-between;align-items:center}.ui-panel fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}.ui-panel legend{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:4px}.ui-panel small{font-size:11px;color:var(--muted);line-height:1.5}.ui-panel .seg{background:var(--surface-2);border-color:var(--line);display:flex}.ui-panel .seg button{flex:1;color:var(--text)}.ui-panel .seg button[aria-pressed=true]{background:var(--lime);color:#1b2614}.ui-keys{margin:0;padding-left:16px;font-size:11.5px;color:var(--muted);line-height:1.8}.ui-keys kbd{font:700 10px Arial;border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--text)}.ui-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}.instrument-card,.saved-panel,.record-panel,details,footer,.feature-band{border-color:var(--line)}.instrument-card{background:var(--surface);box-shadow:var(--shadow)}.instrument-card:hover{transform:translateY(-4px)}.studio-tabs{position:sticky;top:76px;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 5%;margin-inline:0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important}.studio-tabs a{white-space:nowrap;color:var(--text);background:var(--surface);border-color:var(--line)}.studio-tabs a.active{background:#171c19;color:var(--lime);border-color:#171c19}html[data-theme=dark] .studio-tabs a.active{background:var(--lime);color:#171c19;border-color:var(--lime)}.studio-panel,.rec-studio{box-shadow:0 30px 60px -40px #000c}html[data-theme=dark] .studio-panel,html[data-theme=dark] .rec-studio{background:#161d16;border:1px solid #232d22}html[data-theme=dark] .lesson-preview,html[data-theme=dark] .studio-help aside,html[data-theme=dark] .saved-panel{background:var(--surface-2);border-color:var(--line)}html[data-theme=dark] .large-diagram{background:var(--surface-2);color:#dfe9d2}html[data-theme=dark] .chord-page .large-diagram svg{color:#b9cba6}html[data-theme=dark] .chord-page .large-diagram h3 small,html[data-theme=dark] .chord-page .large-diagram .chord-notes{color:#c8d9b3}html[data-theme=dark] .chord-page .large-diagram .control{border-color:#5d6c4c;color:#dbe8c7}html[data-theme=dark] .card-art,html[data-theme=dark] .instrument-card.bateri .card-art{background:#1d261c}html[data-theme=dark] .hero-visual{background:#151c14}html[data-theme=dark] .sound-chip{background:#0d110d;color:var(--text)}html[data-theme=dark] .dark{background:var(--lime);color:#171c19}html[data-theme=dark] .brandmark{background:#cef57a;color:#171c19}html[data-theme=dark] .practice-grid a{background:var(--surface);border-color:var(--line)}html[data-theme=dark] footer small{color:var(--muted)}html[data-theme=dark] .metro-card select{background:#22301b}html[data-theme=dark] p,html[data-theme=dark] .article-page ul{color:var(--muted)}html[data-theme=dark] .studio-heading p,html[data-theme=dark] .section-heading>span{color:var(--muted)}html[data-theme=dark] em{color:var(--accent)}.studio-topbar{flex-wrap:wrap}.quick-switch{display:flex;gap:4px;padding:3px;border-radius:10px;background:#141a14;border:1px solid #2f3a2d;order:2;margin-inline:auto}.quick-switch a{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:7px;color:#cbd8bb;font-size:11.5px;font-weight:600;white-space:nowrap}.quick-switch a:hover{background:#243024;color:#fff}.quick-switch a.active{background:var(--lime);color:#1b2614}.studio-topbar>span{order:1}.studio-topbar>div{order:3;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ui-level button{min-height:30px;font-size:11px}.studio-tabs~.studio-panel .quick-switch{display:none}.focus-mode .quick-switch,.landscape-play .quick-switch{display:flex}@media(max-width:1100px){.quick-switch .qs-name{display:none}.quick-switch a{padding:7px 11px;font-size:14px}}[data-ui=simple] .zoom-group,[data-ui=simple] #view-range,[data-ui=simple] .stepper:has(#tr-down),[data-ui=simple] .deck-select:has(#label-mode),[data-ui=simple] .piano-deck .seg:has([data-notation]),[data-ui=simple] #piano-more,[data-ui=simple] #piano-options,[data-ui=simple] .deck-select:has(#g-labels),[data-ui=simple] .seg:has([data-gnotation]),[data-ui=simple] .guitar-deck .seg:has([data-hand]),[data-ui=simple] .seg:has([data-tech]),[data-ui=simple] label.range:has(#strum-speed),[data-ui=simple] label.range:has(#g-velocity),[data-ui=simple] .amp-knobs,[data-ui=simple] .deck-tone:not(:has(.amp-row)),[data-ui=simple] .arp-group select,[data-ui=simple] .drum-deck .range,[data-ui=simple] #d-reset,[data-ui=simple] .kit-desc,[data-ui=simple] .kit-card small,[data-ui=simple] .rhythm-controls label:has(#comp-mode),[data-ui=simple] .rhythm-controls label:has(#prog),[data-ui=simple] .rhythm-controls label.range,[data-ui=simple] #prog-chips,[data-ui=simple] .rec-edit,[data-ui=simple] #f-midi,[data-ui=simple] #f-json,[data-ui=simple] .file-btn,[data-ui=simple] #f-backup,[data-ui=simple] .tbtn[title="Kanal araçları"],[data-ui=simple] .rec-meta label:has(#rec-bpm),[data-ui=simple] .chord-library .lib-tools .lib-level,[data-ui=simple] .seq-note{display:none!important}@media(pointer:coarse){.control,.seg button,.icon-btn,.pedal,.chord,.button,.quick-switch a{min-height:44px}.icon-btn{min-width:44px}.tbtn{min-width:34px;height:34px}.toolbar input[type=range],.range input{height:28px}.lesson-item{min-height:46px}.ui-icon{width:44px;height:44px}}.landscape-hint{display:none}@media(pointer:coarse)and (orientation:portrait)and (max-width:700px){.landscape-hint{display:flex;align-items:center;gap:10px;margin:0 4% 12px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.landscape-hint>span{font-size:22px;color:var(--accent)}.landscape-hint p{margin:0;font-size:12px;line-height:1.4;flex:1;color:var(--text)}.landscape-hint .button{padding:10px 12px;font-size:11px;min-height:40px}}.landscape-play .header,.landscape-play .studio-heading,.landscape-play .studio-tabs,.landscape-play footer,.landscape-play .studio-help,.landscape-play .rotate-hint,.landscape-play .landscape-hint{display:none!important}.landscape-play main{padding:0}.landscape-play .studio-panel{margin:0;border-radius:0;padding:10px max(12px,env(safe-area-inset-left)) 14px}.landscape-play .studio-topbar{padding-bottom:6px}.landscape-play .toolbar{padding-bottom:10px;gap:10px}.landscape-play .instrument-top{padding:8px 2px}.focus-mode .studio-topbar{gap:8px}.focus-mode .lesson-panel,.focus-mode .chord-lab,.focus-mode .drum-seq{margin-top:10px}[data-lite="1"] *,[data-lite="1"] *:before,[data-lite="1"] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}[data-lite="1"] .header,[data-lite="1"] .studio-tabs{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}[data-lite="1"] .button,[data-lite="1"] .instrument-card,[data-lite="1"] .studio-panel,[data-lite="1"] .rec-studio{box-shadow:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:700px){.header{height:64px}.studio-tabs{top:64px;padding:8px 4%}.ui-tools{margin-right:8px}.ui-panel{position:fixed;left:4%;right:4%;top:70px;width:auto}.studio-topbar{gap:6px}.quick-switch{order:4;width:100%;justify-content:space-between}.quick-switch a{flex:1;justify-content:center}}.quick-switch{display:none!important}.focus-mode .quick-switch,.landscape-play .quick-switch{display:flex!important}@media(max-width:700px){.studio-tabs{display:flex!important;gap:6px;grid-template-columns:none!important}.studio-tabs a{flex:0 0 auto;padding:10px 14px;font-size:12px}}@media(max-width:520px){.nav-cta{display:none}.ui-tools{margin-right:0}}.pkey[data-finger]:after{inset:auto;opacity:1!important;transition:none}.lessons-v2 .lesson-player{scroll-margin-top:150px}[data-instrument=piyano] .lessons-v2{margin:6px 0 16px}.lesson-layout{grid-template-columns:1fr}.lesson-list-box{order:2}.lesson-list-box[open] .lesson-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 14px;max-height:420px}.lesson-list-box[open] .lesson-cat{display:contents}.lesson-list-box[open] .lesson-cat h3{grid-column:1/-1}.lesson-list-box summary{display:flex;gap:6px;align-items:center}.lesson-list-box summary:after{margin-left:auto}#lesson-list-count{color:#a9b99a;font-weight:400}html[data-theme=dark] .lang-switch{background:#202b20;border-color:#40503b}footer small{color:#61675b}html[data-theme=dark] footer small{color:#a7b29f}html:not([data-theme=dark]) .card-number{color:#575d51}.pkey kbd{color:#5b6450}.studio-panel .en-learn-link a{color:#cfe0b6}html:not([data-theme=dark]) #rec-record{background:#c63d2f}.footerlinks a,.edu-breadcrumb a,.studio-heading .eyebrow a,#pedu-crumb a,.edu-note>a:not(.button),.studio-help aside>a:not(.button),details.rec-explanation a:not(.button){display:inline-block;min-height:24px;padding:4px 0;line-height:16px}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}input[type=range]{min-height:24px}.skip{color:#171c19}html[data-theme=dark] .chord-diagram .eyebrow{color:#c3d1b4}html[data-theme=dark] .card-number{color:#a3ab99}html[data-theme=dark] #audio-status{color:#a9bd94}html[data-theme=dark] .li-title em{color:#1b2614}.seq-grid .seq-cell{height:26px}main{min-height:calc(100vh - 100px)}[data-react-root]{min-height:70vh}main[data-instrument=bateri] #play-surface:empty{min-height:clamp(320px,48vw,700px)}.nv-bar{position:fixed;z-index:120;left:16px;bottom:16px;max-width:min(460px,calc(100vw - 32px));display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:12px;background:#171c19;color:#f4f7ee;box-shadow:0 8px 28px #0003;font-size:13px;line-height:1.45}.nv-bar[hidden]{display:none}#nv-update{left:auto;right:16px}.nv-bar span{flex:1 1 200px}.nv-bar a{color:#d8f59a;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}.nv-bar-btn{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #6d7a63;background:transparent;color:#f4f7ee;font-weight:700}.nv-bar-btn.primary{background:var(--lime);border-color:var(--lime);color:#171c19}.nv-bar-x{min-height:40px;min-width:40px;border:0;border-radius:8px;background:#2c342b;color:#f4f7ee}@media(max-width:700px){.nv-bar,#nv-update{left:12px;right:12px;bottom:12px;max-width:none}#nv-update{bottom:auto;top:12px}}@media print{.nv-bar{display:none!important}}.brandmark-img{background:none!important;border-radius:9px;object-fit:contain;flex-shrink:0}html[data-theme=dark] .brandmark-img{box-shadow:0 0 0 1px #4a5a44}.studio-topbar #audio-status{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:3.2em;line-height:1.6}@media(max-width:700px){.studio-topbar #audio-status{flex:0 0 145px;width:145px}}@media(max-width:700px){#span-note[hidden]{display:block;visibility:hidden;min-height:1.6em}}.footerlinks{font-size:12px}footer p{font-size:12px}footer small{font-size:11px}@media(max-width:700px){.footerlinks{font-size:12px}}html{scroll-padding-top:84px}@media(max-width:700px){html{scroll-padding-top:132px}}:root{--edu-paper:#f7f7f1;--edu-card:#fff;--edu-ink:#20291e;--edu-muted:#56634f;--edu-line:#dce3d3;--edu-soft:#eaf0df;--edu-blue:#cce7eb;--edu-peach:#f3dccb;--edu-purple:#e4ddf5}html[data-theme=dark]{--edu-paper:#151c16;--edu-card:#202b20;--edu-ink:#f0f2e7;--edu-muted:#b1bea7;--edu-line:#40503b;--edu-soft:#293727;--edu-blue:#314e50;--edu-peach:#503d30;--edu-purple:#40344f}.edu-home,.edu-page{color:var(--edu-ink)}.header nav{gap:22px}.edu-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding:65px 5% 50px}.edu-hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px;line-height:1.1;margin:24px 0}.edu-hero p{font-size:16px;max-width:550px;color:var(--edu-muted);line-height:1.8}.edu-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px}.edu-actions>span{font-size:11px;color:var(--edu-muted)}.edu-art{min-height:420px;border-radius:30px;background:var(--edu-soft);position:relative;overflow:hidden;padding:30px}.art-tag{font-size:10px;font-weight:700;letter-spacing:1.7px}.art-note{position:absolute;font:170px Georgia;right:25px;top:-4px;transform:rotate(13deg);color:#8baa56}.art-pad{position:absolute;top:100px;left:32px;background:var(--edu-card);width:54%;padding:23px;border-radius:18px;box-shadow:0 12px 25px #283c1410;transform:rotate(-6deg)}.art-pad>span{display:block;font-size:11px;color:var(--edu-muted)}.art-pad b{display:block;font-size:32px;margin:14px 0 7px;font-weight:600;letter-spacing:-1px}.art-pad small{font-size:10px;color:var(--edu-muted)}.art-pad.alt{left:auto;right:25px;top:215px;background:#cef57a;color:#20291e;transform:rotate(7deg)}.art-pad.alt small{color:#4c6633}.art-drum{position:absolute;right:12px;top:5px;font-size:52px;color:#708b47}.art-beats{display:flex;gap:8px;margin-top:22px}.art-beats i{width:21px;height:21px;border-radius:50%;background:#c0d9e1}.art-beats i:nth-child(2n){background:#d9c6eb}.art-caption{position:absolute;bottom:23px;left:30px;font-size:10px;letter-spacing:.7px}.edu-portals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 5% 60px}.edu-portals>a{border:1px solid var(--edu-line);border-radius:16px;background:var(--edu-card);padding:25px;display:flex;gap:17px;transition:transform .2s,border-color .2s}.edu-portals>a:hover{transform:translateY(-4px);border-color:#8ca861}.portal-icon{flex-shrink:0;width:45px;height:45px;border-radius:13px;background:var(--edu-purple);display:grid;place-items:center;font-size:25px}.edu-portals>a:nth-child(2) .portal-icon{background:var(--edu-peach)}.edu-portals>a:nth-child(3) .portal-icon{background:var(--edu-blue)}.edu-portals h2{font-size:23px;letter-spacing:-.7px;margin:10px 0}.edu-portals p{font-size:12px;line-height:1.8;color:var(--edu-muted);margin-bottom:20px}.edu-portals strong{font-size:12px}.edu-feature{margin:0 5%;border-radius:22px;background:#202b20;color:#f1f4e9;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.edu-feature+.edu-feature{margin-top:24px}.edu-feature h2{font-size:44px;line-height:1.1;letter-spacing:-1.7px;margin:18px 0}.edu-feature p{color:#bdc9b4;font-size:14px}.edu-feature .eyebrow{color:#cef57a}.feature-steps{display:grid;gap:10px}.feature-steps article{display:flex;gap:22px;align-items:center;border-bottom:1px solid #526248;padding:10px 0}.feature-steps article>span{font:italic 34px Georgia;color:#cef57a}.feature-steps h3{font-size:18px;margin-bottom:6px}.feature-steps p{margin-bottom:10px;font-size:12px}.edu-trust{padding:35px 5% 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.edu-trust strong{font-size:13px}.edu-trust p{font-size:12px;color:var(--edu-muted)}.edu-note{padding:28px;border:1px solid var(--edu-line);border-radius:14px;margin:35px 0;color:var(--edu-muted);font-size:13px}.edu-home>.edu-note{margin:0 5% 60px}.edu-note h2{font-size:20px;color:var(--edu-ink)}.edu-note p{color:var(--edu-muted);font-size:13px;margin-bottom:12px}.edu-note a{text-decoration:underline;text-underline-offset:4px}.edu-page{padding:40px 5% 65px}.edu-page h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-2.2px}.edu-page-head{margin-bottom:35px;max-width:800px}.edu-page-head p,.edu-page p{color:var(--edu-muted)}.edu-filters,.edu-settings{display:flex;gap:17px;align-items:end;flex-wrap:wrap}.edu-filters{padding:24px;border-radius:14px;background:var(--edu-soft);margin-bottom:24px}.edu-page label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}.edu-page select,.edu-page input[type=url]{border:1px solid var(--edu-line);padding:12px;border-radius:8px;background:var(--edu-card);color:var(--edu-ink);max-width:100%}.edu-page select{min-width:140px}.edu-page input[type=range]{width:150px;accent-color:#809d4c}.edu-secondary{border:1px solid var(--edu-line);border-radius:8px;padding:12px 16px;background:var(--edu-card);color:var(--edu-ink);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.edu-secondary:hover{border-color:#86a157;background:var(--edu-soft)}.edu-page button:disabled{cursor:default;opacity:.45}#catalog-status{font-size:12px;margin:20px 0}.edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.activity-card{background:var(--edu-card);border:1px solid var(--edu-line);border-radius:17px;overflow:hidden;display:flex;flex-direction:column}.activity-art{height:145px;background:var(--edu-soft);padding:20px;position:relative}.activity-art.orta{background:var(--edu-blue)}.activity-art.zor{background:var(--edu-purple)}.activity-art>span{font-size:9px;font-weight:700;letter-spacing:1.5px}.activity-art>div{display:flex;align-items:center;gap:8px;height:75px}.activity-art i{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--edu-ink);opacity:.8}.activity-art i.snare{border:5px solid var(--edu-ink);background:transparent}.activity-art b{position:absolute;right:20px;bottom:15px;font:italic 35px Georgia;opacity:.25}.activity-copy{padding:23px;flex:1;display:flex;flex-direction:column}.activity-copy h2{font-size:23px;letter-spacing:-.6px;margin:16px 0 12px}.activity-copy p{font-size:13px;flex:1;margin-bottom:14px}.activity-copy small{font-size:10px;color:var(--edu-muted)}.activity-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--edu-muted)}.activity-meta span:first-child{background:var(--edu-soft);border-radius:20px;padding:5px 10px}.edu-card-link{border-top:1px solid var(--edu-line);margin-top:20px;padding-top:17px;font-size:12px;font-weight:700}.edu-empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed var(--edu-line);border-radius:16px}.edu-empty>span{font:60px Georgia;color:#8da95b}.edu-breadcrumb{font-size:12px;color:var(--edu-muted)}.edu-breadcrumb a{text-decoration:underline}.edu-game-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:15px 0 25px}.edu-game-head h1{margin:18px 0}.edu-game-head p{font-size:14px}.edu-teacher{border:1px solid var(--edu-line);background:var(--edu-soft);padding:27px;border-radius:16px;margin-bottom:28px}.edu-teacher h2{font-size:23px}.edu-teacher p{font-size:12px}.edu-settings{gap:20px}.edu-teacher details{font-size:12px;margin-top:20px}.edu-teacher summary{cursor:pointer}.edu-teacher details p{margin-top:15px;max-width:850px}#share-box{border-top:1px solid var(--edu-line);padding-top:20px;margin-top:20px}#share-url{width:100%;font-size:13px;font-weight:400;margin-bottom:15px}#share-box .edu-secondary{margin-right:10px}.edu-game{background:var(--edu-card);border:1px solid var(--edu-line);border-radius:24px;padding:30px;max-width:1060px;margin:auto}.game-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--edu-muted)}.game-top>span:first-child{background:var(--edu-soft);padding:9px 13px;border-radius:20px}.edu-game>h2{text-align:center;font-size:32px;letter-spacing:-1px;margin:28px 0 10px}.edu-game>p{text-align:center;font-size:13px}.game-phases{list-style:none;display:flex;justify-content:center;gap:20px;padding:0;margin:26px 0 18px;font-size:12px;color:var(--edu-muted)}.game-phases li{padding:8px 15px;border-radius:20px}.game-phases li.current{background:#cef57a;color:#23321c;font-weight:700}.game-status{text-align:center;font-size:19px;font-weight:600;min-height:32px}.beat-lights{display:flex;justify-content:center;gap:17px;margin:22px 0}.beat-lights span{width:35px;height:35px;display:grid;place-items:center;background:var(--edu-soft);border:2px solid var(--edu-line);border-radius:50%;font-size:12px}.beat-lights .on{background:#cef57a;color:#253219;border-color:#86a347}.rhythm-timeline{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;min-height:30px;margin:18px 0}.rhythm-dot{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--edu-line);border-radius:7px;font-size:10px;color:var(--edu-muted)}.rhythm-dot.heard{background:var(--edu-blue)}.rhythm-dot.correct{background:#d9efbb;color:#23420c;border-color:#6a8c39}.rhythm-dot.correct:after{content:"✓";font-size:9px}.rhythm-dot.missed{border-style:dashed;background:var(--edu-peach)}.rhythm-pads{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:700px;margin:24px auto}.rhythm-pad{touch-action:none;user-select:none;-webkit-user-select:none;border:2px solid transparent;background:var(--edu-blue);color:var(--edu-ink);border-radius:23px;min-height:220px;padding:20px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:transform .08s,box-shadow .08s}.rhythm-pad.snare{background:var(--edu-peach)}.edu-page .rhythm-pad:disabled{opacity:.7}.rhythm-pad .pad-art{font-size:60px;line-height:1}.rhythm-pad strong{font-size:23px}.rhythm-pad small{font-size:11px}.rhythm-pad.struck{transform:scale(.97);box-shadow:inset 0 0 0 5px #ffffff90;border-color:#657d4d}.rhythm-pad.good{border-color:#7da14f}.rhythm-pad.off{border-color:#b3875c}.pad-feedback{font-size:11px;min-height:15px}.game-actions{justify-content:center}.game-tip{font-size:11px!important;margin-top:20px}.game-result{padding:28px;margin-top:28px;background:var(--edu-soft);border-radius:18px;text-align:center}.result-number{font:64px Georgia;color:var(--edu-ink)}.game-result h3{font-size:24px;margin:12px 0}.game-result p{font-size:12px}.game-result .edu-actions{justify-content:center}.edu-reading{max-width:950px}.edu-reading h2{font-size:24px;margin-top:32px}.edu-reading ul{padding-left:22px;font-size:14px;line-height:1.9;color:var(--edu-muted)}.edu-reading a:not(.button){text-decoration:underline;text-underline-offset:3px}.edu-focused{overflow:hidden}.edu-game.class-screen{position:fixed;inset:0;z-index:999;max-width:none;overflow:auto;border-radius:0;padding:25px max(20px,calc((100vw - 1000px)/2))}.edu-game.class-screen .rhythm-pad{min-height:230px}[hidden]{display:none!important}@media(max-width:1000px){.edu-hero{gap:28px}.edu-art{min-height:390px}.art-pad{left:20px;padding:18px;width:60%}.art-pad.alt{right:20px}.edu-portals>a{flex-direction:column}.edu-grid{grid-template-columns:repeat(2,1fr)}.edu-feature{gap:35px;padding:35px}.header nav{gap:14px}}@media(max-width:700px){.header{height:auto;min-height:95px;flex-wrap:wrap;gap:12px;padding-top:15px;padding-bottom:15px}.header nav{display:flex!important;order:4;width:100%;justify-content:center;font-size:12px}.header .nav-cta{display:none}.edu-hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.edu-hero h1{font-size:44px;letter-spacing:-2px}.edu-hero p{font-size:14px}.edu-art{min-height:330px}.art-pad{top:65px;left:25px;width:53%}.art-pad.alt{top:150px;right:25px}.art-caption{bottom:18px}.edu-portals{grid-template-columns:1fr;padding-top:20px;gap:12px}.edu-portals>a{flex-direction:row;padding:21px}.edu-portals p{margin-bottom:12px}.edu-feature{grid-template-columns:1fr;padding:28px;gap:24px}.edu-feature h2{font-size:36px}.edu-trust{grid-template-columns:1fr;gap:10px}.edu-page{padding:28px 5%}.edu-grid{gap:14px}.activity-copy{padding:16px}.activity-copy h2{font-size:20px}.activity-art{height:115px;padding:15px}.activity-art i{width:16px;height:16px}.activity-art>div{gap:5px}.edu-filters{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.edu-page select{min-width:0;width:100%}.edu-game-head{align-items:start;flex-direction:column;gap:6px}.edu-game{padding:20px 14px;border-radius:17px}.edu-game>h2{font-size:26px}.game-top{font-size:10px;gap:10px}.game-phases{gap:5px;font-size:10px}.game-phases li{padding:8px 10px}.game-status{font-size:16px}.rhythm-pads{gap:12px}.rhythm-pad{min-height:190px;border-radius:18px;padding:12px}.rhythm-pad strong{font-size:20px}.rhythm-pad small{display:none}.pad-feedback{font-size:10px}.edu-settings{display:grid;grid-template-columns:1fr 1fr;align-items:start}.edu-page input[type=range]{width:100%}.edu-teacher{padding:20px}.edu-actions .button,.edu-actions .edu-secondary{min-height:44px}.game-result{padding:22px 12px}.edu-note{padding:22px}.edu-game.class-screen{padding:16px}.edu-game.class-screen .rhythm-pad{min-height:200px}}@media(max-width:390px){.edu-grid{grid-template-columns:1fr}.edu-hero h1{font-size:38px}.game-top>span:nth-child(2){width:100%;order:3}.pad-feedback{font-size:9px}}@media(prefers-reduced-motion:reduce){.edu-portals>a,.rhythm-pad{transition:none;transform:none!important}}@media(max-height:520px)and (orientation:landscape){.edu-game.class-screen .game-phases,.edu-game.class-screen>p,.edu-game.class-screen .rhythm-timeline{display:none}.edu-game.class-screen>h2{font-size:22px;margin:10px 0}.edu-game.class-screen .rhythm-pads{margin:12px auto}.edu-game.class-screen .rhythm-pad{min-height:100px;gap:3px}.edu-game.class-screen .pad-art{display:none}.edu-game.class-screen .beat-lights{margin:8px}.edu-game.class-screen .game-actions{margin-top:10px}}@media(max-width:700px){.edu-art{min-height:370px}.art-caption{bottom:14px}.art-pad.alt{top:160px}}.activity-art .mini-keys{display:flex;gap:3px;align-items:stretch;height:62px;margin-top:8px}.activity-art .mini-keys i{width:18px;height:auto;border-radius:0 0 5px 5px;background:var(--edu-card);opacity:1;border:1px solid var(--edu-line)}.activity-art .mini-keys i.on{background:#cef57a;border-color:#8ca861}.piano-goal{display:block;margin-top:6px}.activity-art i.rest{background:transparent;border:2px dashed var(--edu-ink);opacity:.4}.activity-art i.both{background:linear-gradient(90deg,var(--edu-ink) 50%,transparent 50%);border:4px solid var(--edu-ink)}.card-stars{font-style:normal;color:#e8a922;letter-spacing:1px}.edu-filters select[name=instrument]{min-width:170px}.lang-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--edu-line,#dce3d3);border-radius:10px;background:var(--edu-card,#fff);flex-shrink:0}.lang-switch a{min-width:38px;min-height:34px;display:grid;place-items:center;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.5px;color:inherit;text-decoration:none}.lang-switch a[aria-current=true]{background:#20291e;color:#cef57a}html[data-theme=dark] .lang-switch a[aria-current=true]{background:#cef57a;color:#20291e}.lang-switch a:not([aria-current]):hover{background:var(--edu-soft,#eaf0df)}.lang-hint{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#eaf0df;color:#20291e;font-size:13px}.lang-hint a{font-weight:700;text-decoration:underline}.lang-hint button{border:0;background:transparent;font-size:16px;cursor:pointer;color:inherit;min-width:32px;min-height:32px}html[data-theme=dark] .lang-hint{background:#293727;color:#f0f2e7}.edu-journey{margin:30px 5% 0;border:1px solid var(--edu-line);border-radius:22px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--edu-card)}.edu-journey h2{font-size:26px;letter-spacing:-.7px;margin:8px 0}.edu-journey p{font-size:13px;color:var(--edu-muted);max-width:640px;margin:0}.en-learn-link{margin:8px 0;font-size:14px;font-weight:600}.en-learn-link a{text-decoration:underline;text-underline-offset:3px}.catalog-status{font-size:12px;margin:20px 0}@media(max-width:1180px){.header .nav-cta{display:none}}@media(max-width:1000px){.header nav{gap:12px;font-size:13px}}@media(max-width:700px){.edu-journey{flex-direction:column;align-items:flex-start;margin:20px 5% 0;padding:20px}.lang-switch{order:3}.header nav a{white-space:nowrap}}.header .lang-switch{display:inline-flex!important;width:auto!important;order:2;margin:0;flex:0 0 auto;justify-content:flex-start;font-size:12px}@media(max-width:1180px){.header{height:auto;min-height:64px;flex-wrap:wrap;column-gap:10px;row-gap:4px;padding-top:10px;padding-bottom:6px}.header .brand{order:1;margin-right:auto}.header .ui-tools{order:3;margin-right:0}.header nav:not(.lang-switch){display:flex!important;order:4;width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:18px;font-size:12.5px;padding:6px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header nav:not(.lang-switch)::-webkit-scrollbar{display:none}.header nav:not(.lang-switch)>a:first-child{margin-left:auto}.header nav:not(.lang-switch)>a:last-child{margin-right:auto}.header nav:not(.lang-switch) a{white-space:nowrap;min-height:32px;display:inline-flex;align-items:center}.header .nav-cta{display:none}.studio-tabs{top:var(--hdr-h,64px)}}@media(max-width:1180px){.header{justify-content:flex-start}}@media(max-width:420px){.header{padding-left:4%;padding-right:4%;column-gap:6px}.header .lang-switch a{min-width:32px;min-height:32px}.header .brand{font-size:24px}.header nav:not(.lang-switch){-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}@media(max-width:1180px){.header .ui-tools{margin-left:0}}.header .ui-tools{order:3}.header nav a{white-space:nowrap}@media(max-width:1320px){.header .nav-cta{display:none}}.activity-art .mini-trumpet{display:flex;align-items:center;gap:8px;height:75px}.activity-art .mini-trumpet i{width:26px;height:26px;border-radius:50%;background:var(--edu-card);border:2px solid var(--edu-ink);opacity:1}.activity-art .mini-trumpet i.on{background:var(--edu-ink)}.activity-art .mini-trumpet b{position:static;font: 30px/1 system-ui;opacity:1;margin-left:6px}@media(max-width:700px){.activity-art .mini-trumpet i{width:18px;height:18px}}#cat-teacher[aria-pressed=true]{background:#20291e;color:#cef57a;border-color:#20291e}[data-theme=dark] #cat-teacher[aria-pressed=true]{background:#cef57a;color:#20291e}.xylo-art{display:flex;align-items:center;gap:5px;height:90px}.xylo-art i{width:13px;border-radius:4px;background:linear-gradient(90deg,#8f5524,#d79a5b 30%,#b77437);box-shadow:0 3px #0003}.xylo-art i:nth-child(1){height:88px}.xylo-art i:nth-child(2){height:83px}.xylo-art i:nth-child(3){height:78px}.xylo-art i:nth-child(4){height:76px}.xylo-art i:nth-child(5){height:72px}.xylo-art i:nth-child(6){height:68px}.xylo-art i:nth-child(7){height:64px}.xylo-art i:nth-child(8){height:62px}.activity-art .mini-xylo{display:flex;align-items:center;gap:4px;height:75px}.activity-art .mini-xylo i{width:14px;border-radius:3px;background:var(--edu-card);border:2px solid var(--edu-ink);opacity:1}.activity-art .mini-xylo i.on{background:#d79a5b}@media(max-width:700px){.activity-art .mini-xylo i{width:9px}}.app-crash{margin:24px auto;max-width:640px;padding:20px 22px;border:2px solid #b4442f;border-radius:14px;background:#fff6f3;color:#2a1a15;text-align:left}.app-crash p{color:inherit;font-size:15px;margin:0 0 10px}.app-crash .button{margin-top:6px;min-height:44px}html[data-theme=dark] .edu-art .art-pad.alt span{color:#3b4a22}.site-crumbs{font-size:13px;margin:0 0 18px}.site-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0}.site-crumbs li{display:flex;align-items:center;gap:8px;color:var(--edu-muted,#56634f)}.site-crumbs li+li:before{content:"/";color:var(--edu-muted,#56634f)}.site-crumbs a{display:inline-block;min-height:24px;padding:3px 0;text-decoration:underline;text-underline-offset:3px;color:var(--edu-ink,#20291e)}.studio-heading .site-crumbs{margin:0 0 8px}.seo-guide{margin:34px 0 10px;padding:26px 0 0;border-top:1px solid var(--edu-line,#dce3d3);color:var(--edu-ink,#20291e)}.studio-help+.seo-guide,section.studio-panel~.seo-guide{margin-left:5%;margin-right:5%}.seo-guide h2{font-size:26px;letter-spacing:-.6px;margin:8px 0 16px}.seo-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px 28px;margin:10px 0}.seo-guide-grid h3,.seo-guide-grid h2{font-size:18px;margin:0 0 8px}.seo-guide p,.seo-guide li,.seo-page p,.seo-page li,.seo-lesson p,.seo-lesson li{font-size:15px;line-height:1.7;color:var(--edu-ink,#20291e)}.seo-guide ul,.seo-guide ol,.seo-page ul,.seo-page ol,.seo-lesson ul,.seo-lesson ol{padding-left:22px;margin:6px 0}.seo-links ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0}.seo-links a,.seo-list a,.seo-card a,.seo-module a,.seo-tasks a{text-decoration:underline;text-underline-offset:3px;font-weight:600;display:inline-block;min-height:24px;padding:2px 0}.seo-page{max-width:1100px}.seo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:10px 0 26px}.seo-card{border:1px solid var(--edu-line,#dce3d3);border-radius:14px;padding:18px 20px;background:var(--edu-card,#fff)}.seo-card h2{font-size:20px;margin:0 0 8px}.seo-card-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0}.seo-card-wide{border-top:1px solid var(--edu-line,#dce3d3);padding:22px 0 6px}.seo-card-wide h2{font-size:24px;margin:0 0 6px}.seo-module h3{font-size:16px;margin:14px 0 6px}.seo-module small,.seo-tasks small{color:var(--edu-muted,#56634f);font-size:13px}.seo-sub{font-size:20px;margin:26px 0 8px}.seo-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:14px 0}.seo-facts div{background:var(--edu-soft,#eaf0df);border-radius:12px;padding:8px 12px}.seo-facts dt{font-size:12px;color:var(--edu-muted,#56634f)}.seo-facts dd{margin:2px 0 0;font-weight:700;font-size:15px}.seo-steps li{margin:3px 0}.seo-play{margin:8px 0 28px}.seo-play-wait{padding:24px;border:1px dashed var(--edu-line,#dce3d3);border-radius:14px}.seo-lesson-head{margin-bottom:18px}.seo-lesson-body,.seo-game section{margin-top:16px}.seo-lesson .pedu-lesson-head .eyebrow,.seo-lesson #pedu-title,.seo-lesson #pedu-desc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.seo-card p:not(.seo-card-links){display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:700px){.seo-guide h2{font-size:22px}}.legal-page{max-width:900px}.legal-page section{margin:22px 0}.legal-page h2{font-size:21px;margin:0 0 8px}.legal-page p,.legal-page li{font-size:15px;line-height:1.7;color:var(--edu-ink,#20291e)}.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-todo{background:#fff1b8;color:#4a3800;border-radius:4px;padding:0 4px;font-weight:600}.legal-draft{border:2px solid #d9a300;background:#fff8dc;color:#3d3000;border-radius:12px;padding:12px 16px;margin:0 0 18px;font-size:14px}.legal-kids{background:var(--edu-soft,#eaf0df);border-radius:14px;padding:14px 18px;margin:0 0 18px}.legal-kids h2{font-size:18px;margin:0 0 6px}.legal-kids li{font-size:16px}.legal-table-wrap{overflow-x:auto;margin:10px 0}.legal-table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px}.legal-table th,.legal-table td{border:1px solid var(--edu-line,#dce3d3);padding:7px 9px;text-align:left;vertical-align:top;color:var(--edu-ink,#20291e)}.legal-table thead th{background:var(--edu-soft,#eaf0df)}.legal-table code{font-size:12px;word-break:break-all}.legal-risk{font-weight:700}.risk-unknown{color:#9b1c1c}.risk-check{color:#7a4b00}.risk-low{color:#2f5f17}html[data-theme=dark] .legal-todo{background:#5a4800;color:#fff1b8}html[data-theme=dark] .legal-draft{background:#3b3416;color:#f6e7b0}html[data-theme=dark] .risk-unknown{color:#ff9b9b}html[data-theme=dark] .risk-check{color:#ffd27a}html[data-theme=dark] .risk-low{color:#a9e07a}.footer-legal{width:100%;padding-top:4px}.my-data{max-width:900px}.md-file{position:relative;display:inline-flex;align-items:center;min-height:44px;cursor:pointer}.md-file input{position:absolute;inset:0;opacity:0;cursor:pointer;min-height:0;min-width:0}.md-list{list-style:none;padding:0;margin:12px 0}.md-list>li{border:1px solid var(--edu-line,#dce3d3);border-radius:12px;padding:10px 14px;margin:8px 0}.md-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.md-head h3{margin:0;font-size:16px;flex:1 1 220px}.md-items{margin:6px 0 0;padding-left:18px;font-size:13px}.md-confirm{padding:10px 14px;border-radius:12px;background:#fff1ee;color:#4a1a10}html[data-theme=dark] .md-confirm{background:#3d1f1a;color:#ffd9d0}.app-page h1{margin-bottom:10px}.app-lead{max-width:760px;font-size:16px}.app-center{max-width:900px;display:grid;gap:14px;margin:18px 0}.app-card{border:1px solid var(--edu-line,#dce3d3);border-radius:14px;padding:14px 18px;max-width:900px}.app-card h3,.app-card h2{margin:0 0 8px;font-size:18px}.app-card p{margin:6px 0}.app-list,.app-packs,.app-lessons{list-style:none;padding:0;margin:8px 0}.app-list li,.app-lessons li{padding:6px 0;font-size:15px}.app-list a,.app-lessons a{text-decoration:underline;text-underline-offset:3px}.app-tick{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:700;font-size:13px;margin-right:4px}.app-tick.ok{background:#cef57a;color:#1b2614}.app-tick.no{background:#e4e7de;color:#5f645c}.app-packs li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 0;border-top:1px solid var(--edu-line,#dce3d3)}.app-packs li>div{display:grid;gap:2px;flex:1 1 240px}.app-packs progress{width:100%;max-width:280px;height:8px;accent-color:#8ba83c}.app-pack-state{font-size:14px}.app-fallback{border:2px solid #d9a300;background:#fff8dc;color:#3d3000;border-radius:12px;padding:12px 16px}.app-steps li{margin:6px 0;font-size:15px}html[data-theme=dark] .app-fallback{background:#3b3416;color:#f6e7b0}html[data-theme=dark] .app-tick.no{background:#3a4236;color:#cfd6c6}.ws-check{display:inline-flex;flex-direction:row!important;align-items:center;gap:8px!important;min-height:44px;cursor:pointer}.ws-check input{width:24px;height:24px;min-height:0!important;margin:0;flex-shrink:0}.ws-prompt,.act-file input{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--edu-line,#cfd8c4);background:var(--edu-card,#fff);color:var(--edu-ink,#20291e);font:inherit;font-weight:400;font-size:15px;width:100%;max-width:420px;box-sizing:border-box}.edu-actions+h3{margin-top:24px}input[type=checkbox]{accent-color:#4d7a1f}html[data-theme=dark] input[type=checkbox]{accent-color:#cef57a}.rec-free-controls label:has(>input[type=checkbox]),.rec-free-help label:has(>input[type=checkbox]),.pedu-tools label:has(>input[type=checkbox]){flex-direction:row!important;align-items:center;gap:8px;min-height:44px}.rec-free-controls input[type=checkbox],.rec-free-help input[type=checkbox],.pedu-tools input[type=checkbox]{width:24px;height:24px;margin:0;flex-shrink:0}