.tp{--tp-w:6.6667%;--tp-ivory:var(--surface);--tp-ivory-lip:color-mix(in srgb, var(--surface) 82%, var(--ink));--tp-key-edge:color-mix(in srgb, var(--line) 85%, var(--ink));--tp-ebony:color-mix(in srgb, var(--ink) 94%, #000);--tp-ebony-top:color-mix(in srgb, var(--ink) 74%, var(--surface));--tp-label:var(--muted);--tp-case:var(--brand-bar);--tp-press:var(--accent-soft);padding:20px 0 48px;color:var(--ink)}:root[data-theme=dark] .tp{--tp-ivory:color-mix(in srgb, var(--ink) 90%, var(--bg));--tp-ivory-lip:color-mix(in srgb, var(--ink) 62%, var(--bg));--tp-key-edge:color-mix(in srgb, var(--bg) 70%, #000);--tp-ebony:#07080d;--tp-ebony-top:#232637;--tp-label:#3d4058;--tp-case:var(--brand-bar)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .tp{--tp-ivory:color-mix(in srgb, var(--ink) 90%, var(--bg));--tp-ivory-lip:color-mix(in srgb, var(--ink) 62%, var(--bg));--tp-key-edge:color-mix(in srgb, var(--bg) 70%, #000);--tp-ebony:#07080d;--tp-ebony-top:#232637;--tp-label:#3d4058;--tp-case:var(--brand-bar)}}.tp [hidden]{display:none!important}.tp-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tp-modes{margin:0 0 14px}.tp-modes .hn-seg__btn{gap:6px;padding:0 18px}.tp-title{margin:0;font:700 28px/1.15 var(--font-heading, var(--font-ui));letter-spacing:-.015em;color:var(--ink)}.tp-lead{margin:8px 0 20px;max-width:58ch;font-size:16px;line-height:1.55;color:var(--muted)}.tp-unavailable{margin:8px 0;padding:14px 16px;max-width:62ch;border:1px solid var(--offline-line, var(--line));border-radius:var(--r-md);background:var(--offline-soft, var(--track));color:var(--offline-fg, var(--ink));line-height:1.5}.tp-h{margin:0;font:700 16px/1.3 var(--font-heading, var(--font-ui));color:var(--ink)}.tp-h--sub{font-size:14px;color:var(--muted);font-weight:600;margin-bottom:10px}.tp-layout{display:grid;gap:16px}.tp-layout>*{min-width:0}.tp-dock{display:none}@media (max-width:1099.98px){body:has(.tp-board){padding-bottom:var(--tp-dock-h, 292px);--hn-toast-bottom:calc(var(--tp-dock-h, 292px) - env(safe-area-inset-bottom, 0px) + 12px)}html:has(.tp-board){scroll-padding-bottom:calc(var(--tp-dock-h, 292px) + 8px)}.tp-board{position:fixed;left:0;right:0;bottom:0;z-index:40;box-sizing:border-box;padding:2px max(var(--hn-gutter),env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(var(--hn-gutter),env(safe-area-inset-left));background:var(--bg);border-top:1px solid var(--line);box-shadow:0-10px 18px -8px rgba(0,0,0,.16)}.tp-keyshelp{display:none!important}.tp-board .tp-board__bar{margin-bottom:8px}.tp-board .tp-oct__label{min-width:64px}.tp-dock{display:flex;align-items:center;justify-content:center;width:100%;min-height:30px;margin:0 0 2px;padding:0 12px;box-sizing:border-box;border:0;border-radius:var(--r-md);background:0 0;color:var(--muted);font:600 13px/1 var(--font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent}.tp-dock:hover{color:var(--ink)}.tp-dock:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.tp-dock span{display:inline-flex;align-items:center;gap:6px}.tp-dock__show{display:none!important}.tp.is-kb-min .tp-board .tp-board__bar,.tp.is-kb-min .tp-board .tp-kb,.tp.is-kb-min .tp-dock__hide{display:none}.tp.is-kb-min .tp-dock__show{display:inline-flex!important}.tp.is-kb-min .tp-board{padding-top:6px}.tp.is-kb-min .tp-dock{min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px}.tp-board .tp-kb__keys{height:clamp(116px,21dvh,172px)}}@media (min-width:560px) and (max-width:1099.98px){.tp-board .tp-kb__keys{height:clamp(150px,24dvh,216px)}}@media (max-width:1099.98px) and (max-height:500px){.tp-board{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"bar kb""handle kb";column-gap:12px;align-content:center;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.tp.is-kb-min .tp-board{display:block}.tp-board .tp-board__bar{grid-area:bar;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:6px;margin:0}.tp-board .tp-oct{justify-content:space-between}.tp-board .tp-oct__label{min-width:0;flex:1}.tp-board .tp-names{display:flex}.tp-board .tp-names .hn-seg__btn{flex:1 1 auto;min-height:32px;padding:0 8px;white-space:nowrap}.tp-board .tp-kb{grid-area:kb;padding:8px 8px 6px}.tp-board .tp-kb__keys{height:clamp(76px,30dvh,120px);min-width:calc(15*44px)}.tp-dock{grid-area:handle;align-self:end;width:auto;min-height:28px;margin:4px 0 0}.tp.is-kb-min .tp-dock{width:100%;margin:0}}@media (min-width:1100px){.tp-layout{grid-template-columns:minmax(0,1fr) 380px;gap:16px 32px;align-items:start;grid-template-areas:"board res""extras res""notes res"". res";grid-template-rows:auto auto auto 1fr}.tp-notes{grid-area:notes}.tp-board{grid-area:board}.tp-extras{grid-area:extras}.tp-res{grid-area:res;position:sticky;top:calc(var(--hn-header-h) + 16px)}}.tp-notes{padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.tp-notes__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.tp-count{font:500 13px/1 var(--font-ui);color:var(--muted);font-variant-numeric:tabular-nums}.tp-notes__empty{margin:0;padding:8px 0;color:var(--muted);font-size:14px;line-height:1.5}.tp.has-notes .tp-notes__empty{display:none}.tp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}@media (max-width:559.98px){.tp-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tp-chips::-webkit-scrollbar{display:none}.tp-note{flex:0 0 auto}.tp-notes{padding:12px 14px 10px}.tp-notes__head{margin-bottom:8px}.tp-hint,.tp-tools{margin-top:8px}.tp-hint{font-size:13px}.tp-title{font-size:24px}.tp-modes{margin-bottom:10px}.tp.has-notes .tp-lead{display:none}.tp.has-notes .tp-title{margin-bottom:12px}.tp-kb__keys{height:172px}}.tp-note{display:inline-flex;align-items:baseline;justify-content:center;gap:1px;min-width:38px;padding:6px 8px 5px;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:600 14px/1 var(--font-ui);font-variant-numeric:tabular-nums}.tp-note__o{font-size:10px;font-weight:500;color:var(--muted)}.tp-note.is-last{border-color:var(--accent);background:var(--accent-soft)}.tp-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.tp-tools .hn-btn{gap:6px}.tp-hint{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}.tp-hint--audio,.tp-hint.is-more{color:var(--ink)}.tp-board{min-width:0}.tp-board__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 10px}.tp-oct{display:inline-flex;align-items:center;gap:4px}.tp-oct__btn{width:40px;height:40px}.tp-oct__label{min-width:84px;text-align:center;font:600 14px/1 var(--font-ui);color:var(--ink);font-variant-numeric:tabular-nums}.tp-names .hn-seg__btn{min-height:34px;padding:0 12px}.tp-kb{padding:12px 10px 10px;border:1px solid transparent;border-radius:var(--r-lg);background:var(--tp-case);box-shadow:inset 0-3px 0 rgba(0,0,0,.18)}.tp-kb__scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:2px}.tp-kb__keys{position:relative;box-sizing:border-box;height:196px;min-width:calc(15*46px);border-top:5px solid var(--tp-ebony);border-radius:3px 3px 7px 7px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.tp-key{position:absolute;top:0;margin:0;padding:0;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font:600 13px/1 var(--font-ui);transition:background-color .06s linear,transform .06s linear,box-shadow .06s linear}.tp-key:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:4}.tp-key--w{width:var(--tp-w);height:100%;padding-bottom:10px;z-index:1;border:1px solid var(--tp-key-edge);border-top:0;border-radius:0 0 7px 7px;background:linear-gradient(to bottom,color-mix(in srgb,var(--tp-ivory) 94%,var(--tp-key-edge)) 0%,var(--tp-ivory) 55%);box-shadow:inset 0-7px 0 var(--tp-ivory-lip);color:var(--tp-label)}.tp-key--w.is-down{background:var(--tp-press);box-shadow:inset 0-3px 0 var(--accent);transform:translateY(1px)}.tp-key--b{width:calc(var(--tp-w)*.6);height:62%;z-index:2;transform:translateX(-50%);padding-bottom:8px;border:1px solid var(--tp-ebony);border-top:0;border-radius:0 0 5px 5px;background:linear-gradient(to bottom,var(--tp-ebony) 0%,var(--tp-ebony-top) 100%);box-shadow:inset 0-5px 0 rgba(255,255,255,.1),0 3px 4px rgba(0,0,0,.28);color:rgba(255,255,255,.72)}.tp-key--b.is-down{background:var(--accent);border-color:var(--accent);box-shadow:inset 0-2px 0 rgba(0,0,0,.25);color:var(--on-accent);transform:translateX(-50%) translateY(1px)}.tp-key__name{min-height:13px;font-size:13px}.tp-key__kb{display:none;min-width:20px;padding:3px 4px;box-sizing:border-box;border:1px solid currentColor;border-radius:4px;font:600 11px/1 var(--font-ui);opacity:.8}@media (hover:hover) and (pointer:fine){.tp-key__kb{display:inline-block}}.tp-keyshelp{display:none;margin:8px 2px 0;font-size:13px;line-height:1.45;color:var(--muted)}@media (hover:hover) and (pointer:fine){.tp-keyshelp{display:block}}@media (min-width:560px){.tp-kb{padding:14px 14px 12px}.tp-kb__keys{height:216px;min-width:calc(15*44px)}}.tp-extras{padding-bottom:8px}.tp-extras__row{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media (min-width:640px){.tp-extras__row{gap:16px}}@media (max-width:559.98px){.tp-h--sub{margin-bottom:8px}}.tp-extra{display:grid;gap:6px;justify-items:start;align-content:start}.tp-extra .hn-btn{gap:8px}.tp-extra .hn-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)!important}.tp-extra__note{margin:0;font-size:13px;line-height:1.45;color:var(--muted);max-width:44ch}.tp-badge{padding:2px 7px;border:1px solid currentColor;border-radius:10px;font:600 11px/1.2 var(--font-ui);opacity:.85}.tp-res__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin:0 0 10px}.tp-conf{padding:4px 10px;border-radius:12px;background:var(--track);color:var(--ink);font:600 13px/1.2 var(--font-ui)}.tp-conf[data-level=high]{background:var(--accent);color:var(--on-accent)}.tp-conf[data-level=medium]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tp-res__note{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--muted)}.tp-res__note:empty{display:none}.tp-res__note.is-error{color:var(--danger)}.tp-res__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.tp-res__list[aria-busy=true]{opacity:.6}.tp-card{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.tp-card.is-top{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent);padding-left:16px}.tp-card__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;position:relative;padding:4px 28px 4px 0;margin:-4px 0;color:var(--ink);text-decoration:none;border-radius:var(--r-sm)}.tp-card__title{font:600 17px/1.3 var(--font-heading, var(--font-ui));color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);overflow-wrap:anywhere}.tp-card__book{font:500 13px/1.3 var(--font-ui);color:var(--muted);white-space:nowrap}.tp-card__go{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:400 26px/1 var(--font-ui);color:var(--accent)}.tp-card__head:focus-visible .tp-card__title,.tp-card__head:hover .tp-card__title{text-decoration-thickness:2px;text-decoration-color:currentColor}.tp-card__head:hover .tp-card__go{transform:translate(2px,-50%)}.tp-card__also a:focus-visible,.tp-card__head:focus-visible,.tp-card__more:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tp-card__meter{display:flex;align-items:center;gap:10px;margin:8px 0 0}.tp-card__bar{flex:1 1 auto;height:4px;border-radius:2px;background:var(--track);overflow:hidden}.tp-card__fill{display:block;height:100%;border-radius:2px;background:var(--accent)}.tp-card__score{flex:0 0 auto;font:500 12px/1 var(--font-ui);color:var(--muted);font-variant-numeric:tabular-nums}.tp-card__acts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.tp-card__acts .hn-btn{min-height:44px;padding:0 18px}.tp-card__open{gap:8px;font-weight:600;text-decoration:none}.tp-card__arrow{font-size:17px;line-height:1;transition:transform .15s}.tp-card__open:hover .tp-card__arrow{transform:translateX(3px)}@media (max-width:480px){.tp-card__open{flex:1 1 auto}}.tp-card__play.is-playing{background:var(--accent);border-color:var(--accent);color:var(--on-accent)!important}.tp-card__also{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}.tp-card__also a{font-weight:500;white-space:nowrap}.tp-card__also a:hover,.tp-card__more{text-decoration:underline}.tp-card__also a,.tp-card__more{color:var(--accent);text-underline-offset:2px}.tp-card__more{display:inline;min-height:0;padding:0 2px;border:0;background:0 0;font:600 13px/1.6 var(--font-ui);cursor:pointer;border-radius:var(--r-sm)}.tp-card__rest[hidden]{display:none}@media (pointer:coarse){.tp-card__also{line-height:2.6}.tp-card__more{min-height:44px;padding:0 8px}}html[data-style=candlelight] .tp-kb{border-bottom:3px solid var(--gold)}html[data-style=daybreak] .tp-card,html[data-style=daybreak] .tp-notes{box-shadow:var(--lift)}html[data-style=daybreak] .tp-kb{background:var(--hn-style-bar, var(--tp-case))}html[data-style=daybreak] .tp-card.is-top{box-shadow:inset 4px 0 0 var(--accent),var(--lift)}html[data-style=twilight] .tp-title{font-family:var(--font-display, var(--font-heading));font-weight:600}@media (prefers-reduced-motion:reduce){.tp-card__arrow,.tp-card__go,.tp-key{transition:none}}@media print{.tp-board,.tp-extras,.tp-tools{display:none}}