:root{--night: #1d1440;--night2: #2b1d5c;--ink: #2a2140;--cream: #fff8ec;--gold: #ffcf4a;--pink: #ff5d8f;--teal: #2ec4b6;--violet: #7c5cff;--ui: "Fredoka", "Rubik", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--ui);color:var(--ink);background:radial-gradient(1200px 600px at 85% -10%,#4a2f8f 0%,transparent 60%),radial-gradient(900px 500px at -10% 110%,#133a5c 0%,transparent 60%),var(--night);min-height:100vh;direction:rtl}button{font-family:inherit;cursor:pointer}.loading{display:grid;place-items:center;height:100vh;font-size:64px;animation:bob 1.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px)}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px clamp(12px,3vw,32px);background:#1d1440d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}.logo{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;padding:0}.logo-book{font-size:30px;display:inline-block;animation:wiggle 4s ease-in-out infinite}@keyframes wiggle{0%,90%,to{transform:rotate(0)}93%{transform:rotate(-12deg)}96%{transform:rotate(10deg)}}.logo-t{font:700 26px "Rubik Doodle Shadow",var(--ui);color:var(--gold);letter-spacing:.5px}.tabs{display:flex;gap:6px;margin-inline-start:12px}.tabs button{background:#ffffff14;border:0;color:#fff;padding:8px 14px;border-radius:999px;font-size:16px}.tabs button.sel{background:var(--gold);color:var(--night);font-weight:600}.me{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.inst-level{display:flex;align-items:center;gap:8px;background:#ffffff14;color:#fff;border:2px solid;border-radius:14px;padding:4px 10px}.inst-level>span:first-child{font-size:22px}.inst-level b{display:block;font-size:13px}.xp{display:block;width:70px;height:6px;border-radius:4px;background:#ffffff2e;overflow:hidden}.xp i{display:block;height:100%;border-radius:4px}.stars{font-weight:700;color:var(--gold);white-space:nowrap}.avatar{display:flex;flex-direction:column;align-items:center;background:none;border:0;color:#fff;font-size:30px;line-height:1}.avatar small{font-size:12px}.home,.path{max-width:1280px;margin:0 auto;padding:20px clamp(12px,3vw,32px) 60px}.hero{color:#fff;padding:14px 0 6px}.hero h1{font-size:clamp(26px,3.4vw,40px);margin:0 0 6px}.hero p{margin:0;opacity:.8;font-size:18px}.shelf-h{color:var(--gold);margin:26px 0 10px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}.chip{border:0;background:#ffffff1a;color:inherit;padding:7px 14px;border-radius:999px;font-size:15px}.home .chip,.path .grown .chip{color:#fff}.chip.sel{background:var(--gold);color:var(--night)!important;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.card{position:relative;text-align:start;border:0;padding:0;border-radius:20px;overflow:hidden;background:var(--s-paper);color:var(--s-ink);box-shadow:0 10px 30px #00000059;border-inline-start:10px solid var(--s-spine);transition:transform .25s cubic-bezier(.2,.8,.3,1.4),box-shadow .25s;animation:cardIn .5s both}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}}.card:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 18px 40px #00000073}.card-art{aspect-ratio:16 / 10;overflow:hidden;background:var(--s-bg)}.card-art svg{width:100%;height:100%;display:block}.card-body{padding:12px 16px 16px}.card-title{font-size:25px;line-height:1.1;color:var(--s-accent);margin-bottom:6px}.card-blurb{font:15px/1.45 Rubik,sans-serif;opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.card-tags span{font-size:12px;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--s-accent) 18%,transparent)}.ribbon{position:absolute;top:12px;inset-inline-end:12px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;overflow:hidden}.ribbon.done{background:#2ec4b6;color:#fff}.ribbon.reading{background:#fff;color:var(--night)}.ribbon.reading i{position:absolute;inset:auto 0 0 auto;height:3px;background:var(--pink)}.empty{color:#fff;opacity:.7;text-align:center;padding:40px}.who{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:30px 16px;position:relative;overflow:hidden}.who-sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.6;animation:tw 3s ease-in-out infinite}@keyframes tw{50%{opacity:.1;transform:scale(.6)}}.who-logo{font:400 clamp(48px,9vw,92px) "Rubik Doodle Shadow",var(--ui);color:var(--gold);margin:0;text-shadow:0 6px 30px rgba(255,207,74,.35)}.who-sub{font-size:20px;opacity:.85;margin:6px 0 30px}.who h2{font-size:26px;margin:0 0 18px}.who-list{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;position:relative}.who-item{position:relative}.who-b{width:150px;padding:18px 10px;border-radius:26px;border:3px solid rgba(255,255,255,.15);background:#ffffff12;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .2s}.who-b:hover{transform:translateY(-6px) scale(1.04);border-color:var(--gold)}.who-av{font-size:66px;line-height:1}.who-b b{font-size:22px}.who-b.add{border-style:dashed}.who-del{position:absolute;top:-8px;left:-8px;border-radius:50%;width:30px;height:30px;border:0;background:var(--pink);color:#fff}.ghost-b{background:none;border:2px solid currentColor;color:inherit;border-radius:999px;padding:10px 18px;font-size:16px}.ghost-b.small{margin-top:26px;padding:4px 12px;font-size:14px;opacity:.6}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a061e99;display:grid;place-items:center;z-index:50;padding:16px}.modal-box{background:var(--cream);color:var(--ink);border-radius:24px;padding:24px;width:min(520px,100%);display:flex;flex-direction:column;gap:14px}.modal-box h3{margin:0;font-size:26px}.modal-box input{font:inherit;font-size:20px;padding:10px 14px;border-radius:14px;border:2px solid #ddd}.pick{display:flex;flex-wrap:wrap;gap:8px}.pick button{font-size:28px;border:2px solid transparent;background:#fff;border-radius:14px;padding:4px 8px;display:flex;flex-direction:column;align-items:center}.pick button small{font-size:12px}.pick button.sel{border-color:var(--violet);background:#efe9ff}.big-cta{border:0;border-radius:999px;padding:13px 26px;font-size:20px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--pink),#ff8a3d);box-shadow:0 8px 22px #ff5d8f66;transition:transform .15s;align-self:flex-start}.big-cta:hover{transform:translateY(-2px) scale(1.03)}.reader{min-height:100vh;display:flex;flex-direction:column}.reader-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#1d1440d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.icon-b{background:#ffffff1a;border:0;border-radius:12px;font-size:22px;padding:6px 10px;color:#fff}.reader-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:17px}.reader-title span{opacity:.7}.reader-progress{height:4px;background:#ffffff1a}.reader-progress div{height:100%;background:linear-gradient(90deg,var(--gold),var(--pink));transition:width .4s;margin-inline-start:auto}.inst-pick{position:relative}.inst-b{border:0;color:#fff;padding:7px 12px;border-radius:12px;font-size:16px;font-weight:600;white-space:nowrap}.inst-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);background:#fff;border-radius:16px;box-shadow:0 14px 40px #00000059;padding:6px;display:grid;min-width:210px;z-index:30}.inst-menu button{display:flex;align-items:center;gap:10px;border:0;background:none;padding:9px 10px;border-radius:10px;font-size:17px;color:var(--ink);text-align:start}.inst-menu button small{margin-inline-start:auto;opacity:.55;font-size:13px}.inst-menu button:hover,.inst-menu button.sel{background:#f1ecff}.reader-stage{flex:1;padding:clamp(10px,2vw,26px);max-width:1500px;width:100%;margin:0 auto}.turn{animation:turnIn .55s cubic-bezier(.2,.8,.25,1) both;transform-origin:center}.turn.fwd{--from: -50px;--rot: 3deg}.turn.back{--from: 50px;--rot: -3deg}@keyframes turnIn{0%{opacity:0;transform:translate(var(--from)) rotateY(var(--rot)) scale(.985)}}.chapter-ribbon{display:inline-block;margin:0 0 12px;padding:6px 18px;border-radius:999px;background:var(--gold);color:var(--night);font-weight:700;font-size:18px;animation:pop .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes pop{0%{transform:scale(.5);opacity:0}}.reader-nav{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#1d1440d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.nav-b{border:0;border-radius:999px;padding:10px 22px;font-size:18px;font-weight:600;background:#ffffff1f;color:#fff}.nav-b.next{background:linear-gradient(135deg,var(--gold),#ff9f43);color:var(--night)}.nav-b:disabled{opacity:.3}.page-n{opacity:.75;font-size:15px}.cover-meta{display:flex;flex-wrap:wrap;gap:8px}.cover-meta span{font:14px Rubik,sans-serif;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--s-accent) 16%,transparent)}.the-end{background:var(--cream);border-radius:26px;padding:50px 24px;text-align:center;max-width:720px;margin:30px auto}.end-big{font:400 72px "Rubik Doodle Shadow",var(--ui);color:var(--pink)}.the-end p{font-size:20px}.end-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.end-actions .big-cta{align-self:auto}.end-actions .ghost-b{color:var(--ink)}.mm{margin-top:6px;background:#fffdf8;color:#2a2140;border-radius:20px;padding:14px;font-family:var(--ui);box-shadow:0 6px 24px #0000002e,inset 0 0 0 2px #7c5cff26;animation:mmIn .6s .25s both}@keyframes mmIn{0%{opacity:0;transform:translateY(14px)}}.mm-top{display:flex;align-items:center;gap:10px}.mm-badge{color:#fff;padding:5px 12px;border-radius:999px;font-weight:600;font-size:15px}.mm-lvl{font-size:13px;opacity:.6;margin-inline-start:auto}.mm-cue{font-size:18px;font-weight:600;margin:10px 0;line-height:1.4}.mm-load{opacity:.6;padding:10px 0}.mm-tabs{display:flex;gap:6px;margin-bottom:10px}.mm-tabs button{flex:1;border:0;padding:9px 8px;border-radius:12px;background:#f1ecff;color:#4b3b8f;font-size:15px;font-weight:600}.mm-tabs button.sel{background:#7c5cff;color:#fff}.piece{display:flex;flex-direction:column;gap:8px}.practice .piece{background:#fffdf8;border-radius:20px;padding:16px;box-shadow:0 8px 24px #00000040}.practice{display:grid;gap:18px}.piece-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.piece-title{font-size:21px;font-weight:700}.piece-title.sm{font-size:17px}.piece-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;opacity:.8;align-items:center;margin-top:2px}.tag{background:#eee8ff;color:#4b3b8f;padding:2px 8px;border-radius:999px}.tag.lvl{background:#e3f6f4;color:#126b62}.tag.chal{background:#fff1c7;color:#8a5a00}.piece-about{margin:0;font:15px/1.5 Rubik,sans-serif;opacity:.85}.play{flex:none;width:58px;height:58px;border-radius:50%;border:0;font-size:24px;color:#fff;background:linear-gradient(135deg,#2ec4b6,#3a86ff);box-shadow:0 6px 18px #3a86ff66;transition:transform .15s}.play:hover{transform:scale(1.08)}.play.on{background:linear-gradient(135deg,#ff5d8f,#ff8a3d);animation:pulse 1s ease-in-out infinite}.play.sm{width:46px;height:46px;font-size:19px}@keyframes pulse{50%{box-shadow:0 0 0 10px #ff5d8f26}}.controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.controls .chip{background:#f1ecff;color:#4b3b8f;font-size:14px;padding:6px 11px}.controls .chip.sel{background:#7c5cff;color:#fff!important}.bpm{font-size:13px;opacity:.6;margin-inline-start:auto}.rate{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:8px;border-top:1px dashed #ddd;position:relative}.rate-q{font-size:15px;font-weight:600;margin-inline-end:4px}.rate-b{border:0;border-radius:12px;padding:7px 12px;font-size:15px;font-weight:600;transition:transform .15s}.rate-b:active{transform:scale(.92)}.rate-b.easy{background:#d9f7e8;color:#136b3d}.rate-b.ok{background:#fff1c7;color:#7a5200}.rate-b.hard{background:#ffe0e8;color:#a3164a}.rate-flash{font-weight:700;color:#7c5cff;animation:pop .5s cubic-bezier(.2,1.6,.4,1) both}.along{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#fff4e0,#ffe8f0);border-radius:14px;padding:10px 12px}.along-t{font-size:14px;opacity:.8}.confetti{position:fixed;z-index:100;pointer-events:none;font-size:22px}.notation{direction:ltr;background:#fff;border-radius:14px;padding:10px 8px;overflow-x:auto;border:1px solid #eee}.nt-bars{display:flex;flex-wrap:wrap;row-gap:6px;align-items:flex-start}.nt-bar{flex:none;overflow:visible}.nt-line{stroke:#9a93ad;stroke-width:1.1}.nt-barline{stroke:#555;stroke-width:1.5}.nt-stem,.nt-beam{stroke:#333;stroke-width:1.8}.nt-beam{stroke-width:5}.nt-flag{fill:#333;stroke:#333;stroke-width:1}.nt-clef{font:52px Noto Music,Segoe UI Symbol,Bravura,serif;fill:#333}.nt-meter text{font:700 21px Georgia,serif;fill:#333}.nt-letter{font:700 11px Rubik,sans-serif}.nt-acc{font:18px serif;fill:#333}.nt-finger{font:700 13px Rubik,sans-serif;fill:#7c5cff}.nt-heb{font:11px Rubik,sans-serif;fill:#6b6380;direction:rtl}.nt-chord{font:700 13px Rubik,sans-serif;fill:#b8323a}.nt-glow{fill:#ffcf4a8c}.nt-note.on{filter:drop-shadow(0 0 4px rgba(255,180,0,.8))}.nt-small{font:12px Rubik,sans-serif;fill:#666}.nt-tiny{font:9px Rubik,sans-serif;fill:#999}.nt-fret{font:700 13px Rubik,sans-serif}.nt-hole{font:700 19px Rubik,sans-serif;fill:#2a2140}.nt-arrow{font:700 20px Rubik,sans-serif}.nt-num{font:700 19px Rubik,sans-serif;fill:#fff}.nt-jp{font:700 22px Rubik,sans-serif;fill:#222}.nt-thumb{font:9px Rubik,sans-serif;fill:#888}.nt-dur line,.nt-dur ellipse{stroke:#666;stroke-width:1.5}.nt-dur circle{fill:#666}.nt-boxes{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.nt-chordname{font:700 14px Rubik,sans-serif;fill:#b8323a}.nt-chordbox.missing{font-weight:700;padding:10px}.nt-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:13px Rubik,sans-serif;color:#555;margin:0 4px 8px;direction:rtl}.nt-legend .blow{color:#2f8fd8;font-weight:700}.nt-legend .draw{color:#e2741a;font-weight:700}.nt-legend .disc{color:#fff;width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;margin-inline-end:-6px}.nt-legend.jp b{font-size:16px;color:#222;direction:ltr}.dr-bar,.db-bar{display:flex;flex-direction:column;gap:2px;padding:0 6px;border-right:2px solid #555;margin-bottom:8px}.db-bar{flex-direction:row;gap:3px;padding:0 6px}.dr-row{display:flex;gap:2px;align-items:center}.dr-name{width:64px;font:600 12px Rubik,sans-serif;text-align:right;direction:rtl;padding-inline-end:4px}.dr-cell{width:26px;height:26px;border-radius:6px;background:#f6f4fb;display:grid;place-items:center;font:600 11px Rubik,sans-serif;color:#888}.dr-cell.beat{background:#ece8f7}.dr-row.cnt .dr-cell{background:none;height:18px}.dr-cell.on{background:#ffe8a3!important;box-shadow:0 0 0 2px #ffcf4a}.hit{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 15px Rubik,sans-serif}.hit.ghost{transform:scale(.55);opacity:.6}.hit.acc{box-shadow:0 0 0 3px #00000040;color:#fff!important}.db-cell{display:flex;flex-direction:column;align-items:center;gap:2px;width:34px;padding:4px 0;border-radius:8px}.db-cell.beat{background:#f6f1e8}.db-cell.on{background:#ffe8a3;box-shadow:0 0 0 2px #ffcf4a}.db-cell .cnt{font:600 11px Rubik,sans-serif;color:#999}.dk{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px Rubik,sans-serif}.dk-D{background:#5a2d0c;color:#fff;width:30px;height:30px}.dk-T{background:#f28c28;color:#fff;width:22px;height:22px}.dk-K{border:2.5px solid #f28c28;color:#f28c28;width:22px;height:22px}.dk-S{background:#b8323a;color:#fff;border-radius:6px}.dk-r{color:#a95716;font-size:22px}.nt-legend.db span[class^=dk-]{display:inline-grid;place-items:center;border-radius:50%;width:22px;height:22px;font-weight:700;margin-inline-start:6px}.inst-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.inst-card{border:3px solid transparent;border-radius:18px;background:#ffffff14;color:#fff;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .2s}.inst-card:hover{transform:translateY(-4px)}.inst-card.sel{border-color:var(--c);background:color-mix(in srgb,var(--c) 30%,transparent)}.ic-emoji{font-size:34px}.inst-card small{opacity:.75}.journey{margin:22px 0;background:var(--cream);border-radius:24px;padding:20px;border-top:8px solid var(--c)}.journey h2{margin:0 0 4px}.journey p{margin:0 0 10px;opacity:.8}.xpbar{position:relative;height:22px;border-radius:12px;background:#eee6d8;overflow:hidden}.xpbar i{position:absolute;inset:0 auto 0 0;background:var(--c);border-radius:12px;transition:width .5s}.xpbar span{position:relative;font-size:13px;font-weight:600;padding:0 10px;line-height:22px}.levels{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lv{width:42px;height:42px;border-radius:50%;border:3px solid #ddd;background:#fff;font-weight:700;font-size:16px;color:#999}.lv.done{background:var(--c);border-color:var(--c);color:#fff}.lv.cur{border-color:var(--c);color:var(--c);animation:pulse 1.6s infinite;transform:scale(1.12)}.lv.view{outline:3px solid var(--gold);outline-offset:2px}.grown{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;opacity:.85}.grown .chip{background:#ece6dc;color:var(--ink)!important}.grown .chip.sel{background:var(--violet);color:#fff!important}.grown select{font:inherit;padding:5px;border-radius:10px}.lv-h{color:var(--gold);font-size:22px}@media(max-width:760px){.tabs button{padding:6px 10px;font-size:14px}.logo-t,.xp,.avatar small{display:none}.topbar{gap:8px}.nav-b{padding:9px 16px;font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reader-stage{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.reader-nav{position:fixed;left:0;right:0;bottom:0;z-index:25}.mstep{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:0;border-radius:22px;overflow:hidden;background:#fffdf8;box-shadow:0 18px 50px #140a2847}.mstep-art{position:relative;background:#222;min-height:100%}.mstep-art>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mstep-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 70%,rgba(255,253,248,.35));pointer-events:none}.mstep-music{padding:clamp(10px,1.6vw,20px);min-width:0}.mstep .mm{margin:0;box-shadow:none;animation:none;padding:4px;background:none}@media(max-width:900px),(orientation:portrait){.mstep{grid-template-columns:1fr}.mstep-art{height:24vh;min-height:150px}.mstep-art:after{background:linear-gradient(180deg,transparent 60%,rgba(255,253,248,.5))}}.mm-dots{display:flex;gap:5px;margin-inline-start:auto}.mm-dots i{width:10px;height:10px;border-radius:50%;background:#e6dff7}.mm-dots i.on{background:#7c5cff}.mm-foot{margin-top:8px;font-size:12px;color:#9a92ad;text-align:end}.player-row{display:flex;align-items:center;gap:12px;margin:4px 0 8px;flex-wrap:wrap}.player-row .controls{flex:1}.play.big{width:66px;height:66px;font-size:28px}.rate-b.sel{box-shadow:0 0 0 3px currentColor inset}.mm.step .mm-cue{font-size:clamp(18px,1.7vw,22px)}html,body{overflow-x:hidden;max-width:100%}.reader,.reader-stage,.turn,.mstep,.mstep-music,.spread{min-width:0;max-width:100%}.reader-stage{overflow-x:clip}.dr-key{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 4px 6px;direction:rtl}.dr-key-i{display:flex;flex-direction:column;align-items:center;font:11px Rubik,sans-serif;color:#555}.dr-count{font:600 11px Rubik,sans-serif;fill:#aaa}.dr-count.beat{fill:#555;font-weight:700}.dr-acc{font:700 15px Rubik,sans-serif;fill:#222}.dr-trip{font:italic 700 12px Georgia,serif;fill:#222}.dr-ghost{font:14px Georgia,serif;fill:#222;letter-spacing:-1px}.mstep .notation{background:#fffaf0;border-color:#efe4cf}.mstep.design-a{display:block;position:relative;background:#000}.mstep.design-a .mstep-art{position:relative;height:auto;min-height:0;aspect-ratio:16 / 10;max-height:calc(100vh - 150px);width:100%}.mstep.design-a .mstep-art:after{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.35))}.mstep.design-a .mstep-music{position:absolute;inset:auto 3% 3% 3%;max-height:66%;overflow:auto;border-radius:22px;background:#fffcf5c7;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 12px 40px #00000059;border:1px solid rgba(255,255,255,.6)}.mstep.design-a .notation{background:#fffaf0d9}@media(max-width:900px),(orientation:portrait){.mstep.design-a .mstep-art{aspect-ratio:auto;height:calc(100vh - 160px)}.mstep.design-a .mstep-music{max-height:72%;inset:auto 2% 2% 2%}}.mstep.design-b{display:block;background:var(--s-paper);color:var(--s-ink);position:relative;padding:18px}.mstep.design-b .mstep-art{position:relative;float:left;width:min(34%,360px);aspect-ratio:16 / 11;height:auto;min-height:0;margin:0 0 12px 18px;border:8px solid #fff;border-bottom-width:26px;border-radius:4px;box-shadow:0 10px 24px #00000059;transform:rotate(-2.5deg)}.mstep.design-b .mstep-art:after{display:none}.mstep.design-b .mstep-music{padding:0}.mstep.design-b .mm{color:var(--s-ink)}.mstep.design-b .mm-cue{position:relative;display:inline-block;max-width:60%;background:#fff;color:#2a2140;padding:12px 16px;border-radius:18px;box-shadow:0 4px 14px #0000002e}.mstep.design-b .mm-cue:after{content:"";position:absolute;left:-12px;top:18px;border:10px solid transparent;border-right-color:#fff;border-left:0}.mstep.design-b .notation{clear:both}.mstep.design-b .mm-foot,.mstep.design-b .rate-q{color:inherit;opacity:.75}@media(max-width:900px),(orientation:portrait){.mstep.design-b .mstep-art{float:none;width:62%;margin:4px auto 14px;display:block}.mstep.design-b .mm-cue{max-width:100%}.mstep.design-b .mm-cue:after{left:40px;top:-10px;border:10px solid transparent;border-bottom-color:#fff;border-top:0}}.mstep.design-c{display:block;background:var(--s-paper);color:var(--s-ink)}.mstep.design-c .mstep-art{height:38vh;min-height:200px;position:relative;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V92L96 95 92 91 87 96 83 92 78 97 73 93 69 96 64 92 59 97 55 93 50 96 45 92 41 97 36 93 31 96 27 92 22 97 17 93 13 96 8 92 4 96 0 93Z'/%3E%3C/svg%3E") 0 0 / 100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V92L96 95 92 91 87 96 83 92 78 97 73 93 69 96 64 92 59 97 55 93 50 96 45 92 41 97 36 93 31 96 27 92 22 97 17 93 13 96 8 92 4 96 0 93Z'/%3E%3C/svg%3E") 0 0 / 100% 100%}.mstep.design-c .mstep-art:after{display:none}.mstep.design-c .mm{color:var(--s-ink)}.mstep.design-c .mm-foot,.mstep.design-c .rate-q{color:inherit;opacity:.75}.nt-clef.bass{font-size:40px}.lv-goal{color:#fff;margin:-6px 0 16px}.lv-goal p{margin:0 0 8px;font-size:17px;opacity:.9}.lv-goal .tag{margin-inline-end:6px}.nt-lines{display:flex;flex-direction:column;gap:8px;width:100%}.nt-line-row{display:flex;flex-wrap:nowrap;align-items:flex-start}@media(orientation:landscape)and (max-height:540px){.mstep.design-b{padding:10px 12px}.mstep.design-b .mstep-art{float:left;width:30%;margin:0 0 8px 14px;display:block;border-width:5px;border-bottom-width:16px}.mstep.design-b .mm-cue{max-width:66%;font-size:16px;padding:8px 12px}.mstep.design-b .mm-cue:after{left:-12px;top:14px;border:10px solid transparent;border-right-color:#fff;border-left:0}.reader-stage .spread{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.reader-stage .pg-text{font-size:16px;line-height:1.5}.reader-stage .pg-paper{padding:12px 16px}.reader-bar{padding:4px 10px}.reader-nav{padding:6px 12px}.nav-b{padding:7px 16px;font-size:15px}.reader-stage{padding-bottom:70px}}.spread{--s-radius: 22px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:0;background:var(--s-bg);color:var(--s-ink);border-radius:var(--s-radius);overflow:hidden;box-shadow:0 18px 50px #140a2847;direction:rtl;min-height:0}.pg-art{position:relative;aspect-ratio:16 / 10;background:var(--s-bg);overflow:hidden;align-self:start}.pg-art>svg{display:block;width:100%;height:100%}.pg-paper{background:var(--s-paper);padding:clamp(18px,2.6vw,38px) clamp(18px,2.6vw,40px);font-family:var(--s-body),"Rubik",sans-serif;display:flex;flex-direction:column;gap:14px;overflow:auto}.pg-chapter{font-family:var(--s-title);font-size:clamp(22px,2.4vw,32px);color:var(--s-accent);line-height:1.1}.pg-title{font-family:var(--s-title);font-size:clamp(30px,3.6vw,54px);line-height:1.05;margin:0;color:var(--s-accent)}.pg-subtitle{font-family:var(--s-title);font-size:clamp(18px,1.8vw,24px);opacity:.85}.pg-blurb{font-size:clamp(17px,1.5vw,21px);line-height:1.55;margin:0}.pg-text{font-size:clamp(19px,1.55vw,24px);line-height:1.62}.pg-text p{margin:0 0 .65em}.pg-text p:last-child{margin-bottom:0}.music-cue{border:2px dashed var(--s-accent);border-radius:14px;padding:10px 14px;font-weight:600}@media(max-width:860px){.spread{grid-template-columns:1fr}}.preview{display:flex;flex-direction:column;gap:36px;padding:28px;background:#ddd;min-height:100vh}.preview-n{font:700 14px monospace;direction:ltr;margin-bottom:6px}.pg-extra{grid-column:1 / -1;padding:0 clamp(10px,2vw,26px) clamp(12px,2vw,26px);background:var(--s-paper)}.pg-extra .mm{max-width:1100px;margin:0 auto}.spread{align-items:stretch}.pg-art{aspect-ratio:auto;align-self:stretch}.pg-art:before{content:"";display:block;padding-top:62.5%}.pg-art>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.skip{position:absolute;inset-inline-start:8px;top:-60px;z-index:100;background:var(--gold);color:var(--night);padding:10px 16px;border-radius:10px;font-weight:700}.skip:focus{top:8px}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.site{min-height:100vh;display:flex;flex-direction:column;background:var(--cream);color:var(--ink)}.site-main{flex:1}.site-loading{display:grid;place-items:center;min-height:50vh;font-size:54px;animation:bob 1.4s ease-in-out infinite}.site a{color:#5b3fd6}.muted{opacity:.7}.small{font-size:14px}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 16px var(--ui);padding:10px 20px;border-radius:999px;border:2px solid currentColor;background:transparent;color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.site a.btn{color:inherit}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-gold,.site a.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--night);box-shadow:0 6px 18px #ffb4004d}.btn.big{font-size:19px;padding:14px 28px}.btn.small{font-size:14px;padding:6px 14px}.btn.wide{width:100%}.btn.ghost{color:#fff;border-color:#ffffff80}.linkish{background:none;border:0;padding:0;font:inherit;color:#5b3fd6;text-decoration:underline;cursor:pointer}.linkish.danger,.danger{color:#c0262d}.site-head{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;padding:10px clamp(16px,4vw,40px);background:#1d1440eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.brand{font:400 26px "Rubik Doodle Shadow",var(--ui);color:var(--gold)!important;text-decoration:none;white-space:nowrap}.site-nav{display:flex;gap:18px}.site-nav a,.s-link{color:#fff!important;text-decoration:none;opacity:.85;font-size:16px}.site-nav a:hover,.s-link:hover{opacity:1;text-decoration:underline}.site-acts{margin-inline-start:auto;display:flex;align-items:center;gap:14px}.site-foot{background:var(--night);color:#fff;padding:36px clamp(16px,4vw,40px) 20px}.foot-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;max-width:1100px;margin:0 auto 18px}.foot-cols nav{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.site-foot a,.site-foot .linkish{color:#fff!important;opacity:.8}.site-foot p{margin:6px 0}.site-foot>p{max-width:1100px;margin:0 auto}@media(max-width:760px){.hide-sm{display:none}.site-head,.site-nav{gap:10px}.brand{font-size:22px}.site-acts{gap:8px}.site-acts .btn{padding:8px 12px;font-size:14px}.foot-cols{grid-template-columns:1fr}}.lang-switch{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:700;padding:5px 12px;min-height:36px;border:2px solid var(--gold);border-radius:999px;white-space:nowrap;text-decoration:none}.lang-switch:hover,.lang-switch:focus-visible{text-decoration:none;background:#ffd24a29}.s-link.lang-switch{opacity:1;color:#fff!important}.site-foot .foot-lang{opacity:1;margin-top:4px}.who .who-lang{display:flex;width:max-content;margin:12px auto 0;color:#fff;position:relative}.hero-lang{color:var(--gold)!important;font-weight:700;text-decoration:none;font-size:16px}.hero-lang:hover{text-decoration:underline}@media(max-width:560px){.site-nav a:first-child{display:none}}@media(max-width:420px){.site-nav{display:none}}.pill{display:inline-block;background:#ffcf4a2e;color:#8a6200;border:1px solid rgba(255,207,74,.6);border-radius:999px;padding:3px 12px;font-size:14px;font-weight:600}.l-hero .pill{color:var(--gold)}.muted-pill{background:#0000000f;border-color:#0000001f;color:inherit}.l-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(40px,7vw,90px) clamp(16px,4vw,40px);background:radial-gradient(1000px 500px at 85% -10%,#4a2f8f 0%,transparent 60%),radial-gradient(800px 500px at -10% 110%,#133a5c 0%,transparent 60%),var(--night)}.l-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.6;animation:tw 3s ease-in-out infinite}.l-hero-in{position:relative;max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.l-hero h1{font-size:clamp(36px,5.4vw,64px);line-height:1.1;margin:16px 0}.hl{color:var(--gold)}.lead{font-size:clamp(18px,2vw,21px);line-height:1.6;opacity:.92;margin:0 0 24px}.l-ctas{display:flex;flex-wrap:wrap;gap:12px}.l-facts{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;opacity:.9}.l-facts b{color:var(--gold);font-size:22px;margin-inline-end:4px}.l-hero-art{position:relative;height:420px}.l-float{position:absolute;width:62%;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #00000073;border:4px solid #fff;background:var(--bg, #fff);animation:floaty 7s ease-in-out infinite}.l-float svg,.l-cover-art svg{display:block;width:100%;height:100%}.l-float.f0{top:0;inset-inline-start:0;transform:rotate(-4deg)}.l-float.f1{top:120px;inset-inline-end:0;animation-delay:-2s;transform:rotate(3deg)}.l-float.f2{bottom:0;inset-inline-start:12%;animation-delay:-4s;transform:rotate(-1deg)}@keyframes floaty{50%{translate:0 -10px}}@media(prefers-reduced-motion:reduce){.l-float,.l-stars i{animation:none}}@media(max-width:860px){.l-hero-in{grid-template-columns:1fr}.l-hero-art{height:260px}.l-float{width:58%}.l-float.f1{top:60px}}.l-sec{padding:clamp(44px,6vw,80px) clamp(16px,4vw,40px)}.l-sec>*{max-width:1150px;margin-inline:auto}.l-sec h2{font-size:clamp(28px,3.6vw,42px);margin:0 auto 10px;text-align:center}.l-sub{text-align:center;font-size:19px;opacity:.8;max-width:720px;margin:0 auto 30px;line-height:1.55}.l-sec.dark{background:var(--night2);color:#fff}.l-sec.soft{background:#f3ecff}.l-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.l-steps li{background:#fff;border-radius:22px;padding:26px;box-shadow:0 6px 24px #2b1d5c14}.l-steps h3{margin:10px 0 6px;font-size:22px}.l-steps p{margin:0;line-height:1.6;opacity:.85}.l-step-n{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--violet);color:#fff;font-weight:700;font-size:20px}.l-shots{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.l-shots figure{margin:0}.l-shots img{width:100%;border-radius:18px;box-shadow:0 12px 34px #2b1d5c2e;display:block;background:#eee;aspect-ratio:14 / 9;object-fit:cover}.l-shots figcaption{text-align:center;margin-top:8px;opacity:.7}@media(max-width:760px){.l-steps,.l-shots{grid-template-columns:1fr}}.l-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.l-cover{display:block;color:inherit;text-decoration:none;margin:0;background:#ffffff0f;border-radius:20px;overflow:hidden;animation:rise .5s both}.l-cover-art{aspect-ratio:16 / 10;background:var(--bg, #222);overflow:hidden}.l-cover figcaption{padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px}.l-cover b{font-size:24px;color:var(--gold)}.l-cover span{line-height:1.5;opacity:.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.l-cover small{opacity:.6}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.l-more{text-align:center;margin-top:26px;font-size:18px;opacity:.85}.l-insts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.l-insts li{background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px;border-top:5px solid var(--c);box-shadow:0 4px 16px #2b1d5c0f}.l-insts span{font-size:34px}.l-insts b{font-size:19px}.l-insts small{opacity:.7;line-height:1.4}.l-two{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start;margin-top:20px}@media(max-width:760px){.l-two{grid-template-columns:1fr}}.l-ticks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;font-size:18px;line-height:1.5}.l-ticks li:before{content:"✓";color:var(--teal);font-weight:800;margin-inline-end:10px}.l-safe{background:#fff;border-radius:22px;padding:24px;box-shadow:0 6px 24px #2b1d5c14;line-height:1.6}.l-safe h3{margin-top:0}.l-teach{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#ffe7b8,#ffd1e0);border-radius:26px;padding:28px clamp(20px,4vw,40px)}.l-teach h2{text-align:start;margin:0 0 6px}.l-teach p{margin:0;font-size:18px;max-width:640px;line-height:1.55}@media(max-width:760px){.l-teach{flex-direction:column;align-items:stretch}}.l-price{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:22px;margin-top:24px}@media(max-width:760px){.l-price{grid-template-columns:1fr}}.l-plan{background:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:10px;border:2px solid transparent}.l-plan.hot{border-color:var(--gold);box-shadow:0 10px 30px #ffb40033}.l-plan h3{margin:0;font-size:24px}.l-amount{font-size:44px;font-weight:700}.l-amount.small{font-size:26px}.l-plan ul{padding-inline-start:20px;margin:0 0 8px;line-height:1.8;flex:1}.l-faq{max-width:820px;display:flex;flex-direction:column;gap:10px}.l-faq details{background:#fff;border-radius:16px;padding:14px 20px;box-shadow:0 3px 12px #2b1d5c0f}.l-faq summary{font-weight:600;font-size:18px;cursor:pointer}.l-faq p{line-height:1.65;margin:10px 0 2px}.l-final{text-align:center;padding:70px 20px;background:var(--night);color:#fff}.l-final h2{font-size:clamp(30px,4vw,46px);margin:0 0 6px}.l-final p{opacity:.8;margin:0 0 24px;font-size:18px}.l-final p.l-final-note{margin:22px 0 0;font-size:15px}.l-final a:not(.btn){color:var(--gold)}.l-micro{margin:16px 0 0;font-size:15px;opacity:.75}.l-strip{background:var(--night2, #2a1d5c);color:#fff;padding:22px clamp(16px,4vw,40px);border-top:1px solid rgba(255,255,255,.08)}.l-strip ul{list-style:none;margin:0 auto;padding:0;max-width:1150px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.l-strip li{display:flex;align-items:center;gap:12px}.l-strip b{font-size:34px;color:var(--gold);line-height:1}.l-strip span{font-size:15px;opacity:.85;line-height:1.35}@media(max-width:860px){.l-strip ul{grid-template-columns:1fr 1fr}}.l-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}.l-why>div{background:#fff;border-radius:22px;padding:26px;box-shadow:0 6px 24px #2b1d5c14}.l-why span{font-size:40px}.l-why h3{margin:8px 0 6px;font-size:22px}.l-why p{margin:0;line-height:1.6;opacity:.85}@media(max-width:760px){.l-why{grid-template-columns:1fr}}.l-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.l-duo .l-teach{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.l-duo .l-teach p{flex:1}.l-teach.alt{background:linear-gradient(135deg,#c9f2e7,#d9e4ff)}.l-duo-e{font-size:40px}@media(max-width:760px){.l-duo{grid-template-columns:1fr}}.teach-page h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:14px 0 12px}.teach-page .lead{max-width:860px}.ref-box h2{margin-top:0;font-size:22px}.ref-in{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:10px 0}.ref-out{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0}.ref-out code{word-break:break-all;font-size:15px;padding:6px 10px;flex:1 1 220px}.teach-form{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;margin-top:40px;align-items:start}.teach-form h2{margin-top:0}@media(max-width:760px){.teach-form{grid-template-columns:1fr}}.doc h3{margin:20px 0 4px;font-size:18px}.doc .beta-note{margin:12px 0 20px;line-height:1.6}.auth{display:grid;place-items:center;padding:50px 16px 70px}.auth-card{background:#fff;border-radius:26px;padding:clamp(22px,4vw,36px);width:min(480px,100%);box-shadow:0 10px 40px #2b1d5c1f}.auth-card h1{margin:0 0 6px;font-size:30px}.auth-sub{margin:0 0 18px;opacity:.8;line-height:1.5}.big-emoji{font-size:70px}.perks{padding-inline-start:0;list-style:none;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.perks li:before{content:"✓ ";color:var(--teal);font-weight:800}.form{display:flex;flex-direction:column;gap:14px}.form label,.q,.acc-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.site input:not([type=checkbox]),.site select,.site textarea{font:400 17px var(--ui);padding:11px 14px;border-radius:12px;border:2px solid #ddd5ee;background:#fff;color:var(--ink);width:100%}.site input:focus,.site select:focus,.site textarea:focus{border-color:var(--violet);outline:none}.form label.check,label.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}label.check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--violet)}.form-err{color:#c0262d;background:#fde8ea;padding:8px 12px;border-radius:10px;margin:0}.doc{max-width:820px;margin:0 auto;padding:40px 20px 70px;line-height:1.75;font-size:17px}.doc.wide{max-width:1100px}.doc h1{font-size:36px;margin-bottom:6px}.doc h2{margin-top:30px;font-size:22px}.doc .panel h2{margin-top:0}.dash{max-width:1150px;margin:0 auto;padding:30px clamp(16px,3vw,30px) 70px;display:flex;flex-direction:column;gap:20px}.dash-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.dash-head h1{margin:0;font-size:32px}.dash-head p{margin:4px 0 0}.panel{background:#fff;border-radius:22px;padding:clamp(16px,3vw,26px);box-shadow:0 4px 20px #2b1d5c12}.panel h2{margin:0 0 8px}.panel h3{margin:0 0 10px}.dash>.btn{align-self:flex-start}.beta-note{background:#fff6d6;border:1px solid #ffe08a;border-radius:14px;padding:12px 16px;margin:0}.kid-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.kid-head h2{margin:0}.kid-head p{margin:2px 0 0}.kid-head .btn{margin-inline-start:auto}.kid-av{font-size:54px;line-height:1}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.tile{background:#f6f2ff;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.admin .tile,.dash>.tiles .tile{background:#fff;box-shadow:0 3px 14px #2b1d5c0f}.tile b{font-size:30px;line-height:1.1}.tile span{font-size:14px;opacity:.72}.kid-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}@media(max-width:760px){.kid-cols{grid-template-columns:1fr}}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.list li>span:first-child{flex:1;min-width:140px}.prog{display:inline-block;width:90px;height:8px;border-radius:6px;background:#ece6f8;overflow:hidden;vertical-align:middle}.prog i{display:block;height:100%;background:var(--teal);border-radius:6px}.inst-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:12px}.inst-row small{flex-basis:100%;opacity:.7}.recent{margin-top:16px}.recent summary{cursor:pointer;font-weight:600}.recent .list{margin-top:10px}.recent li small{opacity:.6;min-width:110px}.survey .q{margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dash .chip,.tabs-row .chip{background:#efe9fb;color:var(--ink);font-weight:500}.tabs-row{display:flex;flex-wrap:wrap;gap:8px}.site textarea{resize:vertical;margin-bottom:10px}.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.acc-grid>div{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.acc-grid>div label{width:100%}@media(max-width:760px){.acc-grid{grid-template-columns:1fr}}.acc-acts{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:14px;border-top:1px solid #eee}.row-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:860px){.grid2{grid-template-columns:1fr}}.table-wrap{overflow-x:auto;margin-bottom:12px}.tbl{border-collapse:collapse;width:100%;font-size:15px}.tbl th,.tbl td{text-align:start;padding:7px 10px;border-bottom:1px solid #eee;white-space:nowrap}.tbl th{font-weight:600;opacity:.7;font-size:13px}.tbl select{padding:4px 8px!important;font-size:14px!important}.fb-list{display:flex;flex-direction:column;gap:12px}.fb header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fb.done{opacity:.55}.fb-text{white-space:pre-wrap;background:#faf8ff;border-radius:10px;padding:10px 14px}code{background:#f1edf9;padding:1px 6px;border-radius:6px}.bars{margin:0}.bars-legend{display:flex;gap:16px;font-size:14px;margin-bottom:22px;color:#52514e}.bars-legend i,.bars-tip i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px}.bars-plot{position:relative;display:flex;align-items:flex-end;gap:2px;padding-bottom:20px;direction:ltr}.bars-grid{position:absolute;top:0;right:0;bottom:20px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.bars-grid span{border-top:1px dashed #e7e3ef;position:relative}.bars-grid span:after{content:attr(data-v);position:absolute;left:0;top:-16px;font-size:11px;color:#8a8797}.bars-col{flex:1;height:100%;background:none;border:0;padding:0 1px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;cursor:default}.bars-col.on{background:#7c5cff0f;border-radius:6px}.bars-stack{display:flex;flex-direction:column-reverse;gap:2px;width:100%;max-width:26px;margin:0 auto;min-height:0}.bars-stack i{display:block;min-height:2px}.bars-stack i:last-child{border-radius:4px 4px 0 0}.bars-x{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;color:#8a8797;white-space:nowrap}.bars-tip{position:absolute;top:0;transform:translate(-30%);background:#fff;border:1px solid #e3ddf2;box-shadow:0 6px 18px #0000001a;border-radius:10px;padding:8px 10px;font-size:13px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:2;white-space:nowrap}.bars-table{margin-top:8px;font-size:13px}.bars-table summary{cursor:pointer;opacity:.6}.bars-table table{border-collapse:collapse;margin-top:6px}.bars-table td,.bars-table th{padding:2px 10px;border-bottom:1px solid #f0edf6}.modal-box.inline{position:relative;z-index:1;max-height:none}.kid-form{display:flex;flex-direction:column;gap:10px;text-align:start}.kid-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.kid-form .lbl{font-weight:600;margin-top:4px}.kid-form .pick{display:flex;flex-wrap:wrap;gap:6px}.kid-form .pick button{font-size:26px;background:#fff;border:2px solid #e8e0f5;border-radius:12px;padding:4px 8px;color:var(--ink)}.kid-form .pick.inst button{font-size:22px;display:flex;flex-direction:column;align-items:center;min-width:70px}.kid-form .pick.inst small{font-size:12px}.kid-form .pick.ages button{font-size:16px;padding:6px 14px}.kid-form .pick button.sel{border-color:var(--violet);background:#efe9ff}.kid-form input{font:inherit;font-size:20px;padding:10px 14px;border-radius:14px;border:2px solid #ddd}.parents-b{margin-top:30px!important;opacity:.75!important;position:relative}.rate-box,.tour{text-align:center;align-items:center}.rate-box input{width:100%;font:inherit;font-size:18px;padding:10px 14px;border-radius:14px;border:2px solid #ddd}.faces{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.faces button{background:none;border:2px solid transparent;border-radius:16px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;color:var(--ink)}.faces button span{font-size:42px;transition:transform .15s}.faces button:hover span{transform:scale(1.15)}.faces button.sel{border-color:var(--violet);background:#efe9ff}.faces small{font-size:13px}.tour-e{font-size:70px}.tour p{font-size:18px;line-height:1.55;margin:0}.tour-dots{display:flex;gap:6px}.tour-dots i{width:8px;height:8px;border-radius:50%;background:#ddd}.tour-dots i.on{background:var(--violet)}.modal-box .row-acts{justify-content:center}.who .modal-box.inline{color:var(--ink);width:min(560px,100%)}.l-plan .pill{align-self:flex-start}@media(max-width:500px){.l-insts{grid-template-columns:1fr 1fr;gap:10px}.l-insts li{padding:14px}.l-insts span{font-size:28px}.l-why>div,.l-steps li{padding:20px}}.form label small,.ref-in small{font-weight:400;opacity:.7}.l-hero-insts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;padding:0}.l-hero-insts li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:15px;font-weight:600}.l-hero-insts li span{font-size:18px;line-height:1}.l-more a{color:var(--gold, #ffcf4a);font-weight:700}.st-wrap{max-width:1150px;margin:0 auto;padding:28px clamp(16px,4vw,40px) 60px;color:var(--ink, #241a52)}.st-head h1,.st-hero h1,.gd-article h1{font-family:Fredoka,Rubik,sans-serif;line-height:1.1;margin:0 0 12px}.st-head h1{font-size:clamp(30px,4vw,46px)}.st-head .lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;max-width:820px;margin:0 0 18px}.st-h2{font-size:24px;margin:30px 0 14px}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.st-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--s-paper, #fff);color:var(--s-ink, #241a52);text-decoration:none;box-shadow:0 8px 26px #140a2824;transition:transform .2s}.st-card:hover{transform:translateY(-3px)}.st-cover{aspect-ratio:16 / 10;overflow:hidden;background:var(--s-bg)}.st-cover svg{width:100%;height:100%;display:block}.st-body{padding:14px 16px 16px}.st-body h3{margin:0 0 6px;font-size:20px;color:var(--s-accent, inherit);font-family:var(--s-title),"Fredoka",sans-serif}.st-body p{margin:0 0 10px;font-size:15px;line-height:1.5}.st-meta{display:flex;flex-wrap:wrap;gap:6px}.st-meta span{font-size:13px;padding:3px 9px;border-radius:999px;background:#7f7f7f24}.st-cta{margin:36px 0 0;padding:24px;border-radius:20px;background:#1d1440;color:#fff;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.st-cta p{margin:0;font-size:18px}.st-crumbs{font-size:14px;margin-bottom:14px;opacity:.8}.st-crumbs a{color:inherit}.st-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);border-radius:22px;overflow:hidden;background:var(--s-paper);color:var(--s-ink);box-shadow:0 18px 50px #140a2838}.st-hero-art{aspect-ratio:16 / 10;background:var(--s-bg)}.st-hero-art svg{width:100%;height:100%;display:block}.st-hero-txt{padding:clamp(18px,3vw,36px);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.st-hero h1{font-size:clamp(28px,3.4vw,44px);color:var(--s-accent);font-family:var(--s-title),"Fredoka",sans-serif}.st-sub{margin:-6px 0 0;font-size:19px;opacity:.85}.st-blurb{font-size:18px;line-height:1.6;margin:0}.st-sec{margin-top:36px}.st-sec h2{font-size:26px;margin:0 0 14px}.st-sec p{font-size:17px;line-height:1.65;max-width:860px}.st-tags{display:flex;flex-wrap:wrap;gap:8px}.st-tags span{font-size:14px;padding:4px 11px;border-radius:999px;background:#7f7f7f24}.gd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.gd-card{display:block;padding:20px 22px;border-radius:18px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 8px 26px #140a281a;transition:transform .2s}.gd-card:hover{transform:translateY(-3px)}.gd-card h2,.gd-card h3{margin:0 0 8px;font-size:21px;line-height:1.25}.gd-card p{margin:0 0 10px;line-height:1.55}.gd-meta{font-size:14px;opacity:.7}.gd-article{max-width:760px;font-size:18px;line-height:1.75}.gd-article h1{font-size:clamp(30px,4vw,44px)}.gd-article h2{font-size:27px;margin:1.6em 0 .5em;line-height:1.25}.gd-article h3{font-size:21px;margin:1.3em 0 .4em}.gd-article li{margin-bottom:.35em}.gd-article a{color:#5b3fc4;font-weight:600}@media(max-width:860px){.st-hero{grid-template-columns:1fr}}body,.spread,.nt-heb,.nt-legend,.dr-key,.dr-name{direction:ltr}.dr-name{text-align:left}.turn.fwd{--from: 50px;--rot: -3deg}.turn.back{--from: -50px;--rot: 3deg}.ribbon.reading i{inset:auto auto 0 0}.who-del{left:auto;right:-8px}.mstep.design-b .mstep-art{margin:0 18px 12px 0;transform:rotate(-2.5deg)}@media(max-width:900px),(orientation:portrait){.mstep.design-b .mstep-art{margin:4px auto 14px}}@media(orientation:landscape)and (max-height:540px){.mstep.design-b .mstep-art{margin:0 14px 8px 0}}.nt-note:has(.nt-letter) .nt-heb{display:none}.inst-level b{white-space:nowrap}@media(max-width:520px){.tabs{margin-inline-start:2px}.tabs button{padding:6px 9px;line-height:1.15}.inst-level{padding:4px 8px;gap:6px}}@media(max-width:380px){.topbar{padding-inline:8px;gap:6px}.inst-level>span:first-child{display:none}}