.ob{--paper: #fbf8f3;--paper-2: #efeae1;--line: #ebe5da;--line-2: #e3ddd2;--ink: #1f1d2b;--ink-muted: #6d6878;--ink-faint: #9a94a3;--gold-shade: #b88414;--success: #43b86a;--mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:light;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--screen);transition:background .3s;font-family:Bricolage Grotesque,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.ob *,.ob *:before,.ob *:after{box-sizing:border-box}:where(.ob) :where(button){font:inherit;color:inherit;border:0;background:none;padding:0;text-align:inherit;cursor:pointer}.ob input{font-family:inherit}.ob input::placeholder{color:var(--ink-faint)}.ob h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.ob p{margin:0}.ob-frame{position:relative;height:100%;max-width:440px;margin:0 auto;overflow:hidden}.ob-head{position:absolute;top:0;left:0;right:0;z-index:2;padding:max(54px,env(safe-area-inset-top)) 20px 0;display:flex;align-items:center;gap:14px;transition:opacity .3s}.ob-back{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ink-faint)}.ob-progress{flex:1;height:14px;border-radius:7px;background:var(--line);overflow:hidden}.ob-progress>div{height:100%;border-radius:7px;background:var(--c);transition:width .45s cubic-bezier(.3,1.2,.5,1),background .3s}.ob-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.3,1,.35,1)}.ob-screen{flex:0 0 100%;height:100%;overflow-y:auto;padding:112px 24px max(34px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.ob-sub{font-size:15px;color:var(--ink-muted)}.ob-label,.ob-meta{font:700 11px var(--mono);color:var(--ink-faint);margin-top:6px}.ob-meta{font-size:12px;color:var(--c);margin-top:0}.ob-mono{font-family:var(--mono);font-size:13px}.ob-list{display:flex;flex-direction:column}.ob-list-8{gap:8px}.ob-list-10{gap:10px;margin-top:10px}.ob-list-12{gap:12px;margin-top:10px}.ob-stack{display:flex;flex-direction:column;gap:12px}.ob-btn{display:block;width:100%;text-align:center;padding:16px;border-radius:16px;font-weight:800;font-size:17px;transition:background .25s,transform 80ms,box-shadow 80ms}.ob-btn:active{transform:translateY(5px);box-shadow:0 0 0 transparent}.ob-btn-primary{background:var(--c);color:#fff;box-shadow:0 5px 0 var(--sh)}.ob-btn-off{background:#e6e0d6;color:#a39d93;box-shadow:0 5px #cfc7ba;cursor:default}.ob-btn-off:active{transform:none;box-shadow:0 5px #cfc7ba}.ob-btn-dark{background:var(--ink);color:#fff;box-shadow:0 5px #000}.ob-btn-white{background:#fff;color:#ef6f4f;box-shadow:0 5px #c4522f}.ob-btn-secondary{background:#fff;border:2px solid var(--line-2);font-weight:700;box-shadow:0 4px 0 var(--line-2)}.ob-bottom{margin-top:auto}.ob-tile{display:flex;align-items:center;gap:16px;width:100%;border:2px solid;transition:background .25s,border-color .25s,box-shadow .25s,transform 80ms}.ob-tile:active{transform:translateY(4px);box-shadow:0 0 0 transparent!important}.ob-inst{padding:14px;border-radius:20px}.ob-art{width:72px;height:72px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;font:500 8px var(--mono);color:var(--ink-muted)}.ob-inst-text,.ob-option>span:first-child,.ob-song-text{flex:1;min-width:0;display:flex;flex-direction:column}.ob-inst-text b{font-weight:800;font-size:19px}.ob-inst-text small,.ob-song-text small{font-size:13px;color:var(--ink-muted)}.ob-check{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid;transition:background .25s}.ob-option{justify-content:space-between;padding:16px 18px;border-radius:18px}.ob-option b{font-weight:800;font-size:18px}.ob-option small{font-size:14px;color:var(--ink-muted);margin-top:2px}.ob-notes{font:700 14px var(--mono);color:var(--gold-shade)}.ob-soon{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink-muted)}.ob-soon i{font-style:normal;padding:4px 10px;border-radius:999px;background:var(--paper-2)}.ob-search{display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:16px;background:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.ob-search-icon{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--ink-muted)}.ob-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:14px 0;font-size:17px;color:var(--ink)}.ob-song{display:flex;align-items:center;gap:14px;width:100%;padding:10px 12px;border-radius:16px;border:2px solid;transition:background .2s,border-color .2s}.ob-song-art{width:44px;height:44px;flex:none;border-radius:12px;border:2px solid var(--c);background:repeating-linear-gradient(135deg,var(--tint) 0 5px,#fff 5px 10px)}.ob-song-text b{font-weight:800;font-size:16px}.ob-custom{width:100%;padding:14px 16px;border-radius:16px;border:2px dashed var(--c);font-weight:700;color:var(--sh)}.ob-row-card{margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:18px;background:#fff;border:2px solid var(--line);font-weight:800;font-size:17px}.ob-toggle{width:52px;height:30px;flex:none;border-radius:15px;position:relative;transition:background .25s}.ob-toggle span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 3px #0003;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.ob-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;transition:opacity .3s}.ob-times button{text-align:center;padding:14px 0;border-radius:16px;border:2px solid;font:700 16px var(--mono);transition:background .2s,color .2s,border-color .2s}.ob-times button:disabled{cursor:default}.ob-welcome{padding-top:0;color:#fff}.ob-welcome-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.ob-logo{display:flex;align-items:center;font-weight:800;font-size:52px;letter-spacing:-.04em}.ob-tagline{font-size:20px;text-align:center;line-height:1.35;max-width:280px}.ob-link-white{display:block;text-align:center;padding:12px;font-weight:700;font-size:15px;color:#fff;text-decoration:none}.ob-error-inline{text-align:center;font-size:14px}.ob-note{position:relative;width:57.4px;height:69.9px;margin-left:9.9px;margin-top:-28.6px;transform-origin:0% 100%;animation:ob-bounce .69s cubic-bezier(.4,0,.6,1) infinite}.ob-note-head{position:absolute;left:0;bottom:0;width:38.5px;height:33px;border-radius:50%;background:#fff;transform:rotate(-20deg)}.ob-note-stem{position:absolute;left:31.9px;bottom:17.6px;width:6.6px;height:48.4px;border-radius:3.3px;background:var(--ink)}.ob-note-flag{position:absolute;left:35.2px;bottom:35.2px;width:18.7px;height:30.8px;border-top:6.6px solid var(--ink);border-right:6.6px solid var(--ink);border-radius:0 15.4px 0 0}.ob-building{padding-top:96px;gap:0}.ob .ob-build-title{margin-top:10px;font-size:38px;line-height:1.05}.ob-steps{margin-top:40px;display:flex;flex-direction:column;gap:18px}.ob-step{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:600;transition:opacity .4s}.ob-step-icon{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center}.ob-spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--tint);border-top-color:var(--c);animation:ob-spin .8s linear infinite}.ob-done{width:26px;height:26px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.ob-pending{width:22px;height:22px;border-radius:50%;border:3px solid var(--line-2)}.ob-build-error{margin-top:40px;display:flex;flex-direction:column;gap:20px;font-size:17px}.ob-nodes{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:0 8px 20px}.ob-node{width:34px;height:34px;border-radius:50%;background:var(--c);box-shadow:0 5px 0 var(--sh);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.ob-node-boss{width:44px;height:44px;background:var(--ink);box-shadow:0 5px #000}.ob-ready{padding:0 0 max(34px,env(safe-area-inset-bottom));gap:0;color:#fff}.ob-ready-head{padding:96px 24px 0;display:flex;flex-direction:column;gap:10px}.ob-ready-head p{font-size:15px;opacity:.9}.ob-meta-light{color:#fff;opacity:.85}.ob .ob-ready-title{font-size:46px;letter-spacing:-.04em;line-height:1}.ob-ready-list{margin:28px 24px 0}.ob-ready-row{display:flex;justify-content:space-between;padding:14px 18px;border-radius:16px;background:#ffffff2e;font-weight:700}.ob-ready-boss{background:#fff;color:var(--ink)}.ob .ob-ready-cta{margin-left:24px;margin-right:24px;width:auto;color:var(--ink);box-shadow:0 5px #00000040}.ob .ob-ready-cta:active{box-shadow:0 0 0 transparent}.ob-page{overflow-y:auto}.ob-auth{min-height:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;padding:32px 64px;padding-bottom:max(34px,env(safe-area-inset-bottom))}.ob-wordmark{align-self:flex-start;display:inline-flex;align-items:center;font-weight:800;font-size:24px;letter-spacing:-.03em;color:var(--ink);text-decoration:none}.ob-note-sm{position:relative;display:inline-block;width:24px;height:29.1px;margin-left:4px;margin-top:-12px;flex:none}.ob-note-sm-head{position:absolute;left:0;bottom:0;width:16px;height:13.6px;border-radius:50%;background:#ef6f4f;transform:rotate(-20deg)}.ob-note-sm-stem{position:absolute;left:13.2px;bottom:7.5px;width:2.8px;height:20px;border-radius:1.6px;background:var(--ink)}.ob-note-sm-flag{position:absolute;left:14.8px;bottom:14.7px;width:8px;height:12.8px;border-top:2.8px solid var(--ink);border-right:2.8px solid var(--ink);border-radius:0 6.4px 0 0}.ob-auth-body{margin:auto;width:100%;max-width:420px;padding:32px 0}.ob-auth-form{display:flex;flex-direction:column;gap:18px}.ob .ob-auth-title{font-size:44px;margin-bottom:18px;text-align:center}.ob-auth-sub{font-size:16px;color:var(--ink-muted)}.ob-auth-sub b{color:var(--ink)}.ob-or{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--ink-faint)}.ob-or:before,.ob-or:after{content:"";flex:1;border-top:2px solid var(--line)}.ob .ob-code{font:700 24px var(--mono);letter-spacing:.4em;text-align:center}.ob-auth-note,.ob-auth-fine{font-size:14px;color:var(--ink-muted);text-align:center;line-height:1.5}.ob-auth-fine{margin-top:18px!important;font-size:13px}.ob-auth-fine a{color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px}.ob-field{display:flex;flex-direction:column;gap:6px}.ob-field-head{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.ob-field input{padding:14px 16px;border-radius:14px;border:2px solid var(--line-2);background:#fff;font-size:16px;color:var(--ink);outline:0;transition:border-color .2s}.ob-field input:focus{border-color:var(--ink)}.ob-text-link{font-size:14px;font-weight:700;color:var(--c);cursor:pointer}.ob-center{text-align:center}.ob-auth-error{font-size:14px;color:#b3263c;background:#fde4e7;padding:10px 14px;border-radius:12px}.ob-auth-foot{text-align:center;font-size:14px;color:var(--ink-muted)}.ob-auth-foot a{color:var(--c);font-weight:700;text-decoration:none}.ob-auth-foot a:hover{color:var(--ink)}.ob .ob-btn:disabled{opacity:.7;cursor:default}@media(max-width:640px){.ob-auth{padding:60px 24px 34px}.ob-wordmark{font-size:20px}.ob-auth-body{margin:48px 0 auto;padding:0 0 24px}.ob .ob-auth-form{gap:16px}.ob .ob-auth-title{font-size:36px;margin-bottom:16px}}.ob-save{gap:16px;padding-top:96px}.ob .ob-save-title{font-size:34px;line-height:1.05}.ob-later{margin-top:auto;text-align:center;font-weight:700;color:var(--ink-faint);padding:8px}.ob-save .ob-auth-form{gap:12px}@keyframes ob-bounce{0%,to{transform:translateY(0) scaleX(1.1)}40%{transform:translateY(-22px) scaleY(1.08)}55%{transform:translateY(-24px) scaleY(1.08)}85%{transform:translateY(0) scale(1.25,.85)}}@keyframes ob-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ob-note{animation:none}.ob-spinner{animation-duration:2.4s}}.ob-cleared-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:#dff3e6;color:#1f7a3e;font-weight:800}.ob-cleared-banner span{width:24px;height:24px;flex:none;border-radius:50%;background:#43b86a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.ob-web{overflow-y:auto}.ob-web-head{display:flex;justify-content:space-between;align-items:center;padding:32px 64px}.ob-web-logo{display:inline-flex;align-items:center;font-weight:800;font-size:24px;letter-spacing:-.03em}.ob-web-step{display:flex;align-items:center;gap:12px;font:700 12px var(--mono);color:var(--ink-faint)}.ob-web-step>div{width:120px;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.ob-web-step>div i{display:block;width:50%;height:100%;background:var(--ink);border-radius:4px}.ob-web-step a{margin-left:12px;color:var(--ink);font-family:inherit;font-size:15px;text-decoration:none}.ob-web-main{max-width:1440px;margin:0 auto;padding:60px 64px 64px;display:grid;grid-template-columns:1fr 624px;gap:64px;align-items:center;min-height:calc(100dvh - 110px)}.ob-web-sentence{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:72px;font-weight:800;letter-spacing:-.04em;line-height:1.1}.ob-web-song{font:inherit;letter-spacing:inherit;color:var(--ink);background:#fff;border:4px solid var(--ink);border-radius:22px;box-shadow:0 7px 0 var(--ink);padding:4px 20px;outline:0;max-width:100%}.ob-web-song::placeholder{color:var(--line-2)}.ob-web-inst{display:inline-block;padding:0 18px;border-radius:22px;background:var(--c);color:#fff;box-shadow:0 7px 0 var(--sh);transition:background .25s,box-shadow .25s}.ob-web-side{display:flex;flex-direction:column;gap:22px}.ob-web-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ob-web-tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 14px 18px;border-radius:22px;background:#fff;border:2px solid var(--line-2);box-shadow:0 5px 0 var(--line-2);font-weight:800;font-size:19px;transition:background .25s,border-color .25s,box-shadow .25s,transform 80ms}.ob-web-tile.on{background:var(--tint);border-color:var(--c);box-shadow:0 5px 0 var(--c)}.ob-web-tile:active{transform:translateY(5px);box-shadow:none}.ob-web-art{width:100%;aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font:500 10px var(--mono);color:var(--ink-muted)}.ob-web-label{font-weight:700;font-size:15px;color:var(--ink-muted);margin-bottom:-10px}.ob-web-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ob-web-levels button{padding:14px;border-radius:14px;border:2px solid var(--line-2);font-weight:800;font-size:16px;color:var(--ink-muted);text-align:center;transition:border-color .2s,color .2s}.ob-web-levels button.on{border-color:var(--ink);color:var(--ink);background:#fff}.ob-btn:disabled{opacity:.5;cursor:default}@media(max-width:1199px){.ob-web-main{grid-template-columns:1fr;gap:40px;padding-top:24px}.ob-web-sentence{font-size:56px}}.ob .ob-web-head{border:0;margin:0}.ob .ob-web-song:focus-visible{outline:0;box-shadow:0 7px 0 var(--c);border-color:var(--c)}.ob-web-song::-webkit-calendar-picker-indicator{display:none!important;opacity:0}.md{--paper: #fbf8f3;--paper-2: #efeae1;--line: #ebe5da;--line-2: #e3ddd2;--ink: #1f1d2b;--ink-muted: #6d6878;--ink-faint: #9a94a3;--night: #17161f;--night-2: #23212c;--night-3: #2a2834;--night-4: #3a3846;--gold: #f5b83d;--gold-sh: #b88414;--gold-text: #e08a1e;--err: #e2445c;--err-sh: #b3263c;--err-tint: #fde4e7;--ok: #43b86a;--ok-sh: #2c8a4c;--ok-tint: #dff3e6;--ok-text: #1f7a3e;--locked: #e6e0d6;--locked-sh: #cfc7ba;--locked-fg: #a39d93;--mono: "JetBrains Mono", ui-monospace, monospace;--c: #ef6f4f;--sh: #c4522f;--tint: #fde7e0;color-scheme:light;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:Bricolage Grotesque,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.md *,.md *:before,.md *:after{box-sizing:border-box}:where(.md) :where(button){font:inherit;color:inherit;border:0;background:none;padding:0;text-align:inherit;cursor:pointer}:where(.md) :where(h1,h2,h3,p){margin:0}:where(.md) :where(a){color:inherit;text-decoration:none}.md .mono{font-family:var(--mono)}.md-btn{display:block;width:100%;text-align:center;padding:15px 16px;border-radius:16px;font-weight:800;font-size:17px;background:var(--c);color:#fff;box-shadow:0 5px 0 var(--sh);transition:background .25s,transform 80ms,box-shadow 80ms}.md-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 transparent}.md-btn:disabled,.md-btn.off{background:var(--locked);color:var(--locked-fg);box-shadow:0 5px 0 var(--locked-sh);cursor:default}.md-btn.dark{background:var(--ink);box-shadow:0 5px #000}.md-btn.white{background:#fff;color:var(--c);box-shadow:0 5px 0 var(--sh)}.md-btn.gold{background:var(--gold);color:var(--ink);box-shadow:0 5px 0 var(--gold-sh)}.md-btn.ok{background:var(--ok);box-shadow:0 5px 0 var(--ok-sh)}.md-btn.err{background:var(--err);box-shadow:0 5px 0 var(--err-sh)}.md-btn.secondary{background:#fff;color:var(--ink);border:2px solid var(--line-2);box-shadow:0 4px 0 var(--line-2);font-weight:700}.md-btn.inline{display:inline-block;width:auto;padding:14px 26px}.md-logo{display:inline-flex;align-items:center;font-weight:800;font-size:22px;letter-spacing:-.03em;color:var(--ink)}.md-logo-note{position:relative;display:inline-block;width:22px;height:26.7px;margin-left:3.7px;margin-top:-11px;flex:none}.md-logo-note i{position:absolute;display:block}.md-logo-note i:nth-child(1){left:0;bottom:0;width:14.7px;height:12.5px;border-radius:50%;background:#ef6f4f;transform:rotate(-20deg)}.md-logo-note i:nth-child(2){left:12.1px;bottom:6.9px;width:2.6px;height:18.3px;border-radius:1.5px;background:var(--ink)}.md-logo-note i:nth-child(3){left:13.6px;bottom:13.5px;width:7.3px;height:11.7px;border-top:2.6px solid var(--ink);border-right:2.6px solid var(--ink);border-radius:0 5.9px 0 0}.md-stats{display:flex;gap:16px;font:700 15px var(--mono);align-items:center}.md-stats span{display:flex;align-items:center;gap:6px}.md-stat-streak{color:var(--gold-text)}.md-stat-streak:before{content:"";width:12px;height:12px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg)}.md-stat-notes{color:var(--gold-sh)}.md-stat-notes:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid #e0a52d}.md-stat-hearts{color:var(--err)}.md-shell{display:flex;min-height:100dvh}.md-side{width:240px;flex:none;border-right:2px solid var(--paper-2);padding:28px 18px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100dvh}.md-side .md-logo{padding:0 10px}.md-nav{display:flex;flex-direction:column;gap:4px;font-size:16px;font-weight:700}.md-nav a{padding:11px 14px;border-radius:14px;color:var(--ink-muted);border:2px solid transparent;transition:background .2s,color .2s}.md-nav a:hover{background:var(--paper-2)}.md-nav a.on{background:var(--tint);color:var(--sh);border-color:color-mix(in srgb,var(--c) 35%,var(--tint))}.md-nav a.dim{opacity:.45}.md-insts{display:flex;flex-direction:column;gap:4px;padding:0 4px}.md-label{font:700 11px var(--mono);color:var(--ink-faint);letter-spacing:.02em}.md-insts .md-label{padding:0 10px 4px}.md-inst-row{display:flex;align-items:center;gap:10px;padding:8px 10px;font-weight:600;border-radius:12px}.md-inst-row:hover,.md-inst-row.on{background:var(--paper-2)}.md-inst-row.add{color:var(--ink-faint)}.md-swatch{width:12px;height:12px;border-radius:4px;flex:none}.md-swatch.dashed{border:2px dashed var(--locked-sh)}.md-main{flex:1;min-width:0;display:flex;flex-direction:column}.md-topbar,.md-tabs{display:none}@media(max-width:899px){.md-side{display:none}.md-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top)) 20px 12px;border-bottom:2px solid var(--paper-2);position:sticky;top:0;background:var(--paper);z-index:5}.md-tabs{margin-top:auto;display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--paper-2);padding:10px 6px max(14px,env(safe-area-inset-bottom));background:var(--paper);position:sticky;bottom:0;z-index:5}.md-tabs a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--ink-faint)}.md-tabs a i{width:26px;height:26px;border-radius:9px;border:2px solid #d8d2c7}.md-tabs a:last-child i{border-radius:50%}.md-tabs a.on{color:var(--c);font-weight:700}.md-tabs a.on i{background:var(--tint);border-color:var(--c)}.md-tabs a.dim{opacity:.45}}.md-inst-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--tint);color:var(--sh);font-weight:800;font-size:14px;position:relative}.md-inst-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:10;min-width:180px;background:#fff;border:2px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 10px 30px -12px #00000040}.md-home{display:flex;gap:40px;padding:28px 40px 40px;justify-content:center}.md-home-center{flex:1;max-width:600px;min-width:0;display:flex;flex-direction:column}.md-rail{width:340px;flex:none;display:flex;flex-direction:column;gap:16px}@media(max-width:1199px){.md-rail{display:none}.md-home{padding:28px 24px 40px}}@media(max-width:899px){.md-home{padding:14px 16px 24px}}.md-banner{width:100%;padding:20px 24px;border-radius:22px;background:var(--c);color:#fff;box-shadow:0 6px 0 var(--sh);display:flex;justify-content:space-between;align-items:center;gap:16px}.md-banner .md-label{color:#fff;opacity:.85;font-size:12px}.md-banner h1{font-weight:800;font-size:28px;letter-spacing:-.02em;line-height:1.15}.md-banner p{font-size:14px;opacity:.9}.md-banner-btn{flex:none;padding:11px 16px;border-radius:14px;border:2px solid rgba(255,255,255,.5);font-weight:700;font-size:14px;color:#fff}.md-banner-btn:hover{background:#ffffff1f}@media(max-width:899px){.md-banner{padding:16px 18px;border-radius:20px;box-shadow:0 5px 0 var(--sh)}.md-banner h1{font-size:22px}.md-banner p{font-size:13px}.md-banner-btn{padding:9px 12px;border-radius:12px;font-size:13px}}.md-map-section{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0 6px}.md-map-head{display:flex;align-items:center;gap:10px;width:min(360px,100%);font:700 11px var(--mono);color:var(--ink-faint)}.md-map-head:before,.md-map-head:after{content:"";flex:1;height:2px;background:var(--line)}.md-node-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.md-node-wrap.now{margin-top:30px}.md-node{width:72px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 15px var(--mono);position:relative;background:var(--locked);color:var(--locked-fg);box-shadow:0 6px 0 var(--locked-sh);transition:transform 80ms,box-shadow 80ms}.md-node.boss{width:96px;height:80px;border-radius:26px}.md-node.done,.md-node.now{background:var(--c);color:#fff;box-shadow:0 6px 0 var(--sh)}.md-node.now{box-shadow:0 6px 0 var(--sh),0 0 0 8px var(--tint)}button.md-node:active{transform:translateY(6px);box-shadow:0 0 0 transparent}.md-node.now:active{box-shadow:0 0 0 8px var(--tint)}.md-node-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:4px solid var(--c);animation:md-pulse 1.6s ease-out infinite;pointer-events:none}.md-node-start{position:absolute;top:-34px;padding:5px 12px;border-radius:10px;background:#fff;border:2px solid var(--line);font-weight:800;font-size:13px;color:var(--c);white-space:nowrap}.md-node-label{font-size:13px;font-weight:600;margin-top:4px;color:var(--locked-fg);text-align:center;max-width:160px}.md-node-wrap.done .md-node-label,.md-node-wrap.now .md-node-label{color:var(--ink)}.md-card{border:2px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px;background:#fff}.md-card h2{font-weight:800;font-size:18px}.md-card-row{display:flex;justify-content:space-between;align-items:baseline}.md-bar{height:16px;border-radius:8px;background:var(--paper-2);overflow:hidden}.md-bar>div{height:100%;border-radius:8px;background:var(--gold);transition:width .3s}.md-muted{color:var(--ink-muted)}.md-small{font-size:14px}.md-song-row{display:flex;align-items:center;gap:12px;padding:4px;margin:-4px;border-radius:14px}.md-song-row:hover{background:var(--paper)}.md-song-art{width:40px;height:40px;border-radius:12px;flex:none}.md-song-row b{display:block;font-size:15px}.md-song-row small{font-size:13px;color:var(--ink-muted)}.md-dark-card{background:var(--ink);color:#fff;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px}.md-dark-card .md-label{color:var(--gold)}.md-dark-card a,.md-dark-card button{font-weight:800;color:var(--gold);margin-top:4px;align-self:flex-start}.md-empty{display:flex;flex-direction:column;align-items:center;gap:18px;padding:48px 0;text-align:center}.md-empty-nodes{display:flex;flex-direction:column;align-items:center;gap:16px}.md-empty-nodes i{display:block;width:72px;height:64px;border-radius:50%;background:var(--locked);box-shadow:0 6px 0 var(--locked-sh);opacity:.7}.md-empty-nodes i:nth-child(2){transform:translate(-50px)}.md-empty-nodes i:nth-child(3){transform:translate(30px)}.md-empty h1{font-size:36px;font-weight:800;letter-spacing:-.03em}.md-level{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:max(24px,env(safe-area-inset-top)) 20px 0}.md-level.dark{background:var(--night);color:var(--paper)}.md-level-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;flex:1;padding-bottom:180px}.md-level-top{display:flex;align-items:center;gap:14px}.md-close{font-size:24px;color:var(--ink-faint);width:32px}.md-level.dark .md-close{color:var(--ink-muted)}.md-level-progress{flex:1;height:14px;border-radius:7px;background:var(--line);overflow:hidden}.md-level.dark .md-level-progress{background:var(--night-3)}.md-level-progress>div{height:100%;border-radius:7px;background:var(--c);transition:width .3s}.md-level-hearts{font:700 15px var(--mono);color:var(--err)}.md-level-bpm{font:700 13px var(--mono);color:var(--c)}.md-kicker{margin-top:28px;font:700 12px var(--mono);color:var(--c);text-transform:uppercase}.md-level h1{margin-top:6px;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.md-level h1 em{font-style:normal;color:var(--c)}.md-level-sub{margin-top:8px;font-size:15px;color:var(--ink-muted)}@media(min-width:900px){.md-level{padding:36px 120px 0}.md-close{font-size:28px}.md-level-progress{height:18px;border-radius:9px}.md-level-hearts{font-size:18px}.md-kicker{margin-top:48px;font-size:13px}.md-level h1{font-size:48px;margin-top:8px}.md-level-sub{font-size:17px}}.md-sheet{position:fixed;left:0;right:0;bottom:0;z-index:4;padding:18px 20px max(34px,env(safe-area-inset-bottom));background:var(--paper);transition:background .3s;display:flex;flex-direction:column;gap:12px}.md-level.dark .md-sheet{background:var(--night)}.md-sheet.ok{background:var(--ok-tint);color:var(--ok-text)}.md-sheet.err{background:var(--err-tint);color:var(--err-sh)}.md-sheet-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.md-sheet-title{font-weight:800;font-size:19px}.md-sheet-text{font-size:14px;margin-top:-6px}@media(min-width:900px){.md-sheet{padding:24px 120px 36px}.md-sheet-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.md-sheet-inner .md-btn{width:auto;min-width:220px}.md-sheet-text{margin-top:4px;font-size:15px}}.md-fretboard{margin-top:28px;background:#fff;border:2px solid var(--line);border-radius:20px;padding:18px 14px 12px;width:100%;max-width:760px}.md-fret-nums{display:flex;margin-left:22px;font:500 11px var(--mono);color:var(--ink-faint);margin-bottom:6px}.md-fret-nums span{flex:1;text-align:center}.md-string{display:flex;align-items:center;height:40px}.md-string-name{width:16px;font:700 12px var(--mono);color:var(--ink-muted)}.md-nut{width:4px;height:40px;background:var(--ink);margin-left:2px}.md-nut.up{background:var(--line-2)}.md-cell{flex:1;height:40px;position:relative;border-right:2px solid #d8d2c7;display:flex;align-items:center;justify-content:center}.md-cell:before{content:"";position:absolute;left:0;right:0;top:50%;height:var(--gauge);background:#b5ad9f;transform:translateY(-50%)}.md-dot{position:relative;width:28px;height:28px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .12s,background .2s}.md-dot.on{transform:scale(1)}.md-dot.ok{background:var(--ok)}.md-dot.bad{background:var(--err)}.md-hint{margin-top:12px;display:flex;gap:8px;font-size:13px;color:var(--ink-muted);align-items:center}.md-hint:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}@media(min-width:900px){.md-string,.md-nut,.md-cell{height:52px}.md-dot{width:34px;height:34px}}.md-seq{margin-top:22px;display:flex;gap:8px}.md-seq span{flex:1;text-align:center;padding:10px 0;border-radius:12px;font:700 15px var(--mono);background:#fff;border:2px solid var(--line);transition:background .25s,color .25s,border-color .25s}.md-seq span.done{background:var(--c);color:#fff;border-color:var(--c)}.md-seq span.now{background:var(--tint);border-color:var(--c)}@media(min-width:900px){.md-seq{max-width:520px}.md-seq span{font-size:18px;padding:12px 0}}.md-keys{margin-top:36px;position:relative;height:240px;display:flex}.md-white{flex:1;height:100%;border:2px solid var(--ink);border-right-width:0;border-radius:0 0 10px 10px;background:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;box-shadow:inset 0 -6px 0 var(--paper-2);font:700 11px var(--mono);color:var(--ink-faint);transition:background .15s}.md-keys:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--ink)}.md-black{position:absolute;top:0;width:6%;height:58%;border-radius:0 0 7px 7px;background:var(--ink);transition:background .15s;box-shadow:inset 0 -6px #00000059}.md-white.sel,.md-black.sel{background:var(--c);color:#fff;box-shadow:inset 0 -6px #0003}.md-white.ok,.md-black.ok{background:var(--ok);color:#fff}.md-white.bad,.md-black.bad{background:var(--err);color:#fff}@media(min-width:900px){.md-keys{height:340px;margin-top:56px}.md-white{border-radius:0 0 16px 16px;font-size:16px;padding-bottom:18px;box-shadow:inset 0 -8px 0 var(--paper-2)}.md-black{border-radius:0 0 12px 12px}}.md-grid{margin-top:26px;display:flex;flex-direction:column;gap:8px}.md-grid-row{display:flex;align-items:center;gap:8px}.md-grid-row>span{width:44px;font:700 11px var(--mono);color:var(--ink-faint)}.md-steps{flex:1;display:grid;gap:3px}.md-step{height:34px;border-radius:6px;background:var(--night-2);transition:transform .08s}.md-level:not(.dark) .md-step{background:var(--paper-2)}.md-step.bar{margin-left:4px}.md-step.head{background:var(--night-4)}.md-level:not(.dark) .md-step.head{background:var(--line-2)}.md-step.note{background:var(--row)}.md-step.note.head{background:#fff;transform:scale(1.12)}.md-level:not(.dark) .md-step.note.head{background:var(--ink)}.md-step-token{display:flex;align-items:center;justify-content:center;font:700 12px var(--mono);color:#fff}.md-hit{height:56px;display:flex;align-items:center;justify-content:center;margin-top:22px;font-size:30px;font-weight:800;letter-spacing:-.02em}.md-hit span{animation:md-pop .3s ease-out}.md-counts{display:flex;justify-content:center;gap:24px;font:700 13px var(--mono);color:var(--ink-faint)}.md-pads{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.md-pad{height:120px;border-radius:22px;background:var(--pad);color:#fff;box-shadow:0 6px 0 var(--pad-sh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:18px;transition:transform 80ms,box-shadow 80ms;-webkit-user-select:none;user-select:none;touch-action:manipulation}.md-pad.wide{grid-column:span 2;height:84px}.md-pad:active,.md-pad.hit{transform:translateY(6px);box-shadow:0 0 0 transparent}.md-pad small{font:700 13px var(--mono);opacity:.65}.md-pad-toggle{grid-column:span 2;text-align:center;padding:14px;border-radius:16px;border:2px solid var(--night-4);font-weight:800;font-size:16px}.md-level:not(.dark) .md-pad-toggle{border-color:var(--line-2)}@media(min-width:900px){.md-grid-row>span{width:64px;font-size:13px}.md-steps{gap:6px}.md-step{height:56px;border-radius:10px}.md-hit{height:90px;font-size:40px}.md-pads{grid-template-columns:1fr 1fr 1fr 220px;gap:16px;margin-top:24px}.md-pad,.md-pad.wide{grid-column:auto;height:150px;border-radius:26px;font-size:22px;box-shadow:0 7px 0 var(--pad-sh)}.md-pad-toggle{grid-column:auto;height:150px;display:flex;align-items:center;justify-content:center;border-radius:26px;font-size:20px}}.md-now-chord{margin-top:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.md-now-name{font:800 72px var(--mono);letter-spacing:-.04em;color:var(--c);line-height:1}.md-next-name{font:700 20px var(--mono);color:var(--ink-faint)}.md-timeline{margin-top:24px;display:flex;gap:4px;flex-wrap:wrap}.md-timeline span{padding:6px 10px;border-radius:10px;font:700 13px var(--mono);background:#fff;border:2px solid var(--line)}.md-timeline span.done{background:var(--tint);border-color:var(--tint);color:var(--sh)}.md-timeline span.now{background:var(--c);border-color:var(--c);color:#fff}.md-tempo{display:flex;gap:8px;margin-top:20px}.md-chip{padding:8px 14px;border-radius:999px;border:2px solid var(--line-2);background:#fff;font-weight:700;font-size:14px;transition:background .25s,color .25s,border-color .25s}.md-chip.on{background:var(--c);border-color:var(--c);color:#fff}.md-cleared{position:relative;min-height:100dvh;background:var(--c);color:#fff;overflow:hidden}.md-cleared-inner{position:relative;max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:72px 22px max(34px,env(safe-area-inset-bottom))}.md-cleared .md-label{color:#fff;opacity:.85;font-size:12px}.md-cleared h1{margin-top:10px;font-size:56px;font-weight:800;line-height:.95;letter-spacing:-.04em}.md-cleared-sub{margin-top:14px;font-size:17px;line-height:1.4;opacity:.95}.md-tiles{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.md-tile{background:#fff;color:var(--ink);border-radius:18px;padding:14px 12px;box-shadow:0 5px 0 var(--sh)}.md-tile .md-label{opacity:1;font-size:10px}.md-tile b{display:block;font-size:28px;font-weight:800;margin-top:4px}.md-warm{margin-top:14px;background:var(--ink);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.md-warm .md-label{color:var(--gold);opacity:1;font-size:11px}.md-warm p{font-size:16px;line-height:1.4}.md-week{margin-top:14px;background:#ffffff24;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.md-week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.md-week-days div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:700}.md-week-days i{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.md-week-days i.on{background:var(--gold);border-color:var(--gold)}.md-confetti{position:absolute;left:0;right:0;top:0;height:440px;overflow:hidden;pointer-events:none}.md-confetti i{position:absolute;top:0;border-radius:3px;animation:md-fall linear infinite}.md-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17161f80;display:flex;align-items:flex-end;justify-content:center;z-index:20}.md-overlay-card{width:100%;max-width:480px;background:var(--paper);color:var(--ink);border-radius:28px 28px 0 0;padding:28px 24px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.md-overlay-card h2{font-size:28px;font-weight:800;letter-spacing:-.02em}@media(min-width:900px){.md-overlay{align-items:center}.md-overlay-card{border-radius:28px}}.md-page{padding:28px 40px 40px;max-width:960px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:18px}.md-page h1{font-size:44px;font-weight:800;letter-spacing:-.03em}@media(max-width:899px){.md-page{padding:20px 16px 24px}.md-page h1{font-size:32px}}.md-loading{padding:48px;color:var(--ink-faint);font-weight:600}.md-error{padding:12px 16px;border-radius:14px;background:var(--err-tint);color:var(--err-sh);font-weight:600;font-size:14px}@keyframes md-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}@keyframes md-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes md-fall{0%{transform:translateY(-40px) rotate(0)}to{transform:translateY(460px) rotate(540deg)}}@media(prefers-reduced-motion:reduce){.md-node-pulse,.md-confetti{display:none}.md-hit span{animation:none}}.md-search-row{display:flex;gap:10px;width:100%;max-width:520px}.md-input{flex:1;min-width:0;padding:14px 16px;border-radius:16px;border:2px solid var(--ink);background:#fff;box-shadow:0 4px 0 var(--ink);font:inherit;font-size:17px;color:var(--ink);outline:0}.md-input::placeholder{color:var(--ink-faint)}@media(max-width:599px){.md-search-row{flex-direction:column}}@media(max-width:899px){.md-wide-only{display:none}}.md-fretboard.lefty .md-string,.md-fretboard.lefty .md-fret-nums{flex-direction:row-reverse}.md-fretboard.lefty .md-fret-nums{margin-left:0;margin-right:22px}.md-fretboard.lefty .md-nut{margin-left:0;margin-right:2px}.md-fretboard.lefty .md-string-name{text-align:right}.md-fretboard.lefty .md-cell{border-right:0;border-left:2px solid #d8d2c7}.md-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.md-page-sub{font-size:16px;color:var(--ink-muted);margin-top:6px!important}.md-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.md-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:1099px){.md-grid-3,.md-grid-4{grid-template-columns:1fr 1fr}}@media(max-width:699px){.md-grid-3{grid-template-columns:1fr;gap:12px}.md-grid-4{gap:10px}}.md-toggle{width:52px;height:30px;flex:none;border-radius:15px;position:relative;background:#d8d2c7;transition:background .25s}.md-toggle.on{background:var(--ok)}.md-toggle span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 3px #0003;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.md-toggle.on span{transform:translate(22px)}.md-seg{position:relative;display:grid;padding:4px;border-radius:16px;background:var(--paper-2);font-weight:700;font-size:15px}.md-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;border-radius:12px;background:#fff;box-shadow:0 2px 0 var(--line-2);transition:transform .4s cubic-bezier(.3,1.35,.5,1)}.md-seg button{position:relative;text-align:center;padding:10px 0;color:var(--ink-muted);transition:color .25s}.md-seg button.on{color:var(--ink)}.md-seg.gold .md-seg-thumb{background:var(--gold);box-shadow:0 3px 0 var(--gold-sh)}.md-seg.gold button{font-family:var(--mono)}.md-select{padding:10px 14px;border-radius:14px;border:2px solid var(--line-2);background:#fff;font:inherit;font-weight:800;font-size:15px;color:var(--ink)}.md-notice{padding:14px 18px;border-radius:16px;background:var(--ok-tint);color:var(--ok-text);font-weight:700}.md-notice.err{background:var(--err-tint);color:var(--err-sh)}.md-notice.gold{background:#fff4dc;color:#8a5a00}.md-back{font-size:20px;color:var(--ink-faint);font-weight:700}.md-song-search{display:flex;align-items:center;gap:12px;padding:0 20px;border-radius:18px;background:#fff;border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.md-song-search i{width:16px;height:16px;flex:none;border-radius:50%;border:3px solid var(--ink)}.md-song-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:16px 0;font:inherit;font-size:20px;font-weight:600;color:var(--ink)}.md-song-search input::placeholder{color:var(--ink-faint);font-weight:400}.md-chips{display:flex;gap:8px;flex-wrap:wrap}.md-chips .md-chip.on{background:var(--chip, var(--ink));border-color:var(--chip, var(--ink));color:#fff}.md-song-list{display:flex;flex-direction:column}.md-song-item{display:flex;align-items:center;gap:18px;padding:16px 4px;border-bottom:2px solid var(--paper-2)}.md-song-item .md-art{width:60px;height:60px;border-radius:16px;flex:none;border:2px solid var(--c);background:repeating-linear-gradient(135deg,var(--tint) 0 6px,#fff 6px 12px)}.md-song-item b{display:block;font-weight:800;font-size:18px}.md-song-item small{font-size:14px;color:var(--ink-muted)}.md-inst-tags{display:flex;gap:6px;flex-wrap:wrap}.md-inst-tag{padding:5px 11px;border-radius:999px;font-weight:700;font-size:13px}button.md-inst-tag:hover{filter:brightness(.95)}.md-diff{width:120px;font:700 12px var(--mono);color:var(--ink-faint)}.md-diff-dots{display:none;gap:3px}.md-diff-dots i{width:7px;height:16px;border-radius:3px;background:var(--locked)}.md-diff-dots i.on{background:var(--c)}.md-start{padding:10px 18px;border-radius:14px;border:2px solid var(--line-2);background:#fff;font-weight:800;box-shadow:0 4px 0 var(--line-2);transition:transform 80ms,box-shadow 80ms}.md-start:active{transform:translateY(4px);box-shadow:0 0 0 transparent}@media(max-width:899px){.md-song-item{gap:14px;padding:12px 0}.md-song-item .md-art{width:52px;height:52px;border-radius:14px}.md-song-item b{font-size:16px;font-weight:700}.md-song-item .md-inst-tags,.md-song-item .md-diff,.md-song-item .md-start{display:none}.md-song-item .md-diff-dots{display:flex}.md-song-search input{font-size:16px;padding:14px 0}.md-song-search{box-shadow:0 4px 0 var(--ink);border-radius:16px;padding:0 16px}}.md-build-new{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:22px;background:var(--ink);color:#fff;flex-wrap:wrap}.md-build-new b{font-weight:800;font-size:18px;display:block}.md-build-new small{font-size:14px;color:#c9c4d1}.md-state{background:#fff;border:2px solid var(--line);border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:14px;max-width:460px}.md-state-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;border:2px solid}.md-state h2{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.md-state p{color:var(--ink-muted);font-size:15px;line-height:1.5}.md-state .md-pick{width:100%;padding:12px 16px;border-radius:14px;border:2px solid var(--line-2);font-weight:800}.md-state .md-pick:hover{background:var(--paper)}.md-link{color:var(--c);font-weight:700;font-size:14px}.md-link.muted{color:var(--ink-muted)}.md-pricing{display:flex;flex-direction:column;align-items:center;gap:22px;padding:56px 24px;text-align:center}.md-pricing h1{font-size:64px;font-weight:800;letter-spacing:-.04em}.md-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;max-width:960px;margin-top:16px;text-align:left}.md-plan{border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:14px;min-height:420px}.md-plan.free{background:#fff;border:2px solid var(--line)}.md-plan.pro{background:var(--ink);color:#fff;box-shadow:0 8px #000}.md-plan-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:22px}.md-badge{padding:4px 10px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:800;font-size:12px}.md-price{font-size:56px;font-weight:800;letter-spacing:-.03em;overflow:hidden;display:flex;align-items:baseline;gap:8px}.md-price small{font-size:16px;font-weight:600;color:#c9c4d1;letter-spacing:0}.md-price .rise{display:inline-block;animation:md-rise .4s cubic-bezier(.2,.9,.3,1.2) both}.md-price small.rise{animation-delay:.05s}.md-plan ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:16px}.md-plan li{display:flex;gap:12px}.md-plan li:before{content:"✓";font-weight:800;color:var(--ok)}.md-plan.pro li:before{color:var(--gold)}.md-plan .md-btn{margin-top:auto}@media(max-width:899px){.md-pricing{padding:24px 16px;gap:16px}.md-pricing h1{font-size:36px}.md-plans{grid-template-columns:1fr}.md-plan{min-height:0;padding:24px}.md-plan.pro{order:-1}.md-price{font-size:44px}}@keyframes md-rise{0%{transform:translateY(60%);opacity:0}to{transform:none;opacity:1}}.md-trial{min-height:100dvh;background:var(--ink);color:#fff}.md-trial-inner{max-width:440px;margin:0 auto;min-height:100dvh;padding:64px 24px 30px;display:flex;flex-direction:column;gap:14px}.md-trial h1{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.md-trial-free{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#43b86a26;color:#7fd9a0;font-weight:700;font-size:14px}.md-trial .md-seg{background:var(--night-3)}.md-trial .md-seg-thumb{background:var(--gold);box-shadow:none}.md-trial .md-seg button{color:#c9c4d1;font-size:14px}.md-trial .md-seg button.on{color:var(--ink)}.md-timeline-v{display:flex;flex-direction:column;padding:4px 0}.md-timeline-v div{display:flex;gap:12px;font-size:14px}.md-timeline-v i{display:flex;flex-direction:column;align-items:center}.md-timeline-v i:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--dot, var(--ok))}.md-timeline-v i:after{content:"";width:2px;height:26px;background:var(--night-4)}.md-timeline-v div:last-child i:before{background:transparent;border:2px solid var(--ink-faint)}.md-timeline-v div:last-child i:after{display:none}.md-settings{max-width:760px;display:flex;flex-direction:column;gap:20px}.md-set-card{background:#fff;border:2px solid var(--line);border-radius:22px;padding:8px 24px}.md-set-card>.md-label{padding:18px 0 6px}.md-set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:2px solid var(--paper-2)}.md-set-row:last-child{border-bottom:0}.md-set-row b{display:block;font-weight:800;font-size:16px}.md-set-row small{font-size:14px;color:var(--ink-muted)}.md-set-row .md-seg{width:328px;grid-template-columns:repeat(4,1fr)}@media(max-width:699px){.md-set-row.goal{flex-direction:column;align-items:stretch}.md-set-row .md-seg{width:100%}.md-set-card{padding:4px 18px}}.md-prof-head{display:flex;align-items:center;gap:20px}.md-avatar{width:88px;height:88px;border-radius:26px;background:var(--gold);box-shadow:0 6px 0 var(--gold-sh);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:30px;color:var(--ink);flex:none}.md-prof-head h1{font-size:36px!important}.md-stat-tile{background:#fff;border:2px solid var(--line);border-radius:22px;padding:20px}.md-stat-tile b{display:block;font-size:32px;font-weight:800;margin-top:6px}.md-prof-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}@media(max-width:1099px){.md-prof-grid{grid-template-columns:1fr}}.md-heat{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:6px}.md-heat i{aspect-ratio:1.3;border-radius:5px;background:var(--paper-2)}.md-heat i[data-l="1"]{background:color-mix(in srgb,var(--c) 22%,#fff)}.md-heat i[data-l="2"]{background:color-mix(in srgb,var(--c) 50%,#fff)}.md-heat i[data-l="3"]{background:var(--c)}.md-heat i[data-l="4"]{background:var(--sh)}.md-inst-bar{display:flex;flex-direction:column;gap:8px}.md-inst-bar .md-bar{height:12px}.md-done-songs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:899px){.md-done-songs{grid-template-columns:1fr}.md-avatar{width:64px;height:64px;font-size:22px;border-radius:20px}.md-prof-head h1{font-size:28px!important}}.md-done{padding:18px 20px;border-radius:20px;color:#fff}.md-done b{display:block;font-weight:800;font-size:17px}.md-done small{font-size:13px;opacity:.9}.md-drill{background:#fff;border:2px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px;min-height:210px}.md-drill.md-drill-empty{border-style:dashed;border-color:var(--line-2);background:transparent}.md-drill h3{font:700 26px var(--mono);letter-spacing:-.02em}.md-drill.md-drill-empty h3{font-family:inherit;font-weight:800;font-size:22px}.md-drill p{font-size:15px;color:var(--ink-muted);line-height:1.5}.md-drill-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.md-drill .md-btn{width:auto;padding:10px 18px;font-size:16px;box-shadow:0 4px 0 var(--sh)}.md-shape-chip{padding:8px 14px;border-radius:12px;font:700 15px var(--mono)}.md-free-play{background:var(--ink);color:#fff;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:10px}.md-free-play h3{font-weight:800;font-size:22px}.md-free-play p{color:#c9c4d1;font-size:15px}.md-free-play select{width:100%}.md-practice-row{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}@media(max-width:899px){.md-practice-row{grid-template-columns:1fr}}.md-member{background:#fff;border:2px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px}.md-member-head{display:flex;align-items:center;gap:12px}.md-member-av{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.md-member b{display:block;font-weight:800;font-size:17px}.md-member small{font-weight:700;font-size:14px}.md-member .md-bar{height:12px}.md-member p{font-size:15px;color:var(--ink-muted)}.md-rehearsal{background:var(--ink);color:#fff;border-radius:28px;padding:28px;display:flex;flex-direction:column;gap:18px}.md-lanes{position:relative;display:flex;flex-direction:column;gap:10px}.md-lane{display:flex;align-items:center;gap:12px}.md-lane>span{width:70px;flex:none;font:700 12px var(--mono);color:var(--ink-faint)}.md-lane-cells{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.md-lane-cells i{font-style:normal;padding:12px 10px;border-radius:10px;font:700 13px var(--mono);color:#fff;overflow:hidden;white-space:nowrap}.md-playhead{position:absolute;top:-6px;bottom:-6px;left:82px;width:3px;border-radius:2px;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:md-slide 5.5s linear infinite}@keyframes md-slide{0%{left:82px}to{left:100%}}@media(max-width:699px){.md-lane-cells{grid-template-columns:repeat(4,1fr)}.md-lane-cells i:nth-child(n+5){display:none}.md-lane>span{width:52px;font-size:10px}.md-playhead{left:64px}}@media(prefers-reduced-motion:reduce){.md-playhead{animation:none}}.md-code{font:800 28px var(--mono);letter-spacing:.15em}.md-listen{min-height:100dvh;background:var(--night);color:var(--paper);padding:40px 20px}.md-listen-inner{max-width:1200px;margin:0 auto;min-height:calc(100dvh - 80px);display:flex;flex-direction:column;gap:28px}.md-mic{width:92px;height:92px;flex:none;border-radius:50%;background:var(--c);box-shadow:0 0 0 10px color-mix(in srgb,var(--c) 30%,transparent);display:flex;align-items:center;justify-content:center}.md-mic:before{content:"";width:18px;height:30px;border-radius:9px;background:#fff}.md-mic.on{animation:md-pulse-ring 1.6s ease-out infinite}@keyframes md-pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--c) 50%,transparent)}to{box-shadow:0 0 0 22px transparent}}.md-wave{flex:1;display:flex;align-items:center;gap:4px;height:72px}.md-wave i{flex:1;height:100%;border-radius:3px;background:var(--c);transform-origin:center;transition:transform 80ms}.md-wave i:nth-child(9n+5){background:var(--gold)}.md-take{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.md-take div{padding:16px;border-radius:14px;border:2px solid;background:var(--night-2);font:700 15px var(--mono)}.md-take small{display:block;margin-top:8px;font-size:12px}@media(max-width:899px){.md-take{grid-template-columns:repeat(4,1fr)}.md-take div:nth-child(n+5){display:none}}.md-heard{background:var(--paper);color:var(--ink);border-radius:26px;padding:30px 32px;flex:1.2}.md-heard h2{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:8px}.md-listen-foot{margin-top:auto;display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.md-listen-foot>div:last-child{flex:1;min-width:280px;display:flex;flex-direction:column;gap:12px}.md-btn.ghost-dark{background:transparent;border:2px solid var(--night-4);color:#fff;box-shadow:none}.md-signup{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.md-signup-panel{background:var(--c);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center;gap:14px}.md-signup-panel h2{font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1}.md-signup-panel .md-ready-row{display:flex;justify-content:space-between;padding:14px 18px;border-radius:16px;background:#ffffff2e;font-weight:700;max-width:440px}.md-signup-panel .md-ready-row.boss{background:#fff;color:var(--ink)}@media(max-width:899px){.md-signup{grid-template-columns:1fr}.md-signup-panel{display:none}}@media(prefers-color-scheme:dark){.md-level:not(.dark){background:var(--night);color:var(--paper)}.md-level:not(.dark) .md-level-progress{background:var(--night-3)}.md-level:not(.dark) .md-level-sub,.md-level:not(.dark) .md-hint{color:#c9c4d1}.md-level:not(.dark) .md-fretboard{background:var(--night-2);border-color:var(--night-3)}.md-level:not(.dark) .md-cell{border-right-color:var(--night-4)}.md-level:not(.dark) .md-cell:before{background:#56536a}.md-level:not(.dark) .md-nut{background:var(--paper)}.md-level:not(.dark) .md-dot{background:var(--paper)}.md-level:not(.dark) .md-string-name{color:var(--ink-faint)}.md-level:not(.dark) .md-sheet:not(.ok):not(.err){background:var(--night)}.md-level:not(.dark) .md-seq span{background:var(--night-2);border-color:var(--night-3);color:var(--paper)}.md-level:not(.dark) .md-seq span.now{background:color-mix(in srgb,var(--c) 25%,var(--night-2));border-color:var(--c)}.md-level:not(.dark) .md-seq span.done{background:var(--c)}.md-level:not(.dark) .md-white{border-color:var(--night);background:#e9e4dc;box-shadow:inset 0 -6px #cfc7ba}.md-level:not(.dark) .md-keys:after{background:var(--night)}.md-level:not(.dark) .md-black{background:#000}.md-level:not(.dark) .md-timeline span{background:var(--night-2);border-color:var(--night-3)}.md-level:not(.dark) .md-btn.secondary{background:var(--night-2);color:var(--paper);border-color:var(--night-4);box-shadow:0 4px 0 var(--night-4)}.md-level:not(.dark) .md-chip{background:var(--night-2);border-color:var(--night-4);color:var(--paper)}.md-level:not(.dark) .md-chip.on{background:var(--c);border-color:var(--c)}}.md-mobile-only{display:none}@media(max-width:899px){.md-mobile-only{display:inline}}:root{--bg: #12100e;--panel: #1b1815;--line: #302a25;--ink: #f0e9e1;--dim: #a2968a;--accent: #e2a03f;--good: #6fbf73;--bad: #d9605a;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#fbf8f3}body:has(.app){margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 ui-sans-serif,-apple-system,Segoe UI,system-ui,sans-serif}.app{max-width:960px;margin:0 auto;padding:28px 20px 80px}.app header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.app h1{font-size:24px;margin:0;letter-spacing:-.02em}.sub{margin:4px 0 0;color:var(--dim);font-size:14px}.app nav{display:flex;gap:6px;flex-wrap:wrap}.app nav button{background:transparent;border:1px solid var(--line);color:var(--dim);padding:7px 12px;border-radius:999px;font-size:13px;cursor:pointer}.app nav button.on{color:var(--ink);border-color:var(--accent);background:#241d13}.app nav button:disabled{opacity:.35;cursor:default}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.warn{border:1px solid #4a3a1c;background:#241d13;color:#e8d8bd;padding:12px 14px;border-radius:10px;margin-bottom:18px;font-size:14px}.warn.error{border-color:#4a2523;background:#2a1918;color:#f0cac8}.warn pre{white-space:pre-wrap;margin:8px 0;font-size:12px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.pill{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;color:var(--dim)}.rationale{color:var(--dim);font-size:13px;margin:0 0 18px}.rail{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 20px;flex-wrap:wrap}.rail li{font-size:12px;color:var(--dim);border-bottom:2px solid var(--line);padding:0 10px 6px;flex:1;min-width:90px}.rail li.here{color:var(--accent);border-color:var(--accent)}.rail li.done{color:var(--good);border-color:var(--good)}.card{border:1px solid var(--line);border-radius:12px;padding:20px}.card h2{margin:0 0 12px;font-size:15px;color:var(--dim);font-weight:600}.prompt{font-size:17px;line-height:1.5;margin:0 0 18px;max-width:60ch}.hint{color:var(--bad);font-size:14px}.stub-note{border-left:2px solid var(--accent);padding-left:12px;color:var(--dim);font-size:14px;margin-bottom:18px}button.primary,button.ghost,button.play{font:inherit;cursor:pointer;border-radius:9px;padding:9px 16px}button.primary{background:var(--accent);border:none;color:#1a1206;font-weight:600}button.primary:disabled{background:#3a332a;color:#7c7166;cursor:default}button.ghost{background:transparent;border:1px solid var(--line);color:var(--dim)}button.play{background:transparent;border:1px solid var(--line);color:var(--ink);font-size:13px;padding:6px 12px}.row,.plans{display:flex;gap:10px;flex-wrap:wrap}.signin{max-width:420px;margin:0 auto;padding:64px 20px}.signin h1{font-size:32px}.signin .panel{margin-top:24px;display:grid;gap:14px}.signin h2{margin:0;font-size:18px}.signin form{display:grid;gap:10px}.signin label{font-size:13px;color:var(--dim)}button.google{font:inherit;font-weight:600;cursor:pointer;padding:11px 16px;border-radius:9px;background:var(--ink);color:var(--bg);border:none}.or{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:12px}.or:before,.or:after{content:"";flex:1;border-top:1px solid var(--line)}.fine{color:var(--dim);font-size:13px;margin:10px 0 0}.signin .brand{color:var(--accent);font-weight:700;text-decoration:none}.signin h1{margin-top:18px}input.code{font-size:24px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}.soon{border-left:2px solid var(--accent);padding-left:12px}.fine a{color:var(--ink)}.app input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px 12px}.app input:focus-visible,.app button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.song-form{display:grid;grid-template-columns:2fr 1.4fr auto;gap:10px}@media(max-width:640px){.song-form{grid-template-columns:1fr}}.app>.panel+.panel,.app>section+section{margin-top:18px}.plans-panel h2{margin:0 0 6px;font-size:18px}.plans-panel p{margin:0 0 14px}.lesson-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}button.link{font:inherit;background:none;border:none;padding:0;cursor:pointer;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.panel>h2{margin:0;font-size:15px;color:var(--dim);font-weight:600}.save{margin-left:6px;padding:2px 7px;border-radius:999px;background:#1a1206;color:var(--accent);font-size:12px;font-weight:700}.diagrams{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.diagram-cell{display:flex;flex-direction:column;align-items:center;gap:6px}.diagram-pick{background:transparent;border:1px solid var(--line);border-radius:12px;padding:4px;cursor:pointer}figure.diagram{margin:0;text-align:center}figure.diagram figcaption{display:block;font-size:12px;color:var(--dim)}figure.diagram figcaption strong{display:block;color:var(--ink);font-size:13px}.pitches{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.02em}svg .fret,svg .string{stroke:#4c443c;stroke-width:1}svg .nut{fill:var(--ink)}svg .dot{fill:var(--accent)}svg .finger{fill:#1a1206;font-size:10px;font-weight:700}svg .open{fill:none;stroke:var(--dim);stroke-width:1.5}svg .mark.mute{fill:var(--dim);font-size:12px}svg .fretnum{fill:var(--dim);font-size:11px}.match{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:18px}.match-col{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.chip{font:inherit;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:8px 16px;cursor:pointer}.chip.big{font-size:16px;padding:12px 22px}.chip.sel{border-color:var(--accent)}.chip.right{border-color:var(--good);color:var(--good)}.chip.wrong{border-color:var(--bad);color:var(--bad)}.options{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.slots{display:flex;gap:8px;list-style:none;padding:0;margin:0;counter-reset:s}.slots li{flex:1;min-width:64px;text-align:center;padding:14px 6px;border:1px dashed var(--line);border-radius:9px;color:var(--dim)}.slots li.filled{border-style:solid;color:var(--ink)}.slots li.right{border-color:var(--good);color:var(--good);border-style:solid}.slots li.wrong{border-color:var(--bad);color:var(--bad);border-style:solid}.playbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.playbar label{font-size:12px;color:var(--dim);display:flex;gap:8px;align-items:center}.playbar .note{font-size:12px;color:var(--dim);margin-left:auto}.app .empty{text-align:center;padding:30px 10px}.app .empty p{color:var(--dim);max-width:56ch;margin:0 auto 18px}.working{color:var(--accent)!important}.log,pre{font-family:ui-monospace,monospace;font-size:12px;color:var(--dim);white-space:pre-wrap;text-align:left}.log-details{margin-bottom:18px;color:var(--dim);font-size:13px}.report h2{font-size:18px;margin:0 0 18px}.layer{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}.layer.ok{border-left:3px solid var(--good)}.layer.bad{border-left:3px solid var(--bad)}.layer h3{margin:0 0 6px;font-size:15px;display:flex;gap:10px;align-items:baseline}.layer h3 em{color:var(--dim);font-style:normal;font-size:13px}.tag{font-family:ui-monospace,monospace;color:var(--accent)}.blurb{color:var(--dim);font-size:13px;margin:0 0 12px;max-width:70ch}.clean{color:var(--good);font-size:14px;margin:0}.diffs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.diffs li{border-left:2px solid var(--bad);padding-left:12px;font-size:14px}.diffs li.advisory{border-color:var(--dim);color:var(--dim)}.diffs code{color:var(--accent);margin-right:8px;font-size:13px}.sides{font-family:ui-monospace,monospace;font-size:12px;color:var(--dim);margin-top:4px}.sides b{color:var(--ink);margin-right:6px}.billing{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--dim)}