:root{--bg: #f9fafb;--bg2: #f3f4f6;--fg: #111827;--muted: #4b5563;--muted2: #9ca3af;--line: #e5e7eb;--line2: #f3f4f6;--card: #ffffff;--brand: #1d9e75;--brand-dk: #0f6e56;--brand-lt: #e1f5ee;--mint: #7fddbb;--amber: #f5b841;--amber-bg: #faeeda;--amber-fg: #854f0b;--red: #a32d2d;--red-bg: #fcebeb;--accent: #e5484d;--dark: #0f1e1a;--dark-edge: #0b1512;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--sh-sm: 0 1px 2px #0000000d;--sh-md: 0 4px 12px #00000014;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "DM Serif Display", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;font-family:var(--font-body);color:var(--fg);background:var(--bg);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;background:var(--bg)}h1,h2,h3,h4{margin:0 0 6px;font-weight:400;font-family:var(--font-display);letter-spacing:.1px}h2{font-size:1.55rem;line-height:1.2}h3{font-size:1.15rem}h4{font-size:1rem;color:var(--brand-dk);margin-bottom:4px}h3.sub{margin-top:26px;font-size:1.3rem}p{margin:0 0 8px}a{color:var(--brand-dk)}code{font-family:var(--font-mono);background:var(--bg2);padding:1px 5px;border-radius:4px;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.82rem}.hint{font-size:.78rem;color:var(--muted);margin-top:6px}ul{margin:4px 0 8px;padding-left:18px}li{margin-bottom:4px}table{border-collapse:collapse}th,td{text-align:left;padding:3px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.card table,.tsec table{display:block;max-width:100%;overflow-x:auto}.top{display:flex;align-items:center;gap:24px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:5}.brand{font-family:var(--font-display);font-size:1.25rem;color:var(--fg);text-decoration:none;display:flex;align-items:baseline;gap:8px}.brand small{font-family:var(--font-body);font-size:.72rem;color:var(--muted)}.brand small a{color:var(--brand);text-decoration:none;font-weight:600}.top .spacer{flex:1}#nav{display:flex;gap:4px;flex-wrap:wrap}#nav a{text-decoration:none;color:var(--fg);padding:6px 12px;border-radius:999px;font-size:.95rem;font-weight:500}#nav a:hover{background:var(--bg2)}.stage{position:sticky;top:var(--top-h, 52px);z-index:4;background:var(--bg);padding:10px 20px 6px;box-shadow:0 6px 12px -8px #0000002a}.stage[hidden]{display:none}.stage-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}main{max-width:1400px;margin:0 auto;padding:8px 20px 60px}.foot{border-top:1px solid var(--line);background:var(--dark);color:var(--mint);padding:22px 20px;margin-top:20px}.foot .inner{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 32px;align-items:baseline;justify-content:space-between;font-size:.88rem}.foot a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(127,221,187,.5)}.foot a:hover{border-bottom-color:#fff}.foot .logo{font-family:var(--font-display);font-size:1.15rem;color:#fff;border:0}.foot .sister span{color:var(--mint);opacity:.8;margin-right:6px}.foot .sister a{margin-right:14px}.stagebar{max-width:1400px;margin:0 auto 6px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}.stagebar[hidden]{display:none}.sb-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sb-group[hidden]{display:none}.sb-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}.sb-note{font-size:.78rem;color:var(--muted)}.stagebar .roots button{padding:3px 8px;min-width:34px;font-size:.85rem}.stagebar .seg button{padding:3px 9px;font-size:.85rem}.stagebar select{padding:3px 6px;font-size:.85rem;max-width:260px}.stagebar button.primary{padding:3px 10px;font-size:.85rem}.stagebar button.mini{padding:2px 7px}.stagebar .seg.overridden{opacity:.45}.labelstrip{max-width:1400px;margin:2px auto 0;display:flex;justify-content:flex-end;align-items:center;gap:8px}.labelstrip[hidden]{display:none}.labelstrip .seg button{padding:2px 9px;font-size:.8rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:start}@media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr}}.controls{display:flex;flex-direction:column;gap:12px}.ctl{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;box-shadow:var(--sh-sm)}.ctl-head{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px;font-weight:600}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}button{font:inherit;font-weight:500;padding:6px 11px;border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);cursor:pointer;color:var(--fg)}button:hover{border-color:#cbd5d1;background:var(--bg)}button.on{background:var(--on, var(--brand));border-color:var(--on, var(--brand));color:#fff}button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}button.primary:hover{background:var(--brand-dk);border-color:var(--brand-dk)}button.mini{padding:2px 8px;font-size:.75rem}button:disabled{opacity:.45;cursor:default}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}.seg button{border:0;border-radius:0;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}select{font:inherit;padding:6px 8px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);max-width:100%}input[type=text],input[type=number]{font:inherit;padding:4px 6px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card)}.chk{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:.9rem}.cards{display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--sh-sm)}details.card summary{cursor:pointer;font-weight:600}details.card .body{margin-top:8px;font-size:.92rem}.readout-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.big{font-size:1.6rem;font-weight:700;font-family:var(--font-display)}.chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 10px}.chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:40px;padding:4px 8px;border-radius:8px;font-weight:700;line-height:1.05}.chip.small{min-width:0;padding:2px 7px}.chip small{font-weight:500;font-size:.65rem;opacity:.9}.arr{display:inline-flex;flex-direction:column;align-items:center;font-size:.78rem;color:var(--muted);padding:0 3px;line-height:1;font-family:var(--font-mono)}.arr small{font-size:.62rem;font-family:var(--font-body)}.notice{background:var(--amber-bg);border:1px solid #f1dfa6;color:var(--amber-fg);border-radius:var(--r-md);padding:10px 14px;margin-bottom:14px;font-size:.92rem}.notice.green{background:var(--brand-lt);border-color:#bfe6d6;color:var(--brand-dk)}.notice a{color:inherit}.ord{margin-left:5px;font-size:.65rem;background:#ffffff4d;border-radius:999px;padding:0 5px;font-family:var(--font-mono)}button:not(.on) .ord{background:var(--bg2);color:var(--muted)}.fields{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:.9rem}.fields input[type=number]{width:64px}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px}.tag{font-size:.8rem;border:1px solid var(--line);border-radius:999px;padding:2px 9px;background:var(--card)}.tag.good{border-color:var(--brand);background:var(--brand-lt)}.tag.weak{border-color:var(--red);background:var(--red-bg)}.dark-card{background:var(--dark);color:#e6efe9;border-color:var(--dark-edge)}.dark-card h3{color:#fff}.dark-card h4{color:var(--mint)}.dark-card b{color:#fff}.dark-card i{color:var(--mint);font-style:normal}.drill-stage{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:center;text-align:center}.drill-stage.running{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lt)}.chord-now{font-size:3.6rem;font-family:var(--font-display);line-height:1}.chord-next{font-size:1.7rem;font-family:var(--font-display);color:var(--muted);line-height:1}.beats{grid-column:1 / -1;display:flex;justify-content:center;gap:8px;margin-top:8px}.beat{width:14px;height:14px;border-radius:50%;background:var(--line)}.beat.accent{border:2px solid var(--muted2)}.beat.on{background:var(--brand)}.stats{grid-column:1 / -1}.drill-buttons{grid-column:1 / -1;justify-content:center;margin-top:8px}.hist{margin-bottom:10px}.hist-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.spark{width:100%;max-width:420px;height:auto;display:block;margin:4px 0 8px}.spark polyline{stroke:var(--brand)}.spark circle{fill:var(--brand)}.spark-lbl{font-size:9px;fill:var(--muted);text-anchor:middle;font-family:var(--font-mono)}.theory{max-width:1100px}.subnav{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 12px}.subnav a{text-decoration:none;color:var(--fg);font-size:.85rem;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.subnav a.on{background:var(--brand);color:#fff;border-color:var(--brand)}.tsec{margin-top:38px;scroll-margin-top:calc(var(--top-h, 52px) + 200px)}.tsec>p{max-width:900px}.keys{display:flex;flex-wrap:wrap;gap:4px}.key{display:flex;flex-direction:column;align-items:center;padding:6px 6px 4px;min-width:66px;line-height:1.2}.key b{font-size:1.05rem}.key .alt{font-size:.7rem;min-height:.9em}.ivgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-bottom:10px}.ivbtn{display:flex;flex-direction:column;align-items:flex-start;border-left:5px solid var(--c);text-align:left;line-height:1.25;padding:6px 9px}.ivbtn b{font-size:1rem}.recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.recipe{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.25;padding:6px 9px}.ring{width:100%;max-width:320px;height:auto;display:block;margin:8px auto 0}.ring-track{fill:none;stroke:var(--line);stroke-width:1.5}.ring-edge{stroke:var(--muted2);stroke-width:1.6}.ring-edge-label{font-size:9px;fill:var(--muted);text-anchor:middle;font-family:var(--font-mono)}.ring-node.dim{opacity:.55}.ring-node.clickable{cursor:pointer}.ring-node-bg{stroke:#00000014}.ring-node-ring{fill:none;stroke:var(--fg);stroke-width:1.5}.ring-node.playing{opacity:1}.ring-node.playing .ring-node-bg{stroke:var(--fg);stroke-width:3.5;transform-box:fill-box;transform-origin:center;animation:ringpulse .36s ease-out}@keyframes ringpulse{0%{transform:scale(1.35)}to{transform:scale(1)}}.ring-node-text{font-size:12px;font-weight:700;text-anchor:middle}.ring-node-sub{font-size:8px;text-anchor:middle;opacity:.9}.ring-center{font-size:12px;fill:var(--muted);text-anchor:middle}.ring-center.first{font-size:18px;fill:var(--fg);font-family:var(--font-display)}.degrow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}@media(max-width:900px){.degrow{grid-template-columns:repeat(4,1fr)}}.degcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:8px 4px;border-top:4px solid var(--c);line-height:1.2}.degcard .numeral{font-weight:700;color:var(--muted);font-family:var(--font-mono)}.degcard .big2{font-size:1.25rem;font-weight:700}.degcard .fn{font-size:.8rem;font-weight:600;margin-top:4px}.degcard .role{font-size:.7rem}.seven tr.good td{background:var(--brand-lt)}.seven td:nth-child(2){font-family:var(--font-mono);font-size:.8rem}.nature{background:var(--dark);color:#e6efe9;border-color:var(--dark-edge);margin-top:12px}.nature h3{color:#fff}.nature h4{color:var(--mint)}.nature li,.nature p{font-size:.9rem}.nature b{color:#fff}.nature i{color:var(--mint);font-style:normal}#feel-steps{margin-top:12px}.ear-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}@media(max-width:1000px){.ear-grid{grid-template-columns:1fr}}.ans.right{background:var(--brand);border-color:var(--brand);color:#fff}.ans.wrong{background:var(--red);border-color:var(--red);color:#fff}.ok{color:var(--brand-dk);font-weight:700}.miss{color:var(--red);font-weight:700}.tallyrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tuner-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}@media(max-width:1000px){.tuner-grid{grid-template-columns:1fr}}.tuner .seg button{white-space:nowrap}.level{height:6px;background:var(--bg2);border-radius:3px;overflow:hidden;margin-top:8px}.level span{display:block;height:100%;width:0;background:var(--brand);border-radius:3px;transition:width .08s linear}.tuner-stage{transition:border-color .15s,box-shadow .15s}.tuner-stage.in-tune{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lt)}.tuner-stage.holding .tn-note{color:var(--brand-dk)}.tn-note{font-size:2.6rem;min-width:2.2em}.tn-cents{font-family:var(--font-mono);font-size:1.3rem;color:var(--muted)}.tuner-stage.in-tune .tn-cents{color:var(--brand-dk)}.gauge{width:100%;max-width:440px;height:auto;display:block;margin:4px auto 0}.g-track{fill:none;stroke:var(--line);stroke-width:10;stroke-linecap:round}.g-ok{fill:none;stroke:var(--brand);stroke-width:10}.g-tick{stroke:var(--muted2);stroke-width:1.5}.g-tick.major{stroke:var(--muted);stroke-width:2}.g-lbl{font-size:12px;fill:var(--muted);text-anchor:middle;font-family:var(--font-mono)}.g-word{font-size:12px;fill:var(--muted2);text-anchor:middle;text-transform:uppercase;letter-spacing:.08em}.g-needle{fill:var(--fg);transform-box:view-box;transform-origin:210px 214px;transition:transform .09s linear}.gauge.idle .g-needle{fill:var(--muted2)}.tuner-stage.in-tune .g-needle{fill:var(--brand-dk)}.g-hub{fill:var(--fg)}.ruler{width:100%;height:auto;display:block;margin-top:6px}.r-line{stroke:var(--line);stroke-width:3}.r-tick{stroke:var(--muted2);stroke-width:1.5}.r-tick.nat{stroke:var(--muted)}.r-lbl{font-size:13px;fill:var(--muted);text-anchor:middle;font-family:var(--font-mono)}.r-lbl.acc{font-size:10px;fill:var(--muted2)}.r-lbl.on{fill:var(--fg);font-weight:700}.r-fixed{font-size:11px;fill:var(--brand-dk);text-anchor:middle;font-weight:700}.r-target{fill:var(--amber);opacity:.28}.r-trail circle{fill:var(--brand)}.r-marker{fill:var(--brand);stroke:#fff;stroke-width:2.5}.r-lesson{fill:var(--amber)}table.caught td{vertical-align:middle}table.caught .row{gap:4px;flex-wrap:nowrap}@media(max-width:760px){:root{font-size:14px}.top{gap:10px;padding:8px 12px;flex-wrap:wrap}.brand{font-size:1.1rem}#lens{display:none}#nav a{padding:5px 9px;font-size:.9rem}.stage{padding:6px 10px 4px}.stagebar{gap:4px 10px;margin-bottom:4px}.stagebar .roots button{padding:2px 5px;min-width:27px;font-size:.8rem}.stagebar select{max-width:150px}.sb-label,.sb-note{display:none}.stagebar #sb-roots{display:contents}.stagebar .seg button{padding:2px 7px;font-size:.8rem}.stagebar button.primary{padding:2px 8px;font-size:.8rem}.stage.compact .stagebar #sb-style{display:none}.labelstrip{justify-content:flex-start}main{padding:6px 10px 40px}.ear-grid,.tuner-grid,.grid2,.grid3{grid-template-columns:1fr}.tn-note{font-size:2.1rem}.degrow{grid-template-columns:repeat(2,minmax(0,1fr))}.key{min-width:56px;padding:4px}.ivgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.chord-now{font-size:2.6rem}.foot .inner{flex-direction:column;gap:8px}.tsec{scroll-margin-top:calc(var(--top-h, 52px) + 240px)}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/DMSans-400-normal-Bf69Tn_J.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/DMSerifDisplay-400-normal-C5_t9oOD.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/JetBrainsMono-400-normal-6fWv1k7M.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--drawer-w: 400px;--fly-w: 300px;--top-h: 50px;--glass: rgba(10, 24, 20, .84);--glass-line: rgba(127, 221, 187, .22);--glass-fg: #eef5f1;--glass-muted: #b7cfc4;--space-bg: #0b1626}html,body{height:100%;overflow:hidden}body{background:#050a14}#app{position:fixed;inset:0}.views{position:absolute;inset:0}.view{position:absolute;inset:0;width:100%;height:100%}.views>.view.maplibregl-map{position:absolute}.view[hidden]{display:none}#view-map{background:#050a14;background-size:1024px 1024px}#view-space canvas{display:block;width:100%;height:100%}.view.list{overflow:auto;background:var(--bg);color:var(--fg);padding:calc(var(--top-h) + 16px) 24px 60px}#app.on-list .stack,#app.on-list .flyout,#app.on-list .tray,#app.on-list .dismiss{display:none}.glass{background:var(--glass);color:var(--glass-fg);border:1px solid var(--glass-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 30px #00000059}.glass a{color:var(--mint)}.glass h2,.glass h3,.glass h4{color:#fff}.glass h4{color:var(--mint)}.glass .muted{color:var(--glass-muted)}.glass button{background:#ffffff14;border-color:#ffffff29;color:var(--glass-fg)}.glass button:hover{background:#ffffff29;border-color:#ffffff4d}.glass button.on,.glass button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.glass button.primary:hover{background:var(--brand-dk)}.glass button.ghost{background:none;border-color:transparent}.glass button.ghost:hover{background:#ffffff1f}.glass button.lnk{border:0;background:none;padding:0;color:var(--mint);font-weight:600;cursor:pointer;text-align:left}.glass button.lnk:hover{text-decoration:underline}.glass input[type=text]{background:#ffffff1a;border-color:#fff3;color:#fff}.glass input[type=text]::placeholder{color:var(--glass-muted)}.glass .seg{background:#ffffff0f;border-color:#ffffff29}.glass .seg button{border-right-color:#ffffff1f}.glass .tag{background:#ffffff14;border-color:#fff3;color:var(--glass-fg)}.glass kbd{font-family:var(--font-mono);font-size:.68rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:0 5px;color:var(--glass-muted);margin-left:6px}.glass blockquote{border-left-color:#ffffff40;color:var(--glass-muted)}.glass code{background:#ffffff1a}.top{position:absolute;top:0;left:0;right:0;height:var(--top-h);z-index:30;display:flex;align-items:center;gap:18px;padding:0 16px;border-width:0 0 1px;border-radius:0;box-shadow:none}.top .brand{font-family:var(--font-display);font-size:1.15rem;color:#fff;display:flex;align-items:baseline;gap:8px;white-space:nowrap}.top .brand small{font-family:var(--font-body);font-size:.7rem;color:var(--glass-muted)}.top .brand small a{color:var(--mint);text-decoration:none;font-weight:600}.tabs{display:flex;gap:2px;margin-left:8px}#nav a{text-decoration:none;color:var(--glass-fg);padding:5px 13px;border-radius:999px;font-size:.9rem;font-weight:500}#nav a:hover{background:#ffffff1f}#nav a.on{background:var(--brand);color:#fff}.search-slot{margin-left:auto}.search{position:relative}.search input{width:280px;padding:6px 10px;border-radius:999px}.search .results{position:absolute;top:calc(100% + 6px);right:0;z-index:40;border-radius:var(--r-md);width:340px;max-height:360px;overflow:auto}.search .results button{display:flex;gap:8px;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.08);padding:7px 12px;background:none}.search .results button:hover{background:#ffffff1a}.search .results .k{color:var(--glass-muted);font-size:.72rem;min-width:72px}.search .results[hidden]{display:none}.stack{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:31;display:flex;flex-direction:column;gap:6px;padding:8px 6px;border-radius:26px}.stack button{width:50px;height:38px;padding:0;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--glass-muted);background:#05100c66;border-color:transparent}.stack button:hover{color:#fff}.stack button.on{background:var(--brand);color:#fff}.stack button[hidden]{display:none}.dismiss{position:absolute;inset:0;z-index:29;background:transparent}.dismiss[hidden]{display:none}.flyout{position:absolute;right:80px;top:calc(var(--top-h) + 14px);z-index:31;width:var(--fly-w);max-height:calc(100vh - var(--top-h) - 110px);overflow-y:auto;padding:14px 16px 16px;border-radius:var(--r-md);animation:flySlide .22s ease-out;scrollbar-width:thin}#app.has-dock .flyout{max-height:calc(100vh - var(--top-h) - 320px)}.flyout[hidden]{display:none}@keyframes flySlide{0%{transform:translate(14px);opacity:0}to{transform:translate(0);opacity:1}}.fly[hidden]{display:none}.fly-title{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.16em;color:var(--mint);margin-bottom:10px}.fly-sub{font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--glass-muted);margin:14px 0 6px}.fly-desc{font-size:.8rem;color:var(--glass-muted);margin:0 0 8px;line-height:1.45}.fly-row{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}.fly-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--glass-muted);font-weight:600;min-width:80px}.fly .seg button{padding:3px 10px;font-size:.8rem}.toggle{display:flex;align-items:center;gap:8px;font-size:.86rem;padding:4px 0;cursor:pointer}.toggle input{accent-color:var(--brand)}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.chips button{font-size:.76rem;padding:3px 9px;border-radius:999px}button.small{font-size:.76rem;padding:2px 8px}.legend{font-size:.78rem;line-height:1.5}.legend .ln{display:inline-block;width:26px;height:0;border-top:2px solid #7fddbb;vertical-align:middle;margin-right:8px}.legend .ln.likely{border-top-style:dashed}.legend .ln.spec{border-top-style:dotted;opacity:.6}.legend-kinds{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin:6px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:1px solid rgba(255,255,255,.6)}.help-row{display:flex;gap:10px;padding:3px 0;font-size:.8rem;line-height:1.4}.help-key{color:var(--mint);font-weight:700;min-width:92px;flex:none}.path-card{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:10px}.path-card h4{margin-bottom:2px}.path-card ol.steps{margin:4px 0 8px;padding-left:18px;font-size:.82rem}.path-card ol.steps li{margin-bottom:1px}.path-card .edge-note{color:var(--glass-muted);font-size:.74rem}.path-card .row{gap:8px}.path-card .row button{font-size:.8rem;padding:4px 10px}.space-hud .row{gap:5px;margin-bottom:8px}.space-hud button{font-size:.8rem;padding:4px 10px}.space-hud .hint{color:var(--glass-muted);font-size:.76rem;margin:0;line-height:1.45}.space-hud [hidden]{display:none}.tray{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:28;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:32px;width:min(620px,calc(100vw - 32px))}.tray .tray-btn{background:none;border:0;color:#fff;font-size:1rem;padding:4px 8px;border-radius:8px;line-height:1}.tray .tray-btn:hover{background:#ffffff24}.tray input[type=range]{flex:1;accent-color:var(--mint);min-width:120px}.tray .year{font-family:var(--font-mono);font-size:.95rem;min-width:7ch;text-align:right;color:var(--mint);font-weight:700}.tray .tray-hint{font-size:.68rem;color:var(--glass-muted);white-space:nowrap}.status{position:absolute;left:12px;bottom:12px;z-index:27;font-size:.68rem;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;max-width:calc(50vw - 340px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.status{display:none}}.toasts{position:absolute;top:calc(var(--top-h) + 14px);left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{padding:8px 16px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-line);color:#fff;font-size:.82rem;opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .35s;max-width:min(600px,80vw);text-align:center}.toast.show{opacity:1;transform:translateY(0)}.drawer{position:absolute;top:calc(var(--top-h) + 12px);left:12px;bottom:80px;width:var(--drawer-w);z-index:32;border-radius:var(--r-md);display:flex;flex-direction:column;animation:drawerSlide .25s ease-out}.drawer[hidden]{display:none}@keyframes drawerSlide{0%{transform:translate(-24px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-tab{position:absolute;left:0;top:calc(var(--top-h) + 20px);z-index:32;display:flex;align-items:center;gap:2px;border-radius:0 999px 999px 0;border-left:0;padding:3px 6px 3px 4px;max-width:300px;animation:drawerSlide .2s ease-out}.drawer-tab button{font-size:.84rem;font-weight:600;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.drawer-tab[hidden]{display:none}.drawer-head{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.1);flex:none}.drawer-head .spacer{flex:1}.drawer-head button{font-size:.8rem;padding:3px 9px}.detail{overflow-y:auto;padding:12px 16px 20px;font-size:.9rem;scrollbar-width:thin}.detail .kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--glass-muted);font-weight:600;display:flex;align-items:center}.detail h2{font-size:1.45rem;margin-bottom:2px}.detail .span{color:var(--glass-muted);font-size:.84rem;margin-bottom:8px}.detail .actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.detail .actions button{font-size:.78rem;padding:4px 9px}.detail .actions button .ord{background:#ffffff2e;color:inherit}.detail .actions button[data-act=roots].on{background:#d97706;border-color:#d97706}.detail .actions button[data-act=legacy].on{background:#c026d3;border-color:#c026d3}.spread-caption{position:absolute;left:50%;bottom:84px;transform:translate(-50%);z-index:26;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border-radius:999px;font-size:.86rem;max-width:min(720px,calc(100vw - 32px))}.spread-caption b{color:#fbbf24}.spread-caption .step{font-family:var(--font-mono);font-size:.74rem;color:var(--glass-muted);white-space:nowrap}.spread-caption button{font-size:.76rem;padding:2px 9px;flex:none}.spread-caption[hidden]{display:none}.detail .summary{margin-bottom:10px}.detail .summary.none{color:var(--glass-muted);font-style:italic}.detail .ai-pill{font-size:.68rem;border:1px solid var(--amber);color:var(--amber);border-radius:999px;padding:0 6px;margin-left:6px}.detail .rel-group{margin-top:10px}.detail .rel-group h4{margin-bottom:2px}.detail .rel{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08)}.detail .rel .when{color:var(--glass-muted);font-size:.76rem}.detail .conf{font-size:.66rem;border-radius:999px;padding:0 6px;border:1px solid rgba(255,255,255,.3);color:var(--glass-muted)}.detail .conf.documented{border-color:var(--mint);color:var(--mint)}.detail .conf.likely{border-style:dashed}.detail .conf.speculative{opacity:.7}.detail .conf.disputed{border-color:#ff8a8a;color:#ff8a8a}.detail details.src summary{font-size:.74rem;color:var(--glass-muted);cursor:pointer}.detail blockquote{margin:4px 0 6px;padding:4px 8px;border-left:3px solid rgba(255,255,255,.25);font-size:.78rem}.detail blockquote a{font-size:.72rem}.detail .links .lk,.detail .radio .lk{display:flex;gap:8px;align-items:center;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.84rem}.detail .links button.play{font-size:.78rem;padding:2px 9px;flex:none}.detail .nolink{margin:6px 0 10px}.detail .tag.sub{border-color:var(--amber);color:var(--amber)}.detail .tour{background:#1d9e7540;border:1px solid rgba(127,221,187,.4);border-radius:var(--r-md);padding:6px 10px;font-size:.82rem;margin:6px 0}.detail .how{font-size:.72rem;color:var(--glass-muted)}.dock{position:absolute;right:12px;bottom:18px;width:360px;z-index:33;border-radius:var(--r-md);overflow:hidden}.dock[hidden]{display:none}.dock-head{display:flex;align-items:center;gap:4px;padding:6px 8px;font-size:.78rem}.dock-head .now{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-head .q{font-family:var(--font-mono);color:var(--mint);font-size:.74rem;white-space:nowrap}.dock-head button{font-size:.8rem;padding:2px 7px;flex:none}.dock-frame{aspect-ratio:16 / 9;background:#000}.dock-frame iframe{width:100%;height:100%;border:0;display:block}.dock.mini .dock-frame{height:1px;aspect-ratio:auto;overflow:hidden}.dock.mini .dock-hint{display:none}.dock-blocked{margin:0;padding:18px 14px;font-size:.84rem;line-height:1.5;color:var(--glass-fg);display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%}.dock-blocked a{color:var(--mint);font-weight:600}.detail .links a.out{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 9px;border:1px solid rgba(255,255,255,.3);border-radius:var(--r-sm);text-decoration:none;color:var(--mint);font-weight:700;flex:none}.dock-hint{font-size:.7rem;color:var(--glass-muted);margin:4px 8px 6px}.label-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.map-label{position:absolute;left:0;top:0;transform:translate(-50%,-140%);font-size:.72rem;font-weight:600;color:#10231c;background:#ffffffd1;padding:1px 7px;border-radius:999px;white-space:nowrap;pointer-events:auto;cursor:pointer;box-shadow:0 1px 3px #00000059;line-height:1.4}.map-label.tradition{font-size:.78rem;background:#fff4d6eb}.map-label.sel{background:var(--brand);color:#fff}.map-label.lit{background:#fff;box-shadow:0 0 0 2px #f59e0b,0 1px 4px #0006}.map-label:hover{background:#fff}.space-label-layer .map-label{color:#fff;background:#0a1814c7;box-shadow:none}.space-label-layer .map-label.tradition{background:#e8a317d9;color:#10231c}.space-label-layer .map-label.sel{background:var(--brand);color:#fff}.space-label{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-150%);background:#0a1814e6;color:#fff;font-size:.8rem;padding:3px 9px;border-radius:999px;white-space:nowrap}.space-label small{color:var(--mint);margin-left:6px}.space-label[hidden]{display:none}.maplibregl-popup-content{font-family:var(--font-body);font-size:.82rem;padding:6px 10px;border-radius:var(--r-sm)}.maplibregl-popup-content b{display:block}.maplibregl-ctrl-attrib{font-size:.66rem}.maplibregl-ctrl-bottom-right{bottom:60px}.maplibregl-ctrl-bottom-left{display:none}.list .inner{max-width:1100px;margin:0 auto}.list h3{margin-top:14px}.list .kinds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.list .ent{display:grid;grid-template-columns:1fr auto;gap:8px;padding:4px 0;border-bottom:1px solid var(--line2);font-size:.9rem}.list .ent button{padding:1px 8px;font-size:.78rem}.list .paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:20px}.list ol.steps{margin:6px 0;padding-left:20px}.list ol.steps li{margin-bottom:2px}.list .edge-note{color:var(--muted);font-size:.78rem}.list button.lnk{border:0;background:none;padding:0;color:var(--brand-dk);font-weight:600;cursor:pointer;text-align:left}.list button.lnk:hover{text-decoration:underline}.list .foot{margin-top:30px;border-top:1px solid var(--line);padding-top:12px;font-size:.82rem;color:var(--muted)}@media(max-width:860px){:root{--drawer-w: auto;--fly-w: min(300px, calc(100vw - 90px) )}.top{gap:6px;padding:0 8px}.top .brand{display:none}#nav a{padding:5px 10px;font-size:.84rem}.search input{width:140px;padding:5px 9px}.search .results{width:calc(100vw - 16px)}.drawer{inset:auto 8px 0;max-height:58vh;width:auto;border-radius:var(--r-md) var(--r-md) 0 0}.tray{bottom:auto;top:calc(var(--top-h) + 8px);width:calc(100vw - 90px);left:8px;transform:none;padding:5px 10px}.tray .tray-hint{display:none}.stack{right:6px}.stack button{width:44px;height:34px;font-size:9px}.flyout{right:60px}.dock{width:calc(100vw - 16px);right:8px;bottom:8px}.status{display:none}}