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