.sd-page{--mf-main: #5aa9ff;--mf-second: #f08a6c;--sd-theory: rgba(237,235,230,.42);--sd-steel: #b9c4d0;--sd-water: #5aa9ff;--sd-air: #f08a6c;--sd-ghost: rgba(237,235,230,.28)}.sd-page svg.chart{font-family:var(--mono);overflow:visible}.sd-page svg.chart .frame{fill:#ffffff05;stroke:var(--line-strong)}.sd-page svg.chart .grid{stroke:#edebe612}.sd-page svg.chart .zero{stroke:var(--line-strong)}.sd-page svg.chart .tick{fill:var(--muted);font-size:11px}.sd-page svg.chart .axis{fill:var(--soft);font-size:11px;font-family:var(--sans)}.sd-page svg.chart path{fill:none;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}.sd-page svg.chart path.s-theory{stroke:var(--sd-theory);stroke-dasharray:5 5;stroke-width:1.6}.sd-page svg.chart path.s-main{stroke:var(--mf-main)}.sd-page svg.chart circle.s-main{fill:var(--mf-main)}.sd-page svg.chart path.s-second{stroke:var(--mf-second)}.sd-page svg.chart circle.s-second{fill:var(--mf-second)}.sd-page svg.chart path.s-accent{stroke:var(--gold)}.sd-page .ls-read.tone-steel dt:before,.sd-page .ls-read.tone-water dt:before,.sd-page .ls-read.tone-air dt:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--dot)}.sd-page .tone-steel{--dot: var(--sd-steel)}.sd-page .tone-water{--dot: var(--sd-water)}.sd-page .tone-air{--dot: var(--sd-air)}.sd-page .tone-ghost{--dot: var(--sd-ghost)}.sd-page svg.chart path.s-steel{stroke:var(--sd-steel)}.sd-page svg.chart path.s-water{stroke:var(--sd-water)}.sd-page svg.chart path.s-air{stroke:var(--sd-air)}.sd-page svg.chart path.s-ghost{stroke:var(--sd-ghost);stroke-width:1.6}.sd-page .tone-main{--dot: var(--mf-main)}.sd-page .tone-second{--dot: var(--mf-second)}.sd-page .tone-accent{--dot: var(--gold)}.sd-page .tone-theory{--dot: var(--sd-theory)}.sd-legend{display:flex;flex-wrap:wrap;gap:2px 14px;margin:0 0 4px;padding:0;list-style:none;font-size:12px;color:var(--soft)}.sd-legend li:before{content:"";display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px;background:var(--dot)}.sd-legend li.tone-theory:before{background:repeating-linear-gradient(90deg,var(--sd-theory) 0 4px,transparent 4px 7px)}.sd-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--soft);background:var(--surface)}.sd-page .ls-view{display:flex;flex-direction:column}.sd-page .ls-view svg.chart{flex:1;min-height:0}.sd-page .ls-result p{margin:10px 0 0;color:var(--muted)}.sd-page .ls-read{min-width:0}@media(max-width:1440px){.sd-page .ls-read{padding:2px 10px}.sd-page .ls-read dd{font-size:16px}}