:root{--bg:#09090b;--bg-2:#0e1117;--panel:#18181b;--panel-2:#161b22;--line:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--amber:#6366f1;--amber-2:#a1a1aa;--patina:#10b981;--rose:#fb7185;--wood:#18181b;--fret:#d4d4d8;--ink:#09090b;--shadow:0 20px 48px #00000073;--sans:"Outfit", system-ui, sans-serif;--display:"Sora", "Outfit", system-ui, sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);font-size:16px;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09090bdb;position:sticky;top:0;overflow:visible}.topbar-inner{align-items:center;gap:18px;width:100%;max-width:1120px;margin:0 auto;padding:14px 42px;display:flex}.brand{font-family:var(--display);letter-spacing:-.04em;flex-shrink:0;font-size:22px;font-weight:600;line-height:1}.brand span{color:var(--amber)}.section-pills{flex:1;justify-content:center;gap:4px;display:flex}.section-pills a{color:var(--muted);border-radius:999px;padding:7px 14px;font-size:14px;transition:background .15s,color .15s}.section-pills a.active,.section-pills a:hover{color:var(--text);background:#ffffff0f}.section-pills a.active{font-weight:600}.badge{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-size:10px}.suona-chip{color:var(--muted);border-radius:999px;outline:none;flex-shrink:0;align-items:center;margin-left:auto;padding:6px;transition:background .15s,color .15s;display:inline-flex}.suona-chip-icon{flex-shrink:0;width:22px;height:22px;display:block}.suona-chip-label{opacity:0;letter-spacing:.02em;white-space:nowrap;max-width:0;margin:0;font-size:13px;font-weight:600;transition:max-width .18s,opacity .18s,margin .18s;overflow:hidden}.suona-chip:is(:hover,:focus-visible,.on){color:var(--text);background:#ffffff0f}.suona-chip:is(:hover,:focus-visible,.on) .suona-chip-label{opacity:1;max-width:4.6rem;margin-left:8px;margin-right:8px}.site-menu{flex-shrink:0;position:relative}.site-menu-btn{appearance:none;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px}.site-menu-btn:hover,.site-menu-btn.on{color:var(--text);background:#ffffff0f}.site-menu-panel{background:var(--panel);border:1px solid var(--line);width:min(640px,100vw - 36px);box-shadow:var(--shadow);z-index:40;border-radius:16px;grid-template-columns:1fr 1.2fr 1fr;gap:8px 18px;padding:16px 18px;display:grid;position:absolute;top:calc(100% + 10px);left:0}.site-menu-panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin:0 0 8px;font-size:11px;font-weight:600}.site-menu-panel a{color:var(--muted);padding:5px 0;font-size:14px;display:block}.site-menu-panel a:hover,.site-menu-panel a.active{color:var(--text)}.oggi-hero{background:#18181b;border:1px solid #10b9814d;border-radius:20px;gap:16px;padding:22px 22px 18px;display:grid;box-shadow:0 0 25px -5px #10b98126}.oggi-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.oggi-hero h2{font-family:var(--display);color:#f4f4f5;margin:0;font-size:22px}.oggi-action{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.oggi-lesson{font-family:var(--display);letter-spacing:-.03em;color:#f4f4f5;margin:0 0 8px;font-size:26px;font-weight:600}.oggi-badges{color:#10b981;flex-wrap:wrap;gap:8px 12px;margin:0;font-family:ui-monospace,Cascadia Mono,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.oggi-note{grid-column:1/-1}.oggi-hero .seg button.on{color:#fff;background:#059669}.btn-accent{appearance:none;color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-weight:600;transition:background-color .2s,transform .1s,box-shadow .2s;display:inline-flex;box-shadow:0 0 12px #10b98166}.btn-accent:hover{background:#10b981;transform:translateY(-1px);box-shadow:0 0 16px #10b98180}.hub-hero .lede{margin-bottom:0}.hub-home{flex-direction:column;gap:48px;display:flex}.hub-home h1,.hub-home h2,.hub-home .hub-tile strong{color:#f4f4f5}.hub-home .lede,.hub-home .hub-blurb{color:#a1a1aa}.essential-grid{grid-template-columns:2fr 1fr 1fr;align-items:stretch;gap:16px;display:grid}.tile-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tile-head strong{margin:0}.tile-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#6366f1;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700}.tile-badge-daw{background:#0891b2}.hub-tile.tile-core{background:#18181b;border:1px solid #6366f159;box-shadow:0 0 20px #6366f133}.hub-tile.tile-quiet{box-shadow:none;background:#18181b;border-color:#27272a}.hub-home .hub-tile strong{color:#f4f4f5;font-size:18px}.hub-home .hub-blurb{color:#a1a1aa;font-size:14px;line-height:1.65}.hub-home .go{cursor:pointer;justify-content:center;align-self:flex-start;align-items:center;margin-top:4px;font-size:13px;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .1s;display:inline-flex}.hub-home .go-primary{color:#fff;background:#6366f1;border:none;border-radius:8px;padding:8px 16px;font-weight:600;box-shadow:0 0 12px #6366f159}.hub-home .go-primary:hover{background:#4f46e5;transform:translateY(-1px)}.hub-home .go-ghost{color:#a1a1aa;background:0 0;border:1px solid #3f3f46;border-radius:8px;padding:6px 14px;font-weight:500}.hub-home .go-ghost:hover{color:#f4f4f5;background:#ffffff0d;border-color:#71717a}.hub-home .go-cyan{color:#fff;background:#0891b2;border:none;border-radius:8px;padding:8px 16px;font-weight:600;box-shadow:0 0 12px #06b6d459}.hub-home .go-cyan:hover{background:#06b6d4;transform:translateY(-1px)}.arsenal-head-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.arsenal-head-row h2{margin:0 0 6px}.arsenal-groups{flex-direction:column;gap:18px;display:flex}.arsenal-group h3{letter-spacing:.16em;text-transform:uppercase;color:#a1a1aa;margin:0 0 10px;font-size:11px;font-weight:600}.arsenal-bar{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;display:grid}.arsenal-cell{border:1px solid var(--line);color:var(--muted);text-align:center;background:#0f172a66;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;font-size:12px;line-height:1.25;transition:border-color .15s,color .15s;display:flex}.arsenal-cell:hover{color:var(--text);border-color:#3f3f46}.arsenal-cell.incoming{opacity:.55}.arsenal-glyph{color:#a1a1aa;flex-shrink:0;width:56px;height:56px}.arsenal-cell.wide .arsenal-glyph{width:96px;height:48px}.arsenal-setup{color:#a1a1aa;border-style:dashed;align-self:start;width:128px}.arsenal-setup-mark{color:#a1a1aa;place-items:center;width:56px;height:56px;font-size:36px;line-height:1;display:grid}.room-hero{align-items:center;gap:16px;margin-bottom:10px;display:flex}.room-hero .page-kicker,.room-hero h1{margin:0}.room-hero h1{margin-top:4px}.room-glyph{color:#c4b5fd;flex-shrink:0;width:64px;height:64px}.arsenale-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.arsenale-head h2{margin:0}.arsenale-glyph{color:#c4b5fd;flex-shrink:0;width:40px;height:40px}.main{width:100%;max-width:1120px;margin:0 auto;padding:32px 42px 64px}.hub-block{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:24px}.hub-block.essential{background:linear-gradient(#1e1b4b40,#12121b99);border:1px solid #6366f12e;border-radius:16px;padding:24px;box-shadow:0 10px 40px -10px #6366f11f}.hub-block.daw{background:linear-gradient(#0891b226,#12121b99);border:1px solid #06b6d42e;box-shadow:0 10px 40px -10px #06b6d41a}.hub-block h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 6px;font-size:28px;font-weight:600}.hub-tile{background:var(--panel);border:1px solid var(--line);min-height:148px;box-shadow:var(--shadow);color:inherit;border-radius:18px;flex-direction:column;justify-content:space-between;gap:16px;padding:18px 18px 16px;transition:border-color .15s,transform .15s;display:flex}.hub-tile:hover{border-color:#3f3f46;transform:translateY(-2px)}.hub-tile strong{font-family:var(--display);letter-spacing:-.03em;margin-bottom:6px;font-size:22px;font-weight:600;display:block}.hub-blurb{color:var(--muted);flex:1;font-size:14px}.hub-tile .go{font-size:13px}.oggi-card{margin-bottom:22px}.hub-soon{box-shadow:none;background:0 0;margin-top:16px}.room-anchor{scroll-margin-top:84px}.page-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin:0 0 8px;font-size:11px}h1{font-family:var(--display);letter-spacing:-.04em;margin:0 0 10px;font-size:42px;font-weight:600}.lede{color:#a1a1aa;max-width:62ch;margin:0 0 28px}.grid{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px 18px 16px}.card h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 8px;font-size:22px;font-weight:600}.card p{color:var(--muted);margin:0}.btn{appearance:none;background:var(--amber);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-weight:600;transition:filter .15s,opacity .15s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.ghost:hover:not(:disabled){filter:none;background:#ffffff0d}.btn.patina{background:var(--patina);color:#04211c}.btn.rose{background:var(--rose);color:#2a0710}.btn:disabled{opacity:.45;cursor:default}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.choice{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:10px 12px;transition:border-color .15s,color .15s,background .15s}.choice:hover:not(:disabled){background:#ffffff0a;border-color:#3f3f46}.choice:disabled{cursor:default;opacity:.42}.choice.ok,.choice.bad{opacity:1}.choice.ok{border-color:var(--patina);color:var(--patina);background:#10b98124}.choice.bad{border-color:var(--rose);color:var(--rose);background:#fb71851f}.choice.selected{border-color:var(--amber);color:var(--amber-2)}.gym{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.gym-list{flex-direction:column;gap:6px;display:flex}.gym-list-kicker,.gym-steps{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin:0 0 8px;font-size:11px;font-weight:600}.gym-item{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;width:100%;color:var(--text);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.gym-item:hover{background:var(--panel-2);border-color:#3f3f46}.gym-item.on{border-color:var(--amber);background:#6366f11f}.gym-item.on:hover{background:#6366f129}.gym-item strong{letter-spacing:-.02em;font-size:14px;font-weight:600}.gym-item span{color:var(--muted);font-size:12px}.gym-item.locked{cursor:default;opacity:.62;background:0 0;border-style:dashed}.gym-item.locked:hover{border-color:var(--line);background:0 0}.gym-item.locked a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.gym-item.locked a:hover{color:var(--amber-2)}.gym-round{scroll-margin-top:88px}.gym-how{color:var(--muted);max-width:46ch;margin:0 0 18px}.gym-play{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.gym-score{color:var(--muted);font-size:13px}.gym-score strong{color:var(--patina)}.gym-choose-label{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:600}.gym-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gym-choices .choice{text-align:center;padding:16px 14px;font-size:16px;font-weight:600}.gym-choices .choice:not(:disabled):not(.ok):not(.bad){background:#1c1c21;border-color:#3f3f46}.gym-choices .choice:hover:not(:disabled){border-color:var(--amber);color:var(--text);background:#6366f11a}.gym-feedback{flex-direction:column;align-items:flex-start;gap:10px;margin-top:16px;display:flex}.gym-feedback p{margin:0}.fretboard{border:1px solid var(--line);background:linear-gradient(#1c2748,#151d38 40%,#10162c);border-radius:16px;width:100%;padding:16px 12px 10px;overflow-x:auto}.fretboard svg{width:100%;height:auto;display:block}.harmonica{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.hole{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:64px;font-size:12px;display:flex}.hole .which{color:var(--muted);letter-spacing:.08em;font-size:10px}.hole.on{border-color:var(--amber);background:#818cf82e}.hole.hit{border-color:var(--patina)}.meter-dots{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.meter-group{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;gap:7px;padding:8px 10px;display:flex}.meter-dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;width:14px;height:14px}.meter-dot.on{background:var(--amber);border-color:var(--amber)}.meter-label{color:var(--muted);font-size:13px}.keys{border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;height:120px;display:flex;position:relative;overflow:hidden}.keys-play{height:168px}.key-white{cursor:pointer;background:#eef2ff;border-right:1px solid #c7d2fe;flex:1;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex}.key-label{color:#4338ca;pointer-events:none;font-size:9px;line-height:1}.key-label.degree{font-size:11px;font-weight:700}a.list-item{color:inherit;text-decoration:none}.key-white.on{background:var(--amber-2)}.key-black{cursor:pointer;z-index:1;box-sizing:border-box;background:#0f172a;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;width:3.2%;height:62%;padding-bottom:4px;display:flex;position:absolute}.key-black.on{background:var(--patina)}.key-black .key-label{color:#eef2ff;font-size:8px}.theory-figure{margin-top:16px}.figure-caption{color:var(--muted);margin:8px 0 0;font-size:13px}.book-map{flex-direction:column;gap:6px;margin-top:10px;display:flex}.book-map-row{background:var(--panel-2);border-radius:10px;grid-template-columns:1.1fr 1.4fr auto;align-items:baseline;gap:10px;padding:8px 10px;font-size:13px;display:grid}.book-map-row .where{color:var(--muted)}@media (width<=720px){.book-map-row{grid-template-columns:1fr;gap:2px}.ab-pair{grid-template-columns:1fr}}.concept-map{flex-direction:column;gap:4px;display:flex}.concept-map-head,.concept-map-row{grid-template-columns:1.3fr 1fr 1.3fr .7fr .8fr;align-items:start;gap:10px;padding:10px 12px;font-size:13px;display:grid}.concept-map-head{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.concept-map-row{background:var(--panel-2);color:inherit;border-radius:10px;text-decoration:none}.concept-map-row:hover{border-color:var(--line)}@media (width<=900px){.concept-map-head{display:none}.concept-map-row{grid-template-columns:1fr;gap:4px}}.banner{border:1px dashed var(--line);color:var(--muted);border-radius:14px;margin-bottom:18px;padding:12px 14px}.drop{text-align:center;color:var(--muted);background:#818cf80f;border:1.5px dashed #818cf861;border-radius:18px;padding:28px}.list{flex-direction:column;gap:8px;display:flex}.list-item{background:var(--panel-2);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.list-item.active{border-color:var(--amber)}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field select,.field input,.field textarea{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.seg{background:var(--bg);border-radius:999px;gap:4px;width:fit-content;padding:4px;display:flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px}.seg button.on{background:var(--amber);color:var(--ink);font-weight:600}.fm-op{border:1px solid var(--line);border-radius:12px;place-items:center;width:54px;height:54px;font-weight:600;display:grid}.fm-op.carrier{background:var(--amber);color:var(--ink)}.fm-op.mod{background:var(--panel-2);color:var(--amber-2)}.feedback{color:var(--rose);font-size:11px}.status-ok{color:var(--patina)}.status-wait{color:var(--amber)}.ab-pair{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.ab-pair>div{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px}.ab-letter{letter-spacing:.08em;color:var(--ink);background:var(--amber);border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.ab-pair p{margin:8px 0 0}audio{width:100%;max-width:28rem;display:block}.steps{color:var(--muted);margin:8px 0 0;padding-left:20px}.steps li{margin:10px 0}.steps strong{color:var(--text)}.pad-grid{gap:8px;display:grid}.pad-grid-8,.pad-grid-16{grid-template-columns:repeat(4,1fr)}.pad-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--panel-2);color:var(--amber-2);border-radius:12px;place-items:center;font-size:13px;display:grid}.knob-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.knob-dot{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.mini-keys-caption{color:var(--muted);margin-top:10px;font-size:13px}.vol-row{max-width:360px;margin-top:16px}.vol-row input[type=range]{width:100%;accent-color:var(--amber)}.kit-credit{color:var(--muted);max-width:62ch;margin:18px 0 0;font-size:12px}.staff{width:100%;max-width:420px;color:var(--text);margin-top:4px}.article .card p{max-width:68ch;margin:0}.chips{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.chip{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:11px}.chip.depth-fondamentale{color:var(--patina);border-color:#2dd4bf59}.chip.depth-consulto{color:var(--amber-2);border-color:#c4b5fd59}.chip.depth-indice{color:var(--muted)}.layer-chain{flex-wrap:wrap;align-items:flex-start;gap:6px 4px;margin:0 0 16px;font-size:13px;display:flex}.layer-chain-hop{align-items:flex-start;gap:6px;display:inline-flex}.layer-chain-arrow{color:var(--muted);padding-top:5px}.layer-chain-node{flex-wrap:wrap;align-items:baseline;gap:4px 6px;display:flex}.layer-chain-node>a.on{color:var(--text);font-weight:600}.layer-chain-node>a.empty{color:var(--muted)}.layer-chain-item{color:var(--amber-2);font-size:12px}.layer-chain-item:hover{text-underline-offset:2px;text-decoration:underline}@media (width<=860px){.gym{grid-template-columns:1fr}.gym-round{order:-1}.grid-3,.grid-2{grid-template-columns:1fr}.topbar-inner,.main{padding-left:18px;padding-right:18px}.main{padding-top:24px;padding-bottom:48px}h1{font-size:32px}.topbar-inner{flex-wrap:wrap}.section-pills{flex-basis:100%;order:3;justify-content:flex-start;padding-top:4px}.suona-chip-label{opacity:1;max-width:4.6rem;margin-left:8px;margin-right:8px}.site-menu-panel{grid-template-columns:1fr;width:min(320px,100vw - 36px)}.essential-grid{grid-template-columns:1fr 1fr}.tile-core{grid-column:1/-1}.arsenal-head-row{flex-wrap:wrap}}@media (width<=560px){.essential-grid{grid-template-columns:1fr}}