.harmony-page .hm-page-inner{max-width:1080px;min-height:60vh;margin:0 auto;padding:40px 32px 80px}.harmony-page .hm-crumb{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle);margin-bottom:18px;font-size:11px}.harmony-page .hm-crumb a:hover{color:var(--ink)}.harmony-page h1{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4.2vw,48px);font-weight:300;line-height:1.02}.harmony-page .hm-intro{color:var(--ink-muted);max-width:64ch;margin:14px 0 0;font-size:16px;line-height:1.6}.harmony-page .hm-lvl-badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--c);background:color-mix(in oklab, var(--c) 14%, transparent);border:1px solid color-mix(in oklab, var(--c) 35%, transparent);border-radius:999px;align-items:center;padding:4px 11px;font-size:11px;font-weight:600;display:inline-flex}.harmony-page .hm-zone{margin-top:40px}.harmony-page .hm-zone-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.harmony-page .hm-zone-line{background:var(--line);flex:1;height:1px}.harmony-page .hm-zone-note{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-size:11px}.harmony-page .hm-zone-cta{color:var(--accent);font-size:13px;font-weight:500}.harmony-page .hm-sub-zone{margin-top:52px;padding-top:8px}.harmony-page .hm-lvl-group{margin-bottom:30px}.harmony-page .hm-lvl-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.harmony-page .hm-lvl-name{color:var(--ink-muted);font-size:13px}.harmony-page .hm-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.harmony-page .hm-block{text-align:left;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:18px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative;overflow:hidden}.harmony-page .hm-block:hover{border-color:var(--line-strong);background:var(--bg-elevated-2);transform:translateY(-2px)}.harmony-page .hm-block.premium{background:var(--bg-elevated-2);border-color:var(--accent-amber-line,#f2ba534d)}@supports (color:lab(0% 0 0)){.harmony-page .hm-block.premium{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hm-block.premium:before{content:"";background:radial-gradient(circle, var(--accent-amber-soft,#f2ba5324) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}@supports (color:lab(0% 0 0)){.harmony-page .hm-block.premium:before{background:radial-gradient(circle, var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14)) 0%, transparent 70%)}}.harmony-page .hm-block.premium:hover{border-color:var(--accent)}.harmony-page .hm-block.premium .hm-chev{color:var(--accent)}.harmony-page .hm-tier-ribbon{background:var(--accent);color:var(--accent-foreground,#1b150b);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}@supports (color:lab(0% 0 0)){.harmony-page .hm-tier-ribbon{color:var(--accent-foreground,lab(7.25373% 1.57871 6.11279))}}.harmony-page .hm-tier-badge{color:var(--accent-foreground,#1b150b);background:var(--accent);border:0;gap:5px}@supports (color:lab(0% 0 0)){.harmony-page .hm-tier-badge{color:var(--accent-foreground,lab(7.25373% 1.57871 6.11279))}}.harmony-page .hm-b-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.harmony-page .hm-b-sub{color:var(--ink-muted);font-size:12px;line-height:1.45}.harmony-page .hm-b-foot{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.harmony-page .hm-b-count{font-family:var(--font-mono);color:var(--ink-subtle);font-size:11px}.harmony-page .hm-chev{color:var(--ink-subtle);font-size:15px}.harmony-page .hm-block:hover .hm-chev,.harmony-page .hm-oborot:hover .hm-chev{color:var(--accent)}.harmony-page .hm-staff-embed{flex-direction:column;gap:12px;min-width:0;margin:18px 0 4px;display:flex}.harmony-page .hm-staff-embed>.caption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-size:11px}.harmony-page .hm-staff-embed .sig-staff-canvas{width:100%;min-width:0;overflow-x:auto}.harmony-page .hm-staff-embed .sig-prog{flex-wrap:wrap}.harmony-page .hm-block-head{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;display:flex}.harmony-page .hm-b-headsub{color:var(--ink-muted);margin:6px 0 0;font-size:14px}.harmony-page .hm-key-bar{border:1px solid var(--line);background:var(--bg-sunken);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;padding:12px 16px;display:flex}.harmony-page .hm-key-lbl{letter-spacing:.04em;color:var(--ink-subtle);font-size:12px}.harmony-page .hm-key-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.harmony-page .hm-key-modes{border:1px solid var(--line);background:var(--card);border-radius:9px;gap:3px;padding:3px;display:inline-flex}.harmony-page .hm-key-modes button{color:var(--ink-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:13px}.harmony-page .hm-key-modes button[data-on]{background:var(--bg-elevated-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-weight:500}.harmony-page .hm-key-bar .hm-key-select{background:var(--card);border:1px solid var(--line);min-width:170px;font-family:var(--font-sans);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:13px}.harmony-page .hm-oborot-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.harmony-page .hm-oborot-wrap{grid-template-columns:1fr 44px;align-items:stretch;gap:8px;display:grid}.harmony-page .hm-oborot{text-align:left;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);border-radius:12px;grid-template-columns:1.1fr auto 1.4fr;align-items:center;gap:18px;padding:16px 18px;transition:border-color .18s,background .18s;display:grid}.harmony-page .hm-oborot:hover{border-color:var(--line-strong);background:var(--bg-elevated-2)}.harmony-page .hm-row-play{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--accent);cursor:pointer;border-radius:12px;font-size:12px;transition:border-color .18s,background .18s,color .18s}.harmony-page .hm-row-play:hover{border-color:var(--accent-amber-line,#f2ba534d);background:var(--accent-amber-soft,#f2ba531f)}@supports (color:lab(0% 0 0)){.harmony-page .hm-row-play:hover{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.12))}}.harmony-page .hm-player{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.harmony-page .hm-play{background:var(--accent);color:#1b150b;color:lab(7.25373% 1.57871 6.11279);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 18px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.harmony-page .hm-play:disabled{opacity:.6;cursor:not-allowed}.harmony-page .hm-play.ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.harmony-page .hm-play .ic{width:26px;height:26px;color:var(--accent);background:#1b150b;background:lab(7.25373% 1.57871 6.11279);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.harmony-page .hm-play.ghost .ic{background:var(--accent-amber-soft,#f2ba5324)}@supports (color:lab(0% 0 0)){.harmony-page .hm-play.ghost .ic{background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14))}}.harmony-page .hm-o-name{font-size:14px;font-weight:500}.harmony-page .hm-o-desc{color:var(--ink-muted);font-size:13px;line-height:1.45}.harmony-page .hm-formula{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.harmony-page .hm-chip{background:var(--bg-sunken);border:1px solid var(--line-strong);min-width:34px;height:30px;font-family:var(--font-mono);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0 9px;font-size:14px;font-weight:600;display:inline-flex}.harmony-page .hm-arr{color:var(--accent);font-size:13px}.harmony-page .hm-formula.big{gap:10px}.harmony-page .hm-formula.big .hm-chip{background:var(--accent-amber-soft,#f2ba5324);border-color:var(--accent-amber-line,#f2ba534d);min-width:52px;height:48px;color:var(--accent);border-radius:12px;font-size:22px}@supports (color:lab(0% 0 0)){.harmony-page .hm-formula.big .hm-chip{background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14));border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hm-formula.big .hm-arr{font-size:18px}.harmony-page .hm-prose{max-width:64ch}.harmony-page .hm-prose p{color:var(--ink-muted);margin:14px 0 0;font-size:15px;line-height:1.7}.harmony-page .hm-prose p:first-child{color:var(--ink)}.harmony-page .hm-sec-h{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-subtle);margin:34px 0 12px;font-size:13px;font-weight:600}.harmony-page .hm-examples{flex-direction:column;gap:8px;max-width:64ch;margin:0;padding:0;list-style:none;display:flex}.harmony-page .hm-examples li{background:var(--bg-elevated);border:1px solid var(--line);color:var(--ink-muted);border-radius:10px;padding:12px 16px;font-size:14px}.harmony-page .hm-examples li.more{background:0 0;border:0;padding:0}.harmony-page .hm-examples li.more button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:500}.harmony-page .hm-audio-ph{border:1px dashed var(--line-strong);background:var(--bg-sunken);border-radius:14px;align-items:center;gap:14px;max-width:64ch;margin-top:28px;padding:18px 20px;display:flex}.harmony-page .hm-ph-ic{background:var(--bg-elevated-2);width:42px;height:42px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.harmony-page .hm-audio-ph b{font-size:14px;font-weight:500;display:block}.harmony-page .hm-audio-ph span{color:var(--ink-subtle);font-size:12px}.harmony-page .hm-card-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;display:flex}.harmony-page .hm-nav-btn{border:1px solid var(--line-strong);color:var(--ink);background:0 0;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:500}.harmony-page .hm-nav-btn:hover{border-color:var(--accent-amber-line,#f2ba534d);color:var(--accent)}@supports (color:lab(0% 0 0)){.harmony-page .hm-nav-btn:hover{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hm-empty{color:var(--ink-subtle);margin-top:24px;font-size:14px}.harmony-page .hm-toast{background:var(--bg-elevated-2);border:1px solid var(--accent-amber-line,#f2ba534d);color:var(--ink);opacity:0;pointer-events:none;z-index:80;border-radius:999px;padding:12px 20px;font-size:13px;font-weight:500;transition:opacity .25s,transform .25s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 16px 40px -12px #0009}@supports (color:lab(0% 0 0)){.harmony-page .hm-toast{border:1px solid var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hm-toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1023px){.harmony-page .hm-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.harmony-page .hm-page-inner{padding:28px 18px 64px}.harmony-page .hm-grid{grid-template-columns:1fr}.harmony-page .hm-oborot{grid-template-columns:1fr;gap:8px}.harmony-page .hm-oborot .hm-chev{display:none}.harmony-page .hm-formula.big .hm-chip{min-width:46px;height:42px;font-size:19px}}.harmony-page .hm-mode-btns{gap:4px;display:inline-flex}.harmony-page .signature-page .hm-mode-btns button{border:1px solid var(--line);width:auto;height:auto;color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:500;line-height:1.2;transition:background .15s,color .15s,border-color .15s}.harmony-page .signature-page .hm-mode-btns button:hover{color:var(--ink);border-color:var(--line-input)}.harmony-page .signature-page .hm-mode-btns button.on{background:var(--accent-soft,#f2ba5324);border-color:var(--accent-line,#f2ba534d);color:var(--accent)}@supports (color:lab(0% 0 0)){.harmony-page .signature-page .hm-mode-btns button.on{background:var(--accent-soft,lab(79.1911% 13.3651 58.6741/.14));border-color:var(--accent-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hm-key-select{appearance:none;border:1px solid var(--line-input);background:var(--bg-sunken) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23968f80' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 11px center;color:var(--ink);font-family:var(--font-sans);cursor:pointer;border-radius:8px;padding:7px 30px 7px 12px;font-size:13px;transition:border-color .15s}.harmony-page .hm-key-select:hover{border-color:var(--accent-line,#f2ba534d)}@supports (color:lab(0% 0 0)){.harmony-page .hm-key-select:hover{border-color:var(--accent-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hm-key-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:900px){.harmony-page .hm-panel-filters[data-mobile-open=false]{display:none}.harmony-page .hm-panel-filters[data-mobile-open=true]{z-index:90;overscroll-behavior:contain;background:var(--bg-elevated);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;flex-direction:column;align-items:stretch;gap:14px;max-height:min(85dvh,100dvh - 72px);margin:0;padding:0 18px;animation:.24s cubic-bezier(.2,.8,.2,1) theory-sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -24px 70px -10px #0009}.harmony-page .hm-panel-filters[data-mobile-open=true] .sig-stepper{justify-content:space-between;width:100%}.harmony-page .hm-panel-filters[data-mobile-open=true] .hm-key-select{flex:1;margin-left:12px}.harmony-page .hm-panel-filters[data-mobile-open=true] .sig-reset{align-self:center;padding:8px 0}}@media (min-width:901px){.harmony-page .hm-panel-toggle{display:none}}.harmony-page .hp{--ft:#6bd272;--ft-soft:#6bd27226;--ft-line:#6bd27252;--ft-dark:#051106;--fs:#69cee6;--fs-soft:#69cee626;--fs-line:#69cee652;--fs-dark:#001317;--fd:#f99549;--fd-soft:#f9954926;--fd-line:#f9954952;--fd-dark:#1c0e05;margin:26px 0 28px;display:block}@supports (color:lab(0% 0 0)){.harmony-page .hp{--ft:lab(76.4902% -46.2649 38.1455);--ft-soft:lab(76.4902% -46.2649 38.1455/.15);--ft-line:lab(76.4902% -46.2649 38.1455/.32);--ft-dark:lab(3.92506% -4.70791 3.43306);--fs:lab(77.4547% -25.9725 -21.3308);--fs-soft:lab(77.4547% -25.9725 -21.3308/.15);--fs-line:lab(77.4547% -25.9725 -21.3308/.32);--fs-dark:lab(4.56561% -4.76124 -5.20817);--fd:lab(71.4182% 34.3247 55.362);--fd-soft:lab(71.4182% 34.3247 55.362/.15);--fd-line:lab(71.4182% 34.3247 55.362/.32);--fd-dark:lab(5.16333% 5.40026 5.80695)}}.harmony-page .hp [data-func=T]{--f:var(--ft);--f-soft:var(--ft-soft);--f-line:var(--ft-line);--f-dark:var(--ft-dark)}.harmony-page .hp [data-func=S]{--f:var(--fs);--f-soft:var(--fs-soft);--f-line:var(--fs-line);--f-dark:var(--fs-dark)}.harmony-page .hp [data-func=D]{--f:var(--fd);--f-soft:var(--fd-soft);--f-line:var(--fd-line);--f-dark:var(--fd-dark)}.harmony-page .hp-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:26px;display:grid}.harmony-page .hp-main{min-width:0}.harmony-page .hp-panel{border:1px solid var(--line);background:var(--bg-elevated);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;position:sticky;top:96px}.harmony-page .hp-key-pill{border:1px solid var(--accent-amber-line,#f2ba534d);background:var(--accent-amber-soft,#f2ba5324);width:fit-content;font-family:var(--font-mono);color:var(--accent);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px}@supports (color:lab(0% 0 0)){.harmony-page .hp-key-pill{border:1px solid var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14))}}.harmony-page .hp-ctl{flex-direction:column;gap:9px;display:flex}.harmony-page .hp-chips{flex-wrap:wrap;gap:6px;display:flex}.harmony-page .hp-chip{border:1px solid var(--line);min-width:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.harmony-page .hp-chip:hover:not(:disabled){color:var(--ink)}.harmony-page .hp-chip:disabled{opacity:.4;cursor:not-allowed}.harmony-page .hp-chip.on{border-color:var(--accent-amber-line,#f2ba534d);background:var(--accent-amber-soft,#f2ba5324);color:var(--accent)}@supports (color:lab(0% 0 0)){.harmony-page .hp-chip.on{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14))}}.harmony-page .hp-chip .g{font-family:var(--font-display);font-size:15px;font-style:italic}.harmony-page .hp-seg{border:1px solid var(--line);background:var(--bg-sunken);border-radius:11px;gap:2px;width:fit-content;padding:4px;display:inline-flex}.harmony-page .hp-seg button{min-width:72px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:500}.harmony-page .hp-seg button.on{background:var(--bg-elevated-2);color:var(--ink)}.harmony-page .hp-oct{align-items:center;gap:10px;display:flex}.harmony-page .hp-oct button{border:1px solid var(--line-input);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;font-size:16px}.harmony-page .hp-oct button:hover:not(:disabled){border-color:var(--accent-amber-line,#f2ba534d);color:var(--accent)}@supports (color:lab(0% 0 0)){.harmony-page .hp-oct button:hover:not(:disabled){border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hp-oct button:disabled{opacity:.4;cursor:not-allowed}.harmony-page .hp-oct b{text-align:center;min-width:28px;font-family:var(--font-mono);font-size:14px;font-weight:500}.harmony-page .hp-btn-m{background:var(--accent);color:#161107;color:lab(5.28768% 1.3264 4.87425);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.harmony-page .hp-btn-g{border:1px solid var(--line-input);height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:500;display:inline-flex}.harmony-page .hp-btn-g:hover{border-color:var(--accent-amber-line,#f2ba534d);color:var(--accent)}@supports (color:lab(0% 0 0)){.harmony-page .hp-btn-g:hover{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.harmony-page .hp-hint{color:var(--ink-subtle);margin:0;font-size:12px;line-height:1.55}.harmony-page .hp-staff{border:1px solid var(--line);background:var(--staff-bg,var(--bg-sunken));border-radius:14px;padding:6px 0;overflow-x:auto}.harmony-page .hp-staff svg{display:block}.harmony-page .hp-staff-layer{width:fit-content;min-width:100%;position:relative}.harmony-page .hp-staff-hits{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:0 12px 0 60px;display:grid;position:absolute;inset:0}.harmony-page .hp-staff-hits[data-measured=true]{display:block}.harmony-page .hp-staff-hits[data-measured=true] .hp-staff-hit{position:absolute;top:0;bottom:0}.harmony-page .hp-staff-hit{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;transition:background .16s}.harmony-page .hp-staff-hit:hover,.harmony-page .hp-staff-hit:focus-visible{background:color-mix(in oklab, var(--ink) 5%, transparent);outline:none}.harmony-page .hp-staff-hit[data-on=true]{background:var(--f-soft,color-mix(in oklab, var(--ink) 7%, transparent))}.harmony-page .hp-steps{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.harmony-page .hp-step{border:1px solid var(--line);background:var(--bg-elevated);min-width:86px;color:var(--ink-muted);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;transition:border-color .16s,background .16s,color .16s;display:flex}.harmony-page .hp-step:hover{border-color:var(--line-strong)}.harmony-page .hp-step b{font-family:var(--font-display);color:var(--ink);font-size:24px;font-style:italic;font-weight:400;line-height:1.1}.harmony-page .hp-step span{letter-spacing:.05em;text-transform:uppercase;font-size:10.5px}.harmony-page .hp-step[data-on=true]{border-color:var(--f-line,var(--line-strong));background:var(--f-soft,var(--bg-elevated-2))}.harmony-page .hp-step[data-on=true] b,.harmony-page .hp-step[data-on=true] span{color:var(--f,var(--ink))}.harmony-page .hp-kb-card{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;margin-top:20px;padding:18px}.harmony-page .hp-kb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.harmony-page .hp-kb-head h3{margin:0;font-size:15px;font-weight:500}.harmony-page .hp-kb-head h3 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.harmony-page .hp-ci{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.harmony-page .hp-ci-rn{font-family:var(--font-display);color:var(--f,var(--ink));font-size:26px;font-style:italic;line-height:1}.harmony-page .hp-ci-func{color:var(--ink-subtle);font-size:12px}.harmony-page .hp-ci-notes{flex-wrap:wrap;gap:6px;display:flex}.harmony-page .hp-pill{border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-muted);border-radius:999px;align-items:center;padding:4px 10px;font-size:11.5px;display:inline-flex}.harmony-page .hp-pill.root{border-color:var(--accent-amber-line,#f2ba534d);background:var(--accent-amber-soft,#f2ba5324);color:var(--accent)}@supports (color:lab(0% 0 0)){.harmony-page .hp-pill.root{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14))}}.harmony-page .hp-kb-scroll{border-radius:10px;overflow-x:auto}.harmony-page .hp-kb{-webkit-user-select:none;user-select:none;min-width:860px;height:168px;position:relative}.harmony-page .hp-kb .wk{cursor:pointer;background:linear-gradient(#f6f5f3,#e0deda);background:linear-gradient(lab(96.5324% .0797212 1.13989),lab(88.4244% .165701 2.2838));border:1px solid #302d28;border:1px solid lab(18.8249% .646725 3.82054);border-radius:0 0 7px 7px;padding:0;transition:background .14s;position:absolute;top:0;bottom:0}.harmony-page .hp-kb .wk:hover{background:linear-gradient(#fdfcf9,#edebe7);background:linear-gradient(lab(98.8524% .0796616 1.13986),lab(93.0644% .165164 2.28349))}.harmony-page .hp-kb .bk{z-index:2;cursor:pointer;background:linear-gradient(#302d29,#0a0907);background:linear-gradient(lab(18.8208% .502124 3.04474),lab(2.48427% .150532 .818706));border:1px solid #020202;border:1px solid lab(.462488% 0 0);border-radius:0 0 6px 6px;height:61%;padding:0;transition:background .14s;position:absolute;top:0}.harmony-page .hp-kb .bk:hover{background:linear-gradient(#3f3d38,#171614);background:linear-gradient(lab(25.7814% .491887 3.03722),lab(7.23865% .292256 1.69541))}.harmony-page .hp-kb .kbadge{white-space:nowrap;color:#0000;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;height:22px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.harmony-page .hp-kb .wk .kbadge{bottom:9px}.harmony-page .hp-kb .bk .kbadge{height:20px;font-size:10px;bottom:7px}.harmony-page .hp-kb .in .kbadge{background:var(--f,var(--ink-muted));color:var(--f-dark,var(--bg))}.harmony-page .hp-kb .in.root .kbadge{outline:2px solid var(--accent);outline-offset:2px}.harmony-page .hp-kb .wk.in{background:linear-gradient(#f5f1ea,#dad4c6);background:linear-gradient(lab(95.4001% .287116 3.81355),lab(84.9959% .647068 7.67806))}.harmony-page .hp-kb .bk.in{background:linear-gradient(#504d47,#211f1b);background:linear-gradient(lab(32.7578% .325903 3.84076),lab(11.869% .282519 3.08932))}.harmony-page .hp-kb[data-func=T] .wk.in{background:linear-gradient(#eaf6ea,#c1dec0);background:linear-gradient(lab(95.6241% -5.58889 4.33286),lab(85.5698% -13.9722 10.9331))}.harmony-page .hp-kb[data-func=S] .wk.in{background:linear-gradient(#e4f6fa,#b0dde9);background:linear-gradient(lab(95.5027% -5.45505 -4.38846),lab(85.2666% -13.4233 -10.8503))}.harmony-page .hp-kb[data-func=D] .wk.in{background:linear-gradient(#fdefe5,#f8ceb2);background:linear-gradient(lab(95.298% 3.91257 6.33247),lab(85.8629% 12.3354 19.4983))}.harmony-page .hp-kb[data-func=T] .bk.in{background:linear-gradient(#3b603d,#132a14);background:linear-gradient(lab(37.0727% -19.5902 15.7976),lab(14.774% -14.0092 11.4567))}.harmony-page .hp-kb[data-func=S] .bk.in{background:linear-gradient(#285e6a,#072930);background:linear-gradient(lab(36.5899% -15.5139 -12.7745),lab(14.4152% -10.2253 -8.47892))}.harmony-page .hp-kb[data-func=D] .bk.in{background:linear-gradient(#774826,#3c220f);background:linear-gradient(lab(35.8198% 18.0524 28.7028),lab(16.242% 11.2893 17.6289))}.harmony-page .hp-kb .wk.hit{background:linear-gradient(#fae5c3,#eac992);background:linear-gradient(lab(91.9885% 3.52108 19.3488),lab(82.724% 6.50713 31.9344))}.harmony-page .hp-kb .bk.hit{background:linear-gradient(#7e5d1d,#432f07);background:linear-gradient(lab(42.0282% 9.23485 40.2236),lab(21.1326% 6.26041 26.7484))}.harmony-page .hp-mobile-bar{display:none}@media (max-width:880px){.harmony-page .hm-page-inner:has(.hp){padding-bottom:calc(100px + var(--cookie-notice-h,0px))}.harmony-page .hp-grid{grid-template-columns:minmax(0,1fr);gap:16px}.harmony-page .hp-panel{position:static}.harmony-page .hp-panel .hp-btn-m,.harmony-page .hp-panel .hp-btn-g{display:none}.harmony-page .hp-step{flex:1;min-width:72px}.harmony-page .hp-kb{min-width:720px;height:150px}.harmony-page .hp-mobile-bar{left:0;right:0;bottom:var(--cookie-notice-h,0px);z-index:60;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:color-mix(in oklab, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:10px;display:flex;position:fixed}.harmony-page .hp-mobile-bar .hp-btn-m{flex:1;height:48px}.harmony-page .hp-mobile-bar .hp-st{border:1px solid var(--line-input);width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:16px;display:inline-flex}.harmony-page .hp-mobile-bar .hp-pos{text-align:center;min-width:44px;font-family:var(--font-mono);color:var(--ink-subtle);font-size:12px}}@media (prefers-reduced-motion:reduce){.harmony-page .hp-chip,.harmony-page .hp-step,.harmony-page .hp-staff-hit,.harmony-page .hp-kb .wk,.harmony-page .hp-kb .bk{transition:none}}