@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#0e0f13;--panel:#171920;--panel2:#1f222b;--line:#2a2e3a;--grid:#262a35;--text:#e7e9ee;--muted:#8b91a1;--accent:#ff8a3d;--accent2:#7c5cff;--good:#3ddc97;--bad:#ff5470;--spec:#7c5cff73;--music:#4cc9f0;--fl:#ff8a3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f6f8;--panel:#fff;--panel2:#f0f1f4;--line:#dfe1e7;--grid:#e6e8ee;--text:#15171c;--muted:#646b7b;--spec:#7c5cff4d;--music:#0a84b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.6 Inter,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:var(--panel2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;color:inherit;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}code,kbd{background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.88em}.muted{color:var(--muted)}.small{font-size:13px}.top{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.02em;font-size:18px;font-weight:800}.brand:before{content:"◉ ";color:var(--accent)}.top nav{gap:4px;display:flex}.top nav a{color:var(--muted);border-radius:8px;padding:6px 10px}.top nav a.active{color:var(--text);background:var(--panel2)}.stage-pill{color:var(--muted);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:13px}.menu{display:none}.body{grid-template-columns:300px 1fr;display:grid}.side{border-right:1px solid var(--line);height:calc(100vh - 53px);padding:12px 8px 40px;font-size:13.5px;position:sticky;top:53px;overflow-y:auto}.side details{margin-bottom:2px}.side summary{cursor:pointer;border-radius:6px;align-items:baseline;gap:6px;padding:6px 8px;font-weight:600;list-style:none;display:flex}.side summary small{color:var(--muted);margin-left:auto;font-weight:400}.side summary:hover{background:var(--panel)}.side a{color:var(--muted);border-radius:6px;padding:4px 8px 4px 34px;display:block}.side a:hover{background:var(--panel);color:var(--text);text-decoration:none}.side a.active{color:var(--text);background:var(--panel2)}.side a.done{color:var(--good)}.mnum{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px}main{min-width:0}.page{max-width:920px;margin:0 auto;padding:32px 28px 80px}.hero h1{letter-spacing:-.03em;background:linear-gradient(90deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0;font-size:44px;line-height:1.1}.hero p{color:var(--muted);max-width:680px;font-size:17px}.cta{background:var(--accent);color:#111;border-radius:10px;margin-top:10px;padding:10px 18px;font-weight:700;display:inline-block}.cta:hover{filter:brightness(1.1);text-decoration:none}section{margin:36px 0}.ladder{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.rung{background:var(--panel);border:1px solid var(--line);opacity:.55;border-radius:10px;padding:10px}.rung b{font-size:14px;display:block}.rung small{color:var(--muted);font-size:12px}.rung.reached{opacity:1;border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.rung.current{background:color-mix(in srgb, var(--accent) 14%, var(--panel));border-color:var(--accent)}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.mod-card{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:16px}.mod-card:hover{border-color:var(--accent);text-decoration:none}.mod-card h3{margin:4px 0;font-size:17px}.mod-card p{color:var(--muted);margin:4px 0 10px;font-size:13.5px}.mod-card small{color:var(--muted);font-size:12px}.bar{background:var(--panel2);border-radius:4px;height:4px;margin-bottom:6px;overflow:hidden}.bar div{background:var(--good);height:100%}.crumbs{color:var(--muted);font-size:13px}.ed{color:var(--accent);margin-left:6px}.lesson h1{letter-spacing:-.02em;margin:6px 0;font-size:34px;line-height:1.15}.summary{color:var(--muted);font-size:16.5px}.md h3{margin-top:28px;font-size:21px}.md h4{margin-top:20px}.md table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line);text-align:left;padding:6px 10px}.md th{background:var(--panel2)}.md p:first-child{margin-top:0}.md p:last-child{margin-bottom:0}.mentor{background:linear-gradient(135deg, color-mix(in srgb, var(--accent2) 14%, var(--panel)), var(--panel));border:1px solid color-mix(in srgb, var(--accent2) 35%, var(--line));border-radius:14px;gap:14px;margin:18px 0;padding:16px 18px;display:flex}.mentor .avatar{font-size:26px;line-height:1}.callout{border-left:3px solid var(--accent2);background:var(--panel);border-radius:0 10px 10px 0;margin:16px 0;padding:12px 16px}.callout>b{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:13px;display:block}.callout.warn{border-color:var(--bad)}.callout.warn>b{color:var(--bad)}.callout.pro{border-color:var(--accent)}.callout.pro>b{color:var(--accent)}.callout.tip>b{color:var(--accent2)}.tag{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.tag.music{background:color-mix(in srgb, var(--music) 18%, transparent);color:var(--music)}.tag.fl{background:color-mix(in srgb, var(--fl) 18%, transparent);color:var(--fl)}.tag.ch{background:color-mix(in srgb, var(--good) 18%, transparent);color:var(--good)}.side-by-side{margin:22px 0}.side-by-side h4{margin:0 0 8px}.sbs{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.sbs>div{background:var(--panel);padding:14px 16px;font-size:14.5px}.sbs>div+div{border-left:1px solid var(--line);background:color-mix(in srgb, var(--fl) 5%, var(--panel))}.sbs .tag{margin-bottom:8px;display:inline-block}.fl-steps{background:var(--panel);border:1px solid color-mix(in srgb, var(--fl) 35%, var(--line));border-radius:12px;margin:18px 0;padding:14px 18px}.fl-steps h4{margin:0 0 6px}.fl-steps li{margin:6px 0}.quiz,.challenge,.listen{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:18px 0;padding:14px 18px}.quiz h4,.challenge h4,.listen h4{margin:0 0 6px}.opts{gap:6px;display:grid}.opts button{text-align:left}.opts .right{border-color:var(--good);background:color-mix(in srgb, var(--good) 15%, var(--panel2));opacity:1}.opts .wrong{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 15%, var(--panel2));opacity:1}.why{margin-top:10px;font-size:14px}.link{color:var(--accent);background:0 0;border:none;padding:4px 0}.challenge{border-color:color-mix(in srgb, var(--good) 35%, var(--line))}.challenge h4 small{color:var(--muted);margin-left:6px;font-weight:400}.challenge.cleared{background:color-mix(in srgb, var(--good) 8%, var(--panel))}.cleared-msg{color:var(--good);font-size:14px}.checks{margin:10px 0;padding:0;list-style:none}.checks li{margin:4px 0}.checks label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.checks input{accent-color:var(--good);margin-top:5px}.track{border-top:1px solid var(--line);flex-direction:column;padding:6px 0;display:flex}.track span{color:var(--muted);font-size:14px}.shortcuts{border-collapse:collapse;width:100%;margin:14px 0}.shortcuts td{border-bottom:1px solid var(--line);padding:6px 8px}.shortcuts td:first-child{white-space:nowrap;width:1%}.lesson-foot{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:40px;padding-top:20px;display:flex}.complete{align-self:flex-start;padding:10px 18px;font-weight:600}.complete.on{background:color-mix(in srgb, var(--good) 20%, var(--panel2));border-color:var(--good);color:var(--good)}.pn{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.wfig{margin:22px 0}.wfig figcaption{color:var(--muted);margin-top:6px;font-size:13px}.widget{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 8px 30px #00000026}.widget-title{color:var(--accent);margin-bottom:10px;font-size:14px;font-weight:700}.widget h5{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:12px 0 4px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:6px 0;display:flex}.play{background:var(--accent);color:#111;border-color:var(--accent);font-weight:700}.toggle.on{background:color-mix(in srgb, var(--accent) 22%, var(--panel2));border-color:var(--accent)}.slider{flex:260px;grid-template-columns:110px 1fr 76px;align-items:center;gap:10px;margin:4px 0;font-size:13px;display:grid}.slider span{color:var(--muted)}.slider b{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.slider input{width:100%;accent-color:var(--accent)}.select{align-items:center;gap:8px;font-size:13px;display:flex}.select span{color:var(--muted)}.spectrum{background:var(--panel2);border-radius:8px;width:100%;margin-top:8px;display:block}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hint{color:var(--muted);font-size:13.5px}.hint b{color:var(--text)}.meter{grid-template-columns:120px 1fr 80px;align-items:center;gap:10px;margin:4px 0;font-size:13px;display:grid}.meter span{color:var(--muted)}.meter b{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px}.meter-bar,.gr-bar{background:var(--panel2);border-radius:4px;height:8px;overflow:hidden}.meter-bar div{height:100%;transition:width 50ms}.gr-bar{direction:rtl;margin:0 0 6px}.gr-bar div{background:var(--bad);height:100%}.bands{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:8px;display:grid}.band{background:var(--panel2);border-radius:10px;padding:8px 10px}.band .slider{grid-template-columns:40px 1fr 66px}.curve-box{color:var(--muted);flex-direction:column;align-items:center;display:flex}.curve-box canvas{background:var(--panel2);border-radius:8px;width:160px;height:160px}.env{background:var(--panel2);border-radius:8px;width:100%;height:64px;margin-top:6px}.env polyline{fill:none;stroke:var(--accent);stroke-width:2px}.env text{fill:var(--muted);font-size:9px}.keys{-webkit-user-select:none;user-select:none;height:70px;margin:10px 0 4px;display:flex}.key{color:#555;background:#eceef2;border:1px solid #999;border-radius:0 0 5px 5px;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding:0;font-size:9px;display:flex}.key.black{z-index:1;background:#222;border-color:#000;flex:.7;height:60%;margin:0 -.6%}.key.hl{background:color-mix(in srgb, var(--accent) 45%, #fff)}.key.black.hl{background:color-mix(in srgb, var(--accent) 60%, #222)}.key:active{filter:brightness(.85)}.bandstrip{grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0;display:grid}.bandstrip button{flex-direction:column;padding:6px 2px;font-size:12px;display:flex}.bandstrip small{color:var(--muted);font-size:10px}.bandstrip .on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--panel2))}.choices{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.score{margin-left:auto;font-family:JetBrains Mono,monospace}.seq{gap:4px;margin:10px 0;display:grid;overflow-x:auto}.seq-row{grid-template-columns:70px repeat(16,minmax(22px,1fr));align-items:center;gap:3px;display:grid}.seq-row span{color:var(--muted);font-size:12px}.cell{border-radius:4px;height:28px;padding:0;font-size:13px}.cell.alt{background:color-mix(in srgb, var(--panel2) 70%, var(--line))}.cell.on{background:var(--accent);border-color:var(--accent);color:#111;font-weight:700}.cell.ghost{background:color-mix(in srgb, var(--accent) 40%, var(--panel2))}.cell.cur{outline:2px solid var(--text)}.chords{grid-template-columns:repeat(7,1fr);gap:6px;margin:10px 0;display:grid}.chords button{flex-direction:column;align-items:center;padding:10px 4px;display:flex}.chords button b{font-size:17px}.chords button small{color:var(--muted)}.chords .on{background:color-mix(in srgb, var(--accent) 25%, var(--panel2));border-color:var(--accent)}.prog{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;display:flex}.chip{background:var(--panel2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:6px;padding:2px 8px;font-weight:600}.chip:hover{border-color:var(--bad)}.roll{background:var(--panel2);border-radius:8px;gap:1px 4px;margin-top:6px;padding:6px;display:grid}.roll div{background:var(--accent);border-radius:2px}.tabs{flex-wrap:wrap;gap:4px;margin:10px 0;display:flex}.tabs .on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--panel2))}.arr{gap:3px;height:120px;margin:10px 0;display:flex}.arr-sec{background:var(--panel2);justify-content:center;align-items:flex-end;min-width:0;padding:4px 2px;display:flex;position:relative;overflow:hidden}.arr-sec span{writing-mode:horizontal-tb;white-space:nowrap;text-overflow:ellipsis;font-size:11px;position:relative;overflow:hidden}.arr-energy{background:linear-gradient(to top, color-mix(in srgb, var(--accent2) 55%, transparent), color-mix(in srgb, var(--accent) 40%, transparent));position:absolute;bottom:0;left:0;right:0}.arr-sec.on{outline:2px solid var(--accent)}.camelot{width:100%;max-width:320px}.cam path{fill:var(--panel2);stroke:var(--line);cursor:pointer}.cam text{fill:var(--text);pointer-events:none;font-size:10px;font-weight:700}.cam .cam-key{fill:var(--muted);font-size:9px;font-weight:400}.cam.self path{fill:var(--accent)}.cam.ok path{fill:color-mix(in srgb, var(--good) 45%, var(--panel2))}.cam.energy path{fill:color-mix(in srgb, var(--accent2) 45%, var(--panel2))}.dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.dot.ok{background:var(--good)}.dot.energy{background:var(--accent2)}.beats{gap:10px;display:grid}.beat{background:var(--panel);border:1px solid var(--line);border-radius:12px}.beat summary{cursor:pointer;align-items:center;gap:14px;padding:12px 16px;list-style:none;display:flex}.beat summary>div{flex-direction:column;flex:1;display:flex}.beat summary small{color:var(--muted)}.bn{background:var(--panel2);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:700;display:grid}.beat.wip .bn{background:color-mix(in srgb, var(--accent2) 40%, var(--panel2))}.beat.done .bn{background:color-mix(in srgb, var(--accent) 50%, var(--panel2))}.beat.published .bn{background:var(--good);color:#111}.beat-body{padding:0 16px 16px 66px}.field{color:var(--muted);flex-direction:column;gap:4px;margin:10px 0;font-size:13px;display:flex}.field input,.field textarea{color:var(--text)}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.filters input{flex:260px}.plugins{gap:8px;display:grid}.plugin{background:var(--panel);border:1px solid var(--line);border-radius:12px}.plugin.open{border-color:var(--accent)}.plugin-head{text-align:left;background:0 0;border:none;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;width:100%;padding:12px 16px;display:grid}.plugin-head small{color:var(--muted);text-align:right}.plugin-head p{color:var(--muted);grid-column:1/-1;margin:0;font-size:14px}.plugin-head .ed{background:var(--panel2);border-radius:999px;margin:0;padding:1px 8px;font-size:11px}.ed-Producer{color:var(--music)!important}.ed-Signature{color:var(--accent2)!important}.ed-AllPlugins{color:var(--bad)!important}.plugin-body{padding:0 16px 16px}.plugin-body h5{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 4px;font-size:12px}@media (width<=860px){.body{grid-template-columns:1fr}.menu{display:block}.side{z-index:9;background:var(--bg);height:auto;display:none;position:fixed;inset:53px 0 0}.side.open{display:block}.top{gap:10px;padding:10px 16px}.top nav{display:none}.stage-pill{font-size:11px}.page{padding:20px 16px 60px}.hero h1{font-size:32px}.sbs,.split{grid-template-columns:1fr}.sbs>div+div{border-left:none;border-top:1px solid var(--line)}.chords,.bandstrip{grid-template-columns:repeat(4,1fr)}.slider{grid-template-columns:90px 1fr 66px}.beat-body{padding:0 16px 16px}}.concept{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--music);border-radius:0 12px 12px 0;margin:22px 0;padding:14px 18px}.concept h4{margin:0 0 6px}.fl-note{border-top:1px dashed var(--line);color:var(--muted);gap:8px;margin-top:10px;padding-top:8px;font-size:13.5px;display:flex}.fl-note>span{color:var(--fl);white-space:nowrap;padding-top:2px;font-family:JetBrains Mono,monospace;font-size:12px}.fl-toggle{margin-left:auto;padding:3px 10px;font-size:12px}.fl-toggle+.stage-pill{margin-left:0}.trk{gap:2px;display:inline-flex}.toggle.small{padding:6px 8px}.pv-grid{gap:2px;margin:10px 0;display:grid;overflow-x:auto}.pv-row{display:contents}.pv-row span{color:var(--muted);font-size:11px}.pv-row i{background:var(--panel2);text-align:center;border-radius:2px;min-width:6px;height:16px;font-size:9px;font-style:normal;line-height:16px}.pv-row i.alt{background:color-mix(in srgb, var(--panel2) 70%, var(--line))}.pv-row i.on{background:var(--accent);color:#111}.pv-row i.ghost{background:color-mix(in srgb, var(--accent) 45%, var(--panel2))}.pv-row i.cur{outline:1px solid var(--text)}.study{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px 16px}.study summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.study summary small{width:100%;color:var(--muted)}.phase h3{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-top:30px;font-size:14px}.bp-step{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px 16px}.bp-step.done{opacity:.6;border-color:var(--good)}.bp-head{cursor:pointer;align-items:center;gap:10px;margin-bottom:6px;display:flex}.bp-head input{accent-color:var(--good);width:18px;height:18px}.settings{border-collapse:collapse;margin:8px 0;font-size:13px}.settings td{border:1px solid var(--line);padding:3px 10px}.settings td:first-child{color:var(--muted)}.check{color:var(--good);margin:8px 0 0;font-size:13.5px}.mixgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.mixcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.mixcard h4{margin:0 0 6px}.mixcard ol{margin:0;padding-left:18px;font-size:13.5px}.mixcard li{margin:4px 0}.mixcard small{color:var(--muted)}