:root{color-scheme:dark;font-family:system-ui,-apple-system,'Noto Sans SC',sans-serif;background:#111a29;color:#f2f5fb;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0;min-width:0;overflow-wrap:anywhere}.masthead,main,footer{width:min(1100px,100% - 32px);margin-inline:auto}.masthead{padding:28px 0 8px}.eyebrow,.muted{color:#c3cbd9}.eyebrow{margin:0;font-size:14px;letter-spacing:.08em}.masthead h1{margin:.2rem 0;font-size:clamp(1.55rem,4vw,2.3rem)}.intro{margin:.35rem 0}.jump-links{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.jump-links a{padding:7px 12px;border:1px solid #586477;border-radius:7px;color:#9bf2dd}h2{font-size:1.25rem}h3{font-size:1.08rem}h4{margin:.8rem 0 .3rem;color:#9bf2dd}.panel{margin:16px 0;padding:20px;border:1px solid #586477;border-radius:12px;background:#171d29}.file-label{display:block;margin:8px 0;font-size:14px;font-weight:700}input,select,button{font:inherit;color:#f2f5fb;background:#202a39;border:1px solid #aab7c8;border-radius:7px;padding:10px}input[type=file]{display:block;width:100%;max-width:560px}button{cursor:pointer;font-size:14px;font-weight:650}button:hover:not(:disabled){background:#29394a}button:disabled{opacity:.62;cursor:not-allowed}:focus-visible{outline:3px solid #7ee8d2;outline-offset:3px}.muted{font-size:14px}.error{color:#ffb4ae;font-weight:700}.success{color:#9bf2dd;font-weight:750}.scope-warning{padding:10px;border-left:3px solid #ffd27d;background:#242332}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;margin:14px 0}.stat{min-width:0;padding:9px 11px;border:1px solid #4d5a6d;border-radius:7px;background:#1d2532;overflow-wrap:anywhere}.stat span,.stat strong{display:block}.stat span{font-size:14px;color:#c3cbd9}.stat strong{color:#9bf2dd;font-variant-numeric:tabular-nums}#summary h4{grid-column:1/-1}.judgments{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px}.judgments h4{grid-column:1/-1}.table-scroll{max-width:100%;overflow:auto;border:1px solid #586477;border-radius:7px}table{border-collapse:collapse;min-width:900px;width:100%;font-variant-numeric:tabular-nums}th,td{padding:9px 11px;text-align:left;vertical-align:top;border-bottom:1px solid #465266;white-space:nowrap}th{position:sticky;top:0;background:#293344;color:#fff}td{color:#f2f5fb}tbody tr:nth-child(even){background:#1d2532}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}summary{cursor:pointer;color:#9bf2dd;font-weight:700}footer{padding:18px 0 32px;color:#c3cbd9;font-size:14px}code{color:#9bf2dd}@media(max-width:560px){.panel{padding:15px}.masthead,main,footer{width:calc(100% - 24px)}.section-heading{align-items:flex-start}.pagination{gap:8px}input,select,button{max-width:100%}}

.spc-panel input[type=text]{display:block;width:100%;max-width:720px;margin:10px 0}.spc-panel select{display:block;width:100%;max-width:560px;margin:10px 0}.spc-report{padding:10px 14px;border-left:3px solid #7ee8d2;background:#1d2532;overflow-wrap:anywhere}.spc-report p{margin:.45rem 0}.spc-preview{margin-top:14px;padding:12px;border:1px solid #586477;border-radius:8px;background:#141c28}.spc-preview canvas{display:block;width:100%;border:1px solid #586477;border-radius:6px}.spc-preview .overview-tile,.spc-preview .overview-playhead{width:auto;height:auto;max-height:none}.preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.preview-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:13px;color:#d9e5f5}.preview-legend span{border-left:4px solid var(--kind-color);padding-left:5px}.preview-controls input[type=range]{flex:1;min-width:140px}.preview-readout,.preview-summary{font-variant-numeric:tabular-nums}.preview-controls label{display:flex;align-items:center;gap:5px;color:#d9e5f5;font-size:14px}.preview-controls label input[type=checkbox]{width:18px;height:18px}.overview-viewport{position:relative;max-height:720px;overflow:auto;overscroll-behavior:contain;border:1px solid #586477;border-radius:6px;background:#0f1723;scrollbar-gutter:stable}.overview-spacer{min-width:0}.overview-tile,.overview-playhead{position:absolute;display:block;border:1px solid #586477;border-radius:5px}.overview-tile{z-index:1;cursor:crosshair}.overview-playhead{z-index:2;pointer-events:none;border-color:transparent}.spc-preview.single-preview .overview-lane-header{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(560px,100%);height:28px;margin:0 auto;background:#111925;border:0;color:#cbd6e5;text-align:center;font-size:12px;line-height:28px}.spc-preview.single-preview .overview-viewport{width:min(560px,100%);height:auto;margin:0 auto;border:0;border-radius:0;background:#0f1723;scrollbar-gutter:auto}.spc-preview.single-preview .overview-spacer{width:100%;min-width:0}.spc-preview.single-preview .overview-tile,.spc-preview.single-preview .overview-playhead{border:0;border-radius:0}.spc-preview.single-preview .overview-tile,.spc-preview.single-preview .overview-playhead{max-width:100%}.spc-preview.single-preview .overview-playhead{border-color:transparent}
.spc-template{margin:12px 0 16px;padding:14px;border:1px solid #52647b;border-radius:8px;background:#101824}.spc-template h3{margin:0}.spc-template>p{margin:2px 0 10px;color:#c3cbd9;font-size:14px}.template-diagram{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:138px;padding:8px 8px 32px;border:1px solid #53647b;border-radius:7px;background:linear-gradient(#182335,#111a27)}.template-diagram:before{content:'时间向上 ↑';position:absolute;right:7px;top:3px;color:#c3cbd9;font-size:12px}.template-lane{position:relative;display:flex;justify-content:center;min-height:140px;border-left:1px solid #43536a;background:repeating-linear-gradient(to top,transparent 0 27px,#34445a 28px,#34445a 29px)}.template-lane:last-of-type{border-right:1px solid #43536a}.template-lane>span{position:absolute;bottom:-26px;width:max-content;max-width:100%;font-size:14px;color:#d9e5f5}.template-lane i{position:absolute;bottom:38px;width:68%;height:8px;border:1px solid #f0f4fa;border-radius:2px;background:repeating-linear-gradient(135deg,#a9c9e7 0 3px,#243c55 3px 6px)}.template-lane b{position:absolute;bottom:39px;width:68%;height:42px;border:2px solid #f0f4fa;border-bottom:0;background:repeating-linear-gradient(135deg,#a9c9e7 0 3px,#243c55 3px 6px)}.template-lane em{position:absolute;bottom:78px;width:68%;height:8px;border:1px solid #f0f4fa;background:#eaf2fa}.template-air{position:absolute;z-index:2;inset:8px 8px 32px;pointer-events:none}.template-air-catch,.template-air-flick{position:absolute;display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;background:#101824cc;opacity:.82}.template-air-catch{left:37%;top:40%;color:#53e7ef;font-size:17px}.template-air-flick{left:69%;top:66%;color:#fa67cf;font-size:16px;font-weight:900;border-radius:4px}.template-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:10px 0 0;list-style:none}.template-example{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid #40516a;border-radius:6px;background:#172130}.template-example>span:last-child{display:grid;min-width:0}.template-example strong{font-size:14px;overflow-wrap:anywhere}.template-example small{color:#c3cbd9;font-size:12px;overflow-wrap:anywhere}.template-glyph{display:flex;flex:0 0 28px;height:32px;align-items:center;justify-content:center;position:relative}.template-glyph i{display:block;width:23px;height:7px;border:1px solid #eff5fc;background:repeating-linear-gradient(135deg,#a9c9e7 0 3px,#243c55 3px 6px)}.template-glyph.long{flex-direction:column}.template-glyph.long i{height:5px}.template-glyph.long b{width:17px;height:15px;border:1px solid #eff5fc;border-block:0;background:repeating-linear-gradient(135deg,#a9c9e7 0 3px,#243c55 3px 6px)}.template-glyph.flick{font-size:25px;font-weight:900}.template-example.catch .template-glyph{border:2px solid #dce8f5;border-radius:50%;width:23px;height:23px;flex-basis:23px}.template-example.catch .template-glyph:after{content:'↓';font-size:15px;line-height:1}.template-note-canvas{position:absolute;bottom:32px;width:72%;height:88px;image-rendering:auto}.template-lane:nth-child(1) .template-note-canvas,.template-lane:nth-child(6) .template-note-canvas{width:72%}.template-air-catch,.template-air-flick{width:100px;height:140px;border:0;border-radius:0;background:transparent;opacity:.88}.template-air-catch{left:25%;top:22%;width:100px;height:20px;color:#c3acff}.template-air-flick{left:62%;top:46%;width:24px;height:24px;color:#ffe500}.template-glyph{display:block;width:50px;height:34px;flex:0 0 50px;object-fit:contain}.template-example.catch .template-glyph{border:0;width:50px;height:34px;flex-basis:50px}.template-example.catch .template-glyph:after{content:none}.template-example.long .template-glyph,.template-example.flick .template-glyph{display:block}
@media(max-width:620px){.template-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.template-diagram{padding-inline:2px}.template-lane>span{font-size:12px;letter-spacing:0}.template-lane i,.template-lane b,.template-lane em{width:82%}}
/* Song selection presentation, isolated from the save-analysis interface. */
.song-surface{--tier:#55b8ff;--tier-glow:#448dff;--surface-bg:#07101d;--surface-panel:#111d2d;--surface-edge:#536b88;background:radial-gradient(ellipse at 50% 22%,#15263a 0,#0a1321 52%,#070d17 100%);color:#f4f6ff;border:1px solid #33455d;border-radius:16px;min-width:0;overflow:hidden;padding:clamp(14px,2.2vw,26px);box-shadow:0 18px 60px #0008}.song-surface *{min-width:0}.song-surface h2{font-size:1.4rem;letter-spacing:.05em;color:#d7e5fb}.song-surface h3,.song-surface h4{color:#fff}.song-surface .surface-controls{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(130px,1fr)) auto;gap:10px;align-items:center;margin:14px 0}.song-surface input,.song-surface select,.song-surface button{min-height:44px;color:#f4f6ff;background:#142238;border-color:#7289a7}.song-surface .surface-controls input[type=search]{width:100%}.song-surface .surface-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.song-surface .surface-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:14px 0}.song-surface .surface-nav button:last-child{justify-self:end}.song-surface .song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:460px;overflow:auto;overscroll-behavior:contain;padding:4px;margin:10px 0 20px}.song-surface .song-card{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:2px 9px;align-items:center;min-height:68px;padding:7px;text-align:left;background:#101b2b;border-color:#435873}.song-surface .song-card img{grid-row:1/4;width:48px;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#202a39}.song-surface .song-card-title,.song-surface .song-card-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-surface .song-card-title{font-size:13px}.song-surface .song-card-artist{font-size:11px;color:#bdcce0}.song-surface .song-card-levels{display:flex;gap:4px;flex-wrap:wrap}.song-surface .song-card-levels span{font-size:10px;font-weight:800;color:var(--tier)}.song-surface .song-card.is-selected{border-color:#9bf2dd;background:#1b3040;box-shadow:inset 0 0 0 1px #9bf2dd}.song-surface .surface-count{color:#bdcce0;font-size:14px;font-variant-numeric:tabular-nums}.song-surface .song-hero{--tier:#55b8ff;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0, min(100%,480px));grid-template-rows:auto;gap:8px;justify-items:center;align-items:center;max-width:560px;margin:0 auto;padding:clamp(18px,3vw,38px);background:linear-gradient(145deg,#101e31,#0a1422 68%);border:3px solid color-mix(in srgb,var(--tier),transparent 26%);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--tier),transparent 77%),0 0 28px color-mix(in srgb,var(--tier),transparent 72%);clip-path:polygon(0 0,97% 0,100% 4%,100% 96%,97% 100%,3% 100%,0 96%)}.song-surface .song-hero:before{content:"";position:absolute;z-index:-1;inset:10px;border:1px solid color-mix(in srgb,var(--tier),transparent 45%);clip-path:polygon(0 0,97% 0,100% 5%,100% 95%,97% 100%,3% 100%,0 95%)}.song-surface .tier-min{--tier:#55b8ff;--tier-glow:#358bff}.song-surface .tier-evo{--tier:#49e4c0;--tier-glow:#00a986}.song-surface .tier-ult{--tier:#c08aff;--tier-glow:#873bdb}.song-surface .tier-fbd{--tier:#ff687b;--tier-glow:#d52d53}.song-surface .song-pennant{position:absolute;z-index:2;top:-4px;left:clamp(17px,3vw,36px);padding:8px 20px 13px;background:var(--tier);color:#08111d;font-size:14px;font-weight:950;letter-spacing:.12em;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);filter:drop-shadow(0 0 7px var(--tier-glow))}.song-surface .jacket-wrap{position:relative;grid-row:auto;width:100%;aspect-ratio:1;padding:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--tier),white 25%),#102035 48%,var(--tier));clip-path:polygon(0 0,91% 0,100% 9%,100% 100%,9% 100%,0 91%);box-shadow:0 0 30px color-mix(in srgb,var(--tier),transparent 62%)}.song-surface .jacket-wrap:before{content:"";position:absolute;inset:5px;z-index:1;pointer-events:none;border:1px solid #ffffffa8;clip-path:polygon(0 0,91% 0,100% 9%,100% 100%,9% 100%,0 91%)}.song-surface .jacket-wrap img{display:block;width:100%;height:100%;object-fit:cover;background:#131e2e}.song-surface .jacket-corner{position:absolute;z-index:2;right:1px;bottom:0;color:white;text-shadow:0 0 12px var(--tier);font-size:25px}.song-surface .song-info{text-align:center}.song-surface .song-id,.song-surface .song-meta,.song-surface .song-pack{color:#b6c5d9;font-size:14px}.song-surface .song-id{letter-spacing:.08em}.song-surface .song-info h3{margin:5px 0;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.2}.song-surface .song-artist{font-size:1.05rem;color:#e1e9f5}.song-surface .score-panel{display:flex;justify-content:center;align-items:center;gap:16px;margin:4px 0 8px}.song-surface .score-label{font-size:14px;font-weight:800;letter-spacing:.2em;color:var(--tier)}.song-surface .score-value{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 18px color-mix(in srgb,var(--tier),transparent 55%)}.song-surface .status-hex{display:grid;place-items:center;min-width:84px;min-height:68px;padding:8px 12px;background:#18263a;border:2px solid var(--tier);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:var(--tier);font-size:13px;font-weight:800;text-align:center}.song-surface .song-status-strip{grid-column:1;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:12px;padding:10px 12px;background:#ffffff09;border-top:1px solid color-mix(in srgb,var(--tier),transparent 35%);color:#d1dced;font-size:14px}.song-surface .tier-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:560px;margin:18px auto}.song-surface .tier-button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:76px;padding:10px;background:linear-gradient(145deg,#162338,#0e1726);border:1px solid color-mix(in srgb,var(--tier),transparent 42%);clip-path:polygon(0 0,100% 0,100% 78%,92% 100%,0 100%);transition:filter .15s,transform .15s,box-shadow .15s}.song-surface .tier-button:hover{filter:brightness(1.24);transform:translateY(-2px)}.song-surface .tier-button.is-selected{border:2px solid var(--tier);box-shadow:inset 0 -3px 0 var(--tier),0 0 18px color-mix(in srgb,var(--tier),transparent 65%);background:color-mix(in srgb,var(--tier),#101a29 85%)}.song-surface .tier-key-count{align-self:stretch;margin:-10px -10px 3px;padding:3px 4px;background:color-mix(in srgb,var(--tier),#101a29 78%);clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);color:var(--tier);font-size:14px;font-weight:850;letter-spacing:.08em;text-align:center}.song-surface .tier-name{color:var(--tier);font-size:15px;letter-spacing:.08em}.song-surface .tier-level{font-size:1.55rem;color:#f4f6ff}.song-surface .tier-button small{font-size:12px;color:#bdcce0}.song-surface .score-value{max-width:100%;overflow-wrap:anywhere;font-size:clamp(1.25rem, min(7vw, 4.2rem), 4.2rem)}.song-surface .score-value.score-long{font-size:clamp(1rem, 3.5vw, 2.7rem);letter-spacing:0}.song-surface .chart-details{max-width:1000px;margin:10px auto 24px}.song-surface .chart-details summary{min-height:44px;padding:9px;color:#cad8eb}.song-surface .chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}.song-surface .chart-card{padding:12px;background:#101b2c;border:1px solid color-mix(in srgb,var(--tier),transparent 50%);overflow-wrap:anywhere}.song-surface .chart-card ul{padding-left:20px}.song-surface .song-history,.song-surface .jacket-import,.song-surface .unmapped{margin-top:18px;padding-top:8px;border-top:1px solid #33445c}.song-surface .table-scroll{max-width:100%;overflow:auto}.song-surface table{min-width:600px}.song-surface th{background:#263b58;color:#fff}.song-surface td{white-space:nowrap}.song-surface :focus-visible{outline:3px solid #fff;outline-offset:3px}.song-surface .tier-button:focus-visible{outline-offset:-4px;box-shadow:inset 0 0 0 2px #fff}.song-surface button:disabled{opacity:.6}
@media(max-width:720px){.song-surface .song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:2px}.song-surface .song-card{grid-template-columns:34px minmax(0,1fr);gap:2px 6px;min-height:58px;padding:5px}.song-surface .song-card img{width:34px}.song-surface .song-card-title{font-size:12px}.song-surface .song-card-artist{font-size:10px}.song-surface .song-card-levels span{font-size:9px}.song-surface .surface-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.song-surface .surface-controls input[type=search]{grid-column:1/-1}.song-surface .song-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:10px;padding:30px 16px 16px}.song-surface .jacket-wrap{grid-row:auto;width:min(100%,420px);margin:0 auto}.song-surface .song-status-strip{grid-column:1}.song-surface .tier-selector{gap:7px}.song-surface .tier-button{flex-direction:column;gap:0;min-height:76px;padding:7px 3px}.song-surface .chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.song-surface .song-grid{gap:5px}.song-surface .song-card{grid-template-columns:30px minmax(0,1fr);gap:2px 4px;padding:4px}.song-surface .song-card img{width:30px}.song-surface .surface-controls{gap:7px}.song-surface .surface-controls label{white-space:normal;font-size:14px}.song-surface .song-hero{padding-inline:12px}.song-surface .tier-selector{gap:5px}.song-surface .tier-name{font-size:13px}.song-surface .chart-grid{grid-template-columns:minmax(0,1fr)}.song-surface .score-panel{gap:8px}.song-surface .status-hex{min-width:70px}}
.song-surface .chart-open-action{display:block;width:min(100%,560px);min-height:48px;margin:16px auto 8px;background:#9bf2dd;color:#07101d;border-color:#9bf2dd;font-size:1rem;font-weight:850;text-align:center}
.song-surface .chart-open-action:hover:not(:disabled){background:#b7ffef}
.song-surface .surface-nav button{width:100%}
.spc-panel>button{margin:8px 8px 0 0}
.spc-cloud .saved-chart{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.spc-cloud .saved-chart>span{flex:1 1 100%;min-width:0}
.preview-controls{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.preview-controls>button{grid-column:span 2}
.preview-controls>input[type=range]{grid-column:span 10;width:100%;min-width:0}
.preview-controls>label{grid-column:span 4;min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
.preview-controls label small{flex-basis:100%;min-width:0;overflow-wrap:anywhere}
.preview-controls input,.preview-controls select{min-width:0;max-width:100%}
@media(max-width:620px){.preview-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-controls>button{grid-column:span 1}.preview-controls>input[type=range]{grid-column:span 2}.preview-controls>label{grid-column:span 1}.preview-controls>label:has(small){grid-column:span 2}.preview-controls label small{grid-column:1/-1}.preview-controls input,.preview-controls select{min-width:0;max-width:100%}}

/* Compact SPC graphics and readable controls. */
.spc-intro{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.spc-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #40566b;border-radius:999px;background:#182638;color:#d9e5f5;font-size:14px}.spc-chip i{color:#9bf2dd;font-style:normal;font-weight:800}.spc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 10px}.spc-metric{position:relative;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:0 8px;min-height:72px;padding:10px;border:1px solid #40566b;border-radius:9px;background:linear-gradient(145deg,#202e3e,#182331)}.spc-metric i{grid-row:1/3;color:#9bf2dd;font-size:23px;font-style:normal;text-align:center}.spc-metric span{color:#c3cbd9;font-size:13px}.spc-metric strong{color:#9bf2dd;font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.spc-unknown-warning{grid-column:1/-1;justify-self:start;padding:3px 9px;border-radius:999px;background:#49351c;color:#ffca78;font-size:13px}.spc-source{grid-column:1/-1;justify-self:start;padding:3px 9px;border-radius:999px;background:#203c3a;color:#a9f5df;font-size:13px}.preview-guide{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:8px 0;padding:8px 10px;border:1px solid #394c63;border-radius:7px;background:#111a27;color:#d9e5f5;font-size:14px}.preview-guide span:first-child{color:#9bf2dd;font-weight:750}.preview-legend-item{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid #394c63;border-radius:6px;padding:4px 8px}.note-glyph{position:relative;display:inline-block;flex:0 0 18px;width:18px;height:16px}.note-glyph.tap:after{content:'';position:absolute;left:2px;right:2px;top:5px;height:6px;border:1px solid #e7f5ff;border-radius:2px;background:#70cce2}.note-glyph.side:after{content:'';position:absolute;left:1px;right:1px;top:5px;height:6px;border:1px solid #fff;border-radius:2px;background:#b38aff}.note-glyph.catch:after{content:'';position:absolute;left:3px;top:3px;width:10px;height:8px;border:2px solid #c3acff;border-radius:2px 6px 2px 6px;transform:skew(-18deg);background:#8c70c8}.note-glyph.flick:after{content:'➜';position:absolute;inset:-4px 0 0;color:#ffe500;font-size:20px;font-weight:900;text-align:center}.note-glyph.unknown{border:1px dashed #ffca78;border-radius:3px}.preview-button{position:relative;min-height:42px;padding-inline:12px}.preview-button:before{display:inline-block;margin-right:7px;color:#9bf2dd}.play-button:before{content:'▶'}.pause-button:before{content:'Ⅱ'}.preview-controls label:has(select[aria-label="播放速度"]):before{content:'◷';color:#9bf2dd}.preview-controls label:has(input[aria-label="流速"]):before{content:'↟';color:#9bf2dd}.preview-controls label:has(select[aria-label="可视时间窗口"]):before{content:'▤';color:#9bf2dd}.preview-controls label:has(select[aria-label="显示方式"]):before{content:'▥';color:#9bf2dd}.preview-controls label:has(input[aria-label="分段列高度"]):before{content:'↕';color:#9bf2dd}.preview-controls label:has(input[aria-label="跟随播放"]):before{content:'◎';color:#9bf2dd}.preview-controls label:has(small){position:relative}.preview-controls label small{color:#c3cbd9}.preview-readout{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-live-readout,.preview-summary{padding:7px 10px;border-radius:6px;background:#111a27;color:#d9e5f5}.preview-live-readout{font-variant-numeric:tabular-nums;font-weight:700;color:#9bf2dd}.preview-columns{display:inline-flex;align-items:stretch;gap:3px;height:22px;border-bottom:2px solid #9bf2dd}.preview-columns i{display:block;width:9px;height:17px;border:1px solid #7892ae;border-bottom:0;background:linear-gradient(to top,transparent 75%,#9bf2dd 75%)}.preview-guide{align-items:center}.flow-help{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid #9bf2dd;border-radius:50%;color:#9bf2dd;font-weight:700;cursor:help}@media(max-width:560px){.spc-metrics{gap:5px}.spc-metric{grid-template-columns:1fr;justify-items:start;align-content:center;min-height:84px;padding:8px}.spc-metric i{grid-row:auto;font-size:18px}.spc-metric strong{font-size:16px}.preview-controls>button{min-height:44px}}

/* Scoped layout and consistent ordinary control sizing. */
.jump-links a,.pagination button,.surface-nav button,.spc-panel>button,.preview-button{height:44px;min-height:44px;padding:8px 12px;line-height:1.25;white-space:nowrap}
.jump-links a{display:inline-flex;align-items:center;justify-content:center}
.surface-controls input[type=search],.surface-controls select,.preview-controls select,.preview-controls input[type=number]{min-height:44px;line-height:1.25;padding:8px 10px}
.surface-controls input[type=search],.surface-controls select,.preview-controls select,.preview-controls input[type=number]{height:44px}
.surface-controls input[type=search],.surface-controls select{margin:0;width:100%;min-width:0}
.surface-controls input[type=checkbox],.preview-controls input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0}
.preview-controls{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:10px 8px}
.preview-controls>button{grid-column:span 2}
.preview-controls>input[type=range]{grid-column:span 10;width:100%;height:24px;min-height:24px;min-width:0;padding:0;margin:0}
.preview-controls>label{display:grid;grid-template-columns:18px minmax(0,1fr) 19px;grid-template-rows:24px 44px;align-items:center;align-content:start;gap:4px 5px;grid-column:span 4;min-width:0;min-height:72px;margin:0;line-height:1.25;white-space:nowrap}
.preview-controls>label:before{grid-column:1;grid-row:1;align-self:center}
.preview-controls>label>select,.preview-controls>label>input:not([type=checkbox]){grid-column:1/-1;grid-row:2;width:100%;height:44px;min-width:0;max-width:100%;margin:0}
.preview-controls>label:has(input[type=number])>input{grid-column:1/3;grid-row:2}
.preview-controls>label>.flow-help{grid-column:3;grid-row:2;justify-self:center}
.preview-controls>label:has(input[type=checkbox])>input{grid-column:1;grid-row:2;justify-self:start}
.preview-controls>label:has(input[type=range])>input{height:24px;min-height:24px;padding:0}
.surface-controls label{display:inline-flex;align-items:center;gap:6px;min-height:18px}
.spc-metrics{align-items:stretch}
.spc-metric{grid-template-columns:minmax(0,1fr);grid-template-rows:26px 21px auto;align-content:start;align-items:start;gap:3px;min-height:108px}
.spc-metric i{grid-column:1;grid-row:1;text-align:left;line-height:26px}
.spc-metric span{grid-column:1;grid-row:2}
.spc-metric strong{grid-column:1;grid-row:3}
@media(max-width:620px){.preview-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-controls>button{grid-column:span 1}.preview-controls>input[type=range]{grid-column:span 2}.preview-controls>label{grid-column:span 1}.preview-controls>label:has(input[type=number]){grid-column:span 1}}
@media(max-width:350px){.preview-controls{grid-template-columns:minmax(0,1fr)}.preview-controls>button,.preview-controls>input[type=range],.preview-controls>label,.preview-controls>label:has(input[type=number]){grid-column:1}}

/* Difficulty details share the page's spacing and data-card treatment. */
.song-surface .chart-details{max-width:100%;margin:16px 0 24px;border:1px solid #40566b;border-radius:9px;background:#111a27;padding:8px 12px}
.song-surface .chart-details summary{min-height:44px;padding:10px 8px;line-height:24px}
.song-surface .chart-grid{gap:12px;align-items:stretch;margin:12px 0}
.song-surface .chart-card{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:9px;background:linear-gradient(145deg,#202e3e,#182331)}
.song-surface .chart-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.song-surface .chart-card-heading h4{margin:0;color:var(--tier);line-height:1.25}
.song-surface .chart-availability{border:1px solid #40566b;border-radius:999px;padding:2px 8px;font-size:12px;color:#c3cbd9;white-space:nowrap}
.song-surface .chart-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.song-surface .chart-metrics>div{min-width:0;border:1px solid #394c63;border-radius:6px;padding:8px;background:#111a27}
.song-surface .chart-metrics dt{color:#c3cbd9;font-size:12px;line-height:20px}
.song-surface .chart-metrics dd{margin:3px 0 0;color:#9bf2dd;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;line-height:24px;overflow-wrap:anywhere}
.song-surface .chart-card .chart-record-status{margin:0;color:#c3cbd9;font-size:13px;min-height:42px}
.song-surface .chart-raw{margin-top:auto;border-top:1px solid #394c63;padding-top:4px;font-size:13px}
.song-surface .chart-raw p{margin:8px 0}.song-surface .chart-raw ul{margin:8px 0;padding-left:20px}
.song-surface .chart-metadata{border-top:1px solid #394c63;margin-top:8px;font-size:13px}
@media(max-width:1000px){.song-surface .chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.song-surface .chart-grid{grid-template-columns:minmax(0,1fr)}.song-surface .chart-details{padding:6px 8px}.song-surface .chart-card{padding:12px}}

/* In Falsus: restrained navy, technical texture and crisp cyan/pink framing. */
:root{--if-bg:#080f17;--if-panel:#101c27;--if-edge:#4f7582;--if-text:#e3f3f4;--if-muted:#abc0c8;--if-cyan:#9ee9ee;--if-pink:#ef80a7;background-color:var(--if-bg);color:var(--if-text);font-variant-numeric:tabular-nums;font-family:Bahnschrift,'Segoe UI','Noto Sans SC',system-ui,sans-serif}
body{background-color:var(--if-bg);background-image:radial-gradient(ellipse at 50% 0,#122231 0,transparent 62%),radial-gradient(#9ee9ee12 .7px,transparent .8px);background-size:auto,18px 18px;color:var(--if-text)}
.masthead h1{border-left:2px solid var(--if-cyan);padding-left:12px;letter-spacing:.035em;text-shadow:0 0 22px #9ee9ee20}
.eyebrow,.muted,footer{color:var(--if-muted)}
.jump-links a{position:relative;border:1px solid var(--if-edge);border-radius:2px;background:#101c27;color:var(--if-cyan);text-decoration:none;clip-path:none}
.jump-links a:nth-child(2){border-color:#a9617b;color:var(--if-pink)}
.panel{border:1px solid var(--if-edge);border-radius:3px;background:linear-gradient(145deg,#101c27,#0c1721);box-shadow:inset 0 1px #e3f3f410}
.spc-report,.spc-preview,.stat,.chart-card,.chart-details,.chart-metrics>div{border-color:#365460;border-radius:3px;background:linear-gradient(145deg,#14232d,#0d1821)}
input,select,button{border-color:#63818b;border-radius:2px;background:#14232d;color:var(--if-text)}
button:hover:not(:disabled){border-color:var(--if-cyan);background:#1a3038}
.success,summary{color:var(--if-cyan)}
code,.stat strong,.spc-metric strong,.spc-metric i{color:var(--if-cyan)}
.spc-chip,.preview-legend-item,.preview-guide,.preview-live-readout,.preview-summary{border-color:#365460;border-radius:2px;background:#101c27;color:var(--if-text)}
.spc-metric{border-color:#365460;border-radius:2px;background:linear-gradient(145deg,#162731,#101a23)}
.spc-subdivision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;margin:6px 0 12px}.spc-subdivision-card{min-width:0;padding:10px;border:1px solid #365460;border-radius:3px;background:linear-gradient(145deg,#162731,#101a23);overflow-wrap:anywhere}.spc-subdivision-heading{display:flex;align-items:center;gap:8px}.spc-subdivision-heading i{color:var(--if-cyan);font-style:normal}.spc-subdivision-heading strong{color:var(--if-cyan)}.spc-subdivision-heading>span{margin-left:auto;padding:1px 7px;border:1px solid #365460;border-radius:2px;color:var(--if-cyan);font-size:12px}.spc-subdivision-card>small{color:#a6bac8}.spc-subdivision-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.spc-subdivision-metrics>div{min-width:0;padding:6px;border:1px solid #365460;border-radius:2px;background:#0d1821}.spc-subdivision-metrics span,.spc-subdivision-metrics strong{display:block;overflow-wrap:anywhere}.spc-subdivision-metrics span{color:#a6bac8;font-size:12px}.spc-subdivision-metrics strong{color:var(--if-cyan);font-size:14px;font-variant-numeric:tabular-nums}
.song-surface{--surface-bg:#080f17;--surface-panel:#101c27;--surface-edge:#4f7582;position:relative;border-color:#4f7582;border-radius:3px;background-color:#09131c;background-image:linear-gradient(135deg,#ffffff05 25%,transparent 25%),radial-gradient(#9ee9ee0c .7px,transparent .8px);background-size:22px 22px,16px 16px;box-shadow:inset 0 1px #e3f3f414,0 18px 50px #0008}
.song-surface h2{color:var(--if-cyan);letter-spacing:.1em}
.song-surface .surface-controls input,.song-surface .surface-controls select,.song-surface .surface-controls button{border-color:#547984;border-radius:2px;background:#101e29}
.song-surface .song-card{border-color:#344f5b;border-radius:2px;background:linear-gradient(140deg,#14232d,#0c1720)}
.song-surface .song-card:hover{border-color:#83cbd1;background:#192b34}
.song-surface .song-card.is-selected{border-color:var(--if-cyan);box-shadow:inset 0 0 0 1px #e3f3f4,0 0 13px #9ee9ee30}
.song-surface .song-card-artist,.song-surface .surface-count{color:var(--if-muted)}
.song-surface .song-hero{border-color:color-mix(in srgb,var(--tier),transparent 25%);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--tier),transparent 82%),0 0 20px color-mix(in srgb,var(--tier),transparent 82%);background:linear-gradient(145deg,#13232d,#09141d 72%);clip-path:none;border-radius:2px}
.song-surface .song-hero:before{inset:7px;pointer-events:none;border-color:#e3f3f438;clip-path:polygon(0 0,96% 0,100% 12%,100% 100%,4% 100%,0 88%)}
.song-surface .song-pennant{filter:none;clip-path:polygon(0 0,100% 0,100% 78%,88% 100%,0 100%)}
.song-surface .jacket-wrap{box-shadow:none}
.song-surface .status-hex{background:#13232d}
.song-surface .tier-button{border-radius:2px;clip-path:none;background:linear-gradient(145deg,#162731,#0d1821)}
.song-surface .tier-button.is-selected{box-shadow:inset 0 -3px 0 var(--tier),0 0 12px color-mix(in srgb,var(--tier),transparent 78%)}
.song-surface .chart-details{border-color:#365460;border-radius:2px;background:#101c27}
.song-surface .chart-card{border-radius:2px;background:linear-gradient(145deg,#162731,#101a23)}
.song-surface .chart-metrics>div{border-radius:2px;background:#0d1821}
.song-surface .chart-open-action{border-radius:2px;background:var(--if-cyan);color:#08131b}
.song-surface :focus-visible,:focus-visible{outline-color:var(--if-cyan)}
.song-surface .tier-button:focus-visible{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #080f17}
.song-surface :disabled{filter:saturate(.65)}
.overview-viewport{border-color:#365460;border-radius:2px}
.spc-preview canvas{border-color:#365460;border-radius:2px}
.spc-pattern-select{display:block;width:100%;height:auto;min-height:44px;padding:8px;text-align:left;white-space:normal;border:1px solid transparent;background:transparent;color:inherit}.spc-metric .spc-pattern-select{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:26px 21px auto;gap:3px}.spc-metric .spc-pattern-select>i,.spc-metric .spc-pattern-select>span,.spc-metric .spc-pattern-select>strong{grid-column:1;grid-row:auto}.spc-pattern-select[aria-pressed=true]{border-color:var(--if-cyan);box-shadow:inset 0 0 0 1px #9ee9ee55}.spc-subdivision-card{padding:0;overflow:hidden}.spc-subdivision-card>.spc-pattern-run-list,.spc-pattern-run-list{display:grid;gap:4px;max-height:240px;overflow:auto;padding:6px}.spc-pattern-run-list[hidden]{display:none}.spc-pattern-run{width:100%;min-height:40px;padding:6px 8px;text-align:left;font-size:13px;font-variant-numeric:tabular-nums;white-space:normal}.spc-pattern-run.is-active{border-color:var(--if-cyan);background:#16333a}.spc-clear-selection{grid-column:span 2}.spc-metric .spc-pattern-run-list{grid-column:1/-1}@media(max-width:620px){.spc-clear-selection{grid-column:span 1}}
.spc-metric>.spc-pattern-select{grid-column:1/-1;grid-row:1/-1;padding:0}.spc-metrics>.spc-pattern-run-list{grid-column:1/-1;border:1px solid #365460;border-radius:2px}.spc-pattern-select:hover{background:#1d343c}.spc-pattern-more{min-height:40px}