.caret-layers line,.caret-layers path,.caret-layers rect{vector-effect:non-scaling-stroke;fill:none;stroke:var(--ttn-color-sheet-caret);stroke-width:calc(1.5 * var(--ttn-border-width));stroke-linecap:butt}.caret-layers .caret-span{stroke-width:calc(3 * var(--ttn-border-width))}.caret-layers text{fill:var(--ttn-color-sheet-caret);font-family:var(--ttn-font-family-ui);font-size:1.1px;font-weight:var(--ttn-font-weight-bold)}.caret-layers .caret-chord rect{fill:var(--ttn-color-sheet-paper)}.caret-layers .caret-chord text{text-anchor:middle}.caret-layers .caret-insert path{stroke-width:calc(2 * var(--ttn-border-width))}.caret-layers .caret-ruler line{stroke:var(--ttn-color-sheet-chip-border)}.caret-layers .caret-ruler-base{stroke-width:var(--ttn-border-width);opacity:.7}.caret-layers .caret-ruler-bar{stroke-width:calc(1.6 * var(--ttn-border-width))}.caret-layers .caret-ruler-pointer line{stroke:var(--ttn-color-sheet-hover)}.caret-layers.caret-ghost line,.caret-layers.caret-ghost rect{stroke:var(--ttn-color-sheet-ghost-input)}.caret-layers.caret-ghost .caret-ghost-knob,.caret-layers.caret-ghost .caret-ghost-accidental{fill:var(--ttn-color-sheet-ghost-input)}.ttn-grid-picker{position:relative;display:inline-flex}.ttn-grid-face,.ttn-grid-menu button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-default);background:transparent;border:0;border-radius:var(--ttn-radius-control);color:inherit;font:inherit;cursor:pointer}.ttn-grid-face:hover,.ttn-grid-menu button:hover,.ttn-grid-menu button[aria-checked=true]{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-grid-menu{position:absolute;z-index:5;inset-block-end:100%;inset-inline-start:0;display:flex;flex-direction:column;padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-grid-menu button{min-block-size:var(--ttn-size-control-height-small)}.ttn-smart-marks{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;pointer-events:none;overflow:visible}.caret-layers .caret-lock{stroke:var(--ttn-color-sheet-paper);stroke-width:calc(2 * var(--ttn-border-width));stroke-dasharray:.5 .5}.focus-bracket .focus-bracket-band{fill:var(--ttn-color-sheet-hover-fill);stroke:none}.focus-bracket .focus-bracket-edge,.focus-bracket-ghost line{vector-effect:non-scaling-stroke;fill:none;stroke:var(--ttn-color-sheet-focus);stroke-width:var(--ttn-border-width)}.focus-bracket-ghost line{stroke-dasharray:3 2}.focus-bracket .focus-bracket-grip{fill:transparent;cursor:ew-resize}.focus-bracket .focus-bracket-grip--touch{display:none}@media(any-pointer:coarse){.focus-bracket .focus-bracket-grip--touch{display:inline}}.focus-bracket text{fill:var(--ttn-color-sheet-focus);font-family:var(--ttn-font-family-ui);font-size:.9px}.focus-bracket .focus-bracket-anchor{font-size:1.1px;text-anchor:start;cursor:pointer;fill-opacity:.55}.focus-bracket .focus-bracket-anchor--on{fill-opacity:1;font-weight:var(--ttn-font-weight-bold)}.ttn-fw-layer{position:absolute;inset-block-start:0;inset-inline-start:0;overflow:visible;pointer-events:none;touch-action:none;z-index:1}.ttn-fw-layer .focus-bracket-grip,.ttn-fw-layer .focus-bracket-anchor{pointer-events:auto}.caret line{stroke:var(--ttn-color-sheet-caret);vector-effect:non-scaling-stroke;stroke-linecap:round}.caret .caret-stem{stroke-width:calc(3 * var(--ttn-border-width))}.caret-fill{fill:var(--ttn-color-sheet-caret-fill);stroke:none;animation:ttn-sheet-breathe var(--ttn-motion-sheet-breathe) ease-in-out infinite alternate}.caret-flag-box{fill:var(--ttn-color-sheet-caret-fill);stroke:var(--ttn-color-sheet-caret);stroke-width:calc(1.3 * var(--ttn-border-width));vector-effect:non-scaling-stroke}.caret-flag-note{font-family:Bravura TTN;fill:var(--ttn-color-sheet-ink)}.caret-flag-num{fill:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-numeric),var(--ttn-font-family-ui);font-weight:var(--ttn-font-weight-bold);dominant-baseline:central}.caret-target{fill:none;stroke:var(--ttn-color-sheet-caret);stroke-width:calc(1.4 * var(--ttn-border-width));stroke-dasharray:3 2.5;vector-effect:non-scaling-stroke}.caret-notes{--sheet-ink: var(--ttn-color-sheet-caret);pointer-events:none}.ttn-sel-fill{fill:var(--ttn-color-sheet-selection-fill);stroke:none;animation:ttn-sheet-in var(--ttn-motion-sheet-select) ease-out}.ttn-sel-ring{fill:none;stroke:var(--ttn-color-sheet-selection);stroke-width:calc(1.6 * var(--ttn-border-width));vector-effect:non-scaling-stroke;animation:ttn-sheet-in var(--ttn-motion-sheet-select) ease-out}.ttn-voice-ink[data-ttn-voice="1"]{--sheet-ink: var(--ttn-color-voice-1)}.ttn-voice-ink[data-ttn-voice="2"]{--sheet-ink: var(--ttn-color-voice-2)}.ttn-voice-ink[data-ttn-voice="3"]{--sheet-ink: var(--ttn-color-voice-3)}.ttn-voice-ink[data-ttn-voice="4"]{--sheet-ink: var(--ttn-color-voice-4)}.ttn-voice-mark{stroke:var(--ttn-color-sheet-paper);stroke-width:var(--ttn-border-width);vector-effect:non-scaling-stroke}.ttn-voice-mark[data-ttn-voice="1"]{fill:var(--ttn-color-voice-1)}.ttn-voice-mark[data-ttn-voice="2"]{fill:var(--ttn-color-voice-2)}.ttn-voice-mark[data-ttn-voice="3"]{fill:var(--ttn-color-voice-3)}.ttn-voice-mark[data-ttn-voice="4"]{fill:var(--ttn-color-voice-4)}.ttn-play-fill{fill:var(--ttn-color-sheet-playhead-fill);stroke:none}.ttn-play-ring{fill:none;stroke:var(--ttn-color-sheet-playhead);stroke-width:calc(1.2 * var(--ttn-border-width));vector-effect:non-scaling-stroke}.ttn-play-line{stroke:var(--ttn-color-sheet-playhead);stroke-width:calc(2.4 * var(--ttn-border-width));vector-effect:non-scaling-stroke}.ttn-play-tip{fill:var(--ttn-color-sheet-playhead);stroke:none}@keyframes ttn-sheet-breathe{0%{opacity:1}to{opacity:.55}}@keyframes ttn-sheet-in{0%{opacity:0}to{opacity:1}}:root[data-ttn-motion=reduced] .caret-fill,:root[data-ttn-motion=reduced] .ttn-sel-fill,:root[data-ttn-motion=reduced] .ttn-sel-ring{animation:none}@media(prefers-reduced-motion:reduce){:root:not([data-ttn-motion=full]) .caret-fill,:root:not([data-ttn-motion=full]) .ttn-sel-fill,:root:not([data-ttn-motion=full]) .ttn-sel-ring{animation:none}}.ttn-oor{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none;font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs)}.ttn-oor-ring{position:absolute;box-sizing:border-box;border:calc(1.8 * var(--ttn-border-width)) dashed var(--ttn-color-sheet-issue);border-radius:50%;background:var(--ttn-color-sheet-issue-fill);mix-blend-mode:darken;pointer-events:auto;cursor:help}:root[data-ttn-paper=night] .ttn-oor-ring{mix-blend-mode:lighten}.ttn-oor-badge{position:absolute;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);white-space:nowrap}.ttn-oor-mark{display:inline-grid;place-items:center;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);border:calc(1.6 * var(--ttn-border-width)) solid var(--ttn-color-sheet-issue);border-radius:50%;background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-issue);font-weight:var(--ttn-font-weight-bold);line-height:1}.ttn-oor-legend{padding:0 var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-ink)}.ttn-chord-row{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-chord-row-svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible;mix-blend-mode:darken}:root[data-ttn-paper=night] .ttn-chord-row-svg{mix-blend-mode:lighten}.ttn-chord-row-fill{fill:var(--ttn-color-sheet-caret-fill);stroke:none}.ttn-chord-row-line{stroke:var(--ttn-color-sheet-caret);stroke-width:calc(1.6 * var(--ttn-border-width));stroke-linecap:round;vector-effect:non-scaling-stroke}.ttn-chord-row-flag{position:absolute;transform:translate(-100%,calc(-100% - var(--ttn-space-gap-tight)));padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-sheet-caret);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-storage{position:relative;display:inline-flex;flex:none}.ttn-status .ttn-storage-label{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-bar);padding:0 var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs)}.ttn-status .ttn-storage-label[aria-expanded=true]{background:var(--ttn-color-surface-raised)}.ttn-storage svg{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-storage-label.ttn-storage-muted>svg,.ttn-storage-muted{color:var(--ttn-color-ink-secondary)}.ttn-storage-label.ttn-storage-info>svg,.ttn-storage-info{color:var(--ttn-color-state-info)}.ttn-storage-label.ttn-storage-success>svg{color:var(--ttn-color-state-success)}.ttn-storage-pop{position:absolute;z-index:40;inset-block-end:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:24rem;max-inline-size:calc(100vw - 2 * var(--ttn-space-panel-padding));box-sizing:border-box;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);white-space:normal}.ttn-storage-pop p,.ttn-storage-ask p{margin:0;text-wrap:pretty}.ttn-storage-pop-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-storage-pop-head>b{flex:1;font-weight:var(--ttn-font-weight-medium)}.ttn-storage-close{display:grid;place-items:center;inline-size:24px;block-size:24px;padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted)}.ttn-storage-pop-btns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ttn-space-gap-default)}.ttn-storage-primary,.ttn-storage-secondary,.ttn-storage-quiet{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:24px;padding-inline:var(--ttn-space-gap-loose);border-radius:var(--ttn-radius-control);font:inherit;white-space:nowrap}.ttn-storage-primary{border:0;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-storage-secondary{border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-storage-quiet{border:0;background:transparent;color:var(--ttn-color-ink-primary)}.ttn-storage-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);inline-size:min(52rem,100%);box-sizing:border-box;margin:0 auto var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-inline-start:var(--ttn-focus-width) solid var(--ttn-color-state-info);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-storage-banner svg{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-storage-banner-text{flex:1 1 18rem;line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-storage-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-storage-ask{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);inline-size:28rem;max-inline-size:100%;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);line-height:var(--ttn-font-line-height-normal)}.ttn-storage-ask-title{font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium);text-wrap:pretty}.ttn-storage-ask p{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-sign-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ttn-sign-primary,.ttn-sign-secondary,.ttn-sign-quiet{min-block-size:var(--ttn-size-control-height);padding:0 var(--ttn-space-panel-padding);border-radius:var(--ttn-radius-control);font:inherit;white-space:nowrap;cursor:pointer}.ttn-sign-primary{border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-sign-secondary{border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:transparent;color:var(--ttn-color-ink-primary)}.ttn-sign-quiet{border:0;background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-sign-primary:focus-visible,.ttn-sign-secondary:focus-visible,.ttn-sign-quiet:focus-visible,.ttn-sign-gate-x:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-sign-primary[aria-disabled=true],.ttn-sign-secondary[aria-disabled=true]{border-style:dashed;border-color:var(--ttn-color-border-default);background:transparent;color:var(--ttn-color-ink-muted);cursor:default}.ttn-sign-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-sign-gate{display:flex;flex-direction:column;gap:var(--ttn-space-panel-padding);inline-size:min(28rem,calc(100% - 2rem));max-block-size:calc(100% - 2rem);overflow-y:auto;padding:calc(1.5 * var(--ttn-space-panel-padding));border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-panel);box-shadow:0 var(--ttn-space-panel-padding) calc(3 * var(--ttn-space-panel-padding)) var(--ttn-color-surface-scrim);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:1.35}.ttn-sign-gate-head{display:flex;align-items:center;gap:var(--ttn-space-gap-loose)}.ttn-sign-gate-badge{display:grid;place-items:center;flex:none;min-inline-size:2.25rem;block-size:2.25rem;padding:0 var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-secondary)}.ttn-sign-gate-badge--fmt{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-sign-gate-title{flex:1;margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium)}.ttn-sign-gate-x{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-sign-gate-body{margin:0;text-wrap:pretty}.ttn-sign-gate-gets{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-sign-gate-gets-head{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-sign-gate-get{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default);text-wrap:pretty}.ttn-sign-gate-get .ttn-sign-icon,.ttn-sign-done .ttn-sign-icon{color:var(--ttn-color-state-success)}.ttn-sign-gate-offline{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border:var(--ttn-border-width) dashed var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-secondary)}.ttn-sign-gate-offline-text{display:flex;flex-direction:column;font-size:var(--ttn-font-size-sm)}.ttn-sign-gate-offline-text b{color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-medium)}.ttn-sign-gate-btns{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default)}.ttn-sign-gate-btns>.ttn-sign-primary,.ttn-sign-gate-btns>.ttn-sign-secondary{flex:1 1 auto}.ttn-sign-gate-btns>.ttn-sign-quiet{flex:0 1 auto}.ttn-sign-gate-free{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-sign-in-mark{display:inline-flex;align-items:center;flex:none;padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-pill);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs);line-height:1.4}.ttn-menu-label:has(>.ttn-sign-in-mark),.ttn-ctx-name:has(>.ttn-sign-in-mark){display:flex;align-items:center;gap:var(--ttn-space-gap-loose)}.ttn-menu-label>.ttn-sign-in-mark,.ttn-ctx-name>.ttn-sign-in-mark{margin-inline-start:auto}.ttn-center{--ttn-sign-nudge-width: 17rem}.ttn-center--nudge>.bench-sheet{margin-inline-end:calc(var(--ttn-sign-nudge-width) + 2 * var(--ttn-space-panel-padding))}:root[dir=rtl] .ttn-center--nudge>.bench-sheet{margin-inline-end:0;margin-inline-start:calc(var(--ttn-sign-nudge-width) + 2 * var(--ttn-space-panel-padding))}.ttn-sign-nudge-dock{position:relative;flex:none;block-size:0}.ttn-sign-nudge{position:absolute;inset-block-end:var(--ttn-space-panel-padding);inset-inline-end:var(--ttn-space-panel-padding);z-index:5;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);box-sizing:border-box;inline-size:var(--ttn-sign-nudge-width);padding:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-inline-start:calc(3 * var(--ttn-border-width)) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);box-shadow:0 var(--ttn-space-gap-default) var(--ttn-space-panel-padding) var(--ttn-color-surface-scrim);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:1.35}.ttn-sign-nudge-head{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default)}.ttn-sign-nudge-head .ttn-sign-icon{color:var(--ttn-color-accent-solid)}.ttn-sign-nudge-head b{font-weight:var(--ttn-font-weight-medium);text-wrap:pretty}.ttn-sign-nudge-body{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);text-wrap:pretty}.ttn-sign-nudge-btns{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-sign-nudge-btns .ttn-sign-primary,.ttn-sign-nudge-btns .ttn-sign-secondary,.ttn-sign-nudge-btns .ttn-sign-quiet{padding:0 var(--ttn-space-gap-loose)}.ttn-sign-nudge-row{display:flex;gap:var(--ttn-space-gap-default)}.ttn-sign-nudge-row>button{flex:1}.ttn-sign-nudge--again{border-color:var(--ttn-color-state-warning);border-inline-start-color:var(--ttn-color-state-warning)}.ttn-sign-nudge--again .ttn-sign-nudge-head .ttn-sign-icon{color:var(--ttn-color-state-warning)}.ttn-sign-done{position:fixed;z-index:45;inset-block-start:calc(3 * var(--ttn-size-control-height) + var(--ttn-space-panel-padding));inset-inline:0;margin-inline:auto;inline-size:fit-content;max-inline-size:calc(100% - 2rem);box-sizing:border-box;display:flex;align-items:center;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);box-shadow:0 var(--ttn-space-gap-default) var(--ttn-space-panel-padding) var(--ttn-color-surface-scrim);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md)}.ttn-sign-done-mine{min-block-size:var(--ttn-size-control-height-small);padding:0 var(--ttn-space-gap-loose)}.ttn-fc-icon{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.ttn-fc-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:pointer}.ttn-fc-btn[aria-pressed=true],.ttn-fc-btn[aria-expanded=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-fc-btn.ttn-fc-heard[aria-pressed=true]{border-color:var(--ttn-color-state-success);background:transparent;color:var(--ttn-color-state-success)}.ttn-fc-primary{border:0;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-fc-quiet{border:0;background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-fc-link{padding:0;border:0;background:transparent;color:var(--ttn-color-accent-ink);font:inherit;font-size:var(--ttn-font-size-sm);text-decoration:underline;cursor:pointer;white-space:nowrap}.ttn-fc-key{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-fc-primary .ttn-fc-key{color:inherit}.ttn-fc-select{block-size:var(--ttn-size-control-height);min-inline-size:0;max-inline-size:100%;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);text-overflow:ellipsis}.ttn-fc-muted{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);line-height:var(--ttn-font-line-height-normal)}.ttn-fc-num{font-family:var(--ttn-font-family-numeric)}.ttn-fc-switch{position:relative;flex:none;inline-size:calc(2 * var(--ttn-size-control-height));block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:calc(var(--ttn-size-control-height) / 2);background:transparent;cursor:pointer}.ttn-fc-switch>span{position:absolute;inset-block-start:var(--ttn-space-gap-tight);inset-inline-start:var(--ttn-space-gap-tight);inline-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-space-gap-tight) - 2 * var(--ttn-border-width));block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-space-gap-tight) - 2 * var(--ttn-border-width));border-radius:50%;background:var(--ttn-color-border-strong)}.ttn-fc-switch[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-fc-switch[aria-checked=true]>span{inset-inline-start:calc(100% - var(--ttn-size-control-height) + var(--ttn-space-gap-tight));background:var(--ttn-color-ink-on-accent)}.ttn-fc-note{display:flex;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-fc-note>.ttn-fc-icon{color:var(--ttn-color-state-warning)}.ttn-fc-step{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding-block:var(--ttn-space-gap-loose);border-block:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-step-head{display:flex;align-items:center;gap:var(--ttn-space-gap-loose)}.ttn-fc-step-head h2{flex:1;margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold)}.ttn-fc-row{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--ttn-space-gap-loose);min-inline-size:0}.ttn-fc-out{flex:1 1 14rem;min-inline-size:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-fc-out>span:first-child{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-fc-web{display:flex;align-items:center;block-size:var(--ttn-size-control-height);color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-fc-meter{display:flex;flex-direction:column;justify-content:center;gap:var(--ttn-space-gap-tight);flex:none;inline-size:6rem;block-size:var(--ttn-size-control-height)}.ttn-fc-meter>span{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-fc-bar{flex:1;block-size:calc(3 * var(--ttn-border-width));background:var(--ttn-color-border-subtle)}.ttn-fc-bar>span{display:block;block-size:100%;background:var(--ttn-color-meter-safe)}.ttn-fc-ok{display:flex;align-items:center;gap:var(--ttn-space-gap-default);color:var(--ttn-color-state-success);font-size:var(--ttn-font-size-sm)}.ttn-fc-help{margin:0;padding-block:var(--ttn-space-gap-default);padding-inline:calc(2 * var(--ttn-space-panel-padding)) var(--ttn-space-panel-padding);display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm)}.ttn-fc-audition{display:flex;align-items:center;gap:var(--ttn-space-gap-loose);padding-block-start:var(--ttn-space-gap-loose);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-audition>div{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--ttn-border-width)}.ttn-fc-aud{position:relative;display:inline-flex;flex:none}.ttn-fc-aud>button{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-fc-aud>button[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-fc-tip{position:absolute;z-index:3;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-fc-card{position:fixed;z-index:40;inset-inline-end:var(--ttn-space-panel-padding);inset-block-end:calc(var(--ttn-size-bar) + var(--ttn-space-panel-padding));display:flex;flex-direction:column;inline-size:23rem;max-inline-size:calc(100vw - 2 * var(--ttn-space-panel-padding));max-block-size:45vh;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary)}.ttn-fc-card-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding-block:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-card-head>.ttn-fc-icon{color:var(--ttn-color-accent-ink)}.ttn-fc-card-name{flex:1;min-inline-size:0;display:flex;flex-direction:column}.ttn-fc-card-name>b{font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-fc-iconbtn{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted);cursor:pointer}.ttn-fc-card-body{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-fc-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-sm)}.ttn-fc-grid>label,.ttn-fc-grid>span:nth-child(odd){color:var(--ttn-color-ink-secondary)}.ttn-fc-inline{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0}.ttn-fc-lo{flex-direction:column}.ttn-fc-lo>div{display:flex;gap:var(--ttn-space-gap-default)}.ttn-fc-lo-actions{flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-fc-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-card-foot>.ttn-fc-muted{flex:1 1 10rem;min-inline-size:0}.ttn-fc-scrim{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-fc-dialog{display:flex;flex-direction:column;inline-size:min(64rem,100%);max-inline-size:100%;max-block-size:100%;min-block-size:0;overflow:hidden;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary)}.ttn-fc-dialog.ttn-fc-pedals{inline-size:min(58rem,100%)}.ttn-fc-dialog-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);flex:none;padding-block:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-dialog-head>b{font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-fc-spacer{flex:1}.ttn-fc-seg{display:inline-flex;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-fc-seg>button{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:pointer}.ttn-fc-seg>button+button{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-fc-seg>button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-fc-dialog-body{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding)}.ttn-fc-dialog-foot{display:flex;justify-content:flex-end;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-empty{display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-loose);padding:calc(3 * var(--ttn-space-panel-padding));text-align:center;color:var(--ttn-color-ink-secondary)}.ttn-fc-empty>.ttn-fc-icon{inline-size:calc(3 * var(--ttn-size-icon));block-size:calc(3 * var(--ttn-size-icon));color:var(--ttn-color-ink-muted)}.ttn-fc-table{display:grid;align-items:center;border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm)}.ttn-fc-table>[role=columnheader]{display:flex;flex-direction:column;gap:var(--ttn-border-width);align-self:stretch;min-inline-size:0;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-default);font-weight:var(--ttn-font-weight-medium)}.ttn-fc-table>[role=cell]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight);align-self:stretch;min-inline-size:0;min-block-size:var(--ttn-size-control-height);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fc-ellipsis{flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-fc-chip{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-fc-chip[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-fc-under{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-fc-alert{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-state-danger);border-radius:var(--ttn-radius-control)}.ttn-fc-alert>span{display:flex;gap:var(--ttn-space-gap-default)}.ttn-fc-alert .ttn-fc-icon{color:var(--ttn-color-state-danger)}.ttn-fc-wait{display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-default);padding:calc(2 * var(--ttn-space-panel-padding));text-align:center}.ttn-fc-wait>span:first-child{font-size:var(--ttn-font-size-lg)}.ttn-fc-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(2 * var(--ttn-space-panel-padding))}.ttn-fc-cols>section{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);min-inline-size:0}.ttn-fc-pedal-pic{position:relative;flex:none;inline-size:6rem;block-size:4.5rem}.ttn-fc-pedal-pic>span:first-child{position:absolute;inset-inline:0;inset-block-end:0;block-size:1.25rem;border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-strong)}.ttn-fc-pedal-pic>span:last-child{position:absolute;inset-inline-start:.75rem;inline-size:4.5rem;inset-block-end:1.25rem;block-size:.75rem;border-radius:var(--ttn-radius-control);background:var(--ttn-color-ink-secondary);transform-origin:100% 100%;transform:rotate(-14deg)}.ttn-fc-pedal-pic[data-down=true]>span:last-child{transform:none}.ttn-fc-live{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs)}.ttn-fc-live>[role=meter]{flex:1;block-size:var(--ttn-space-gap-loose);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-fc-live>[role=meter]>span{display:block;block-size:100%;background:var(--ttn-color-accent-solid)}.ttn-fc-travel{position:relative;block-size:3.5rem;margin-inline:var(--ttn-space-gap-loose)}.ttn-fc-travel>.ttn-fc-track{position:absolute;inset-inline:0;inset-block-start:1.25rem;block-size:var(--ttn-space-gap-loose);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-fc-track>span{display:block;block-size:100%;background:var(--ttn-color-accent-soft)}.ttn-fc-mark{position:absolute;inset-block-start:.75rem;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-fc-mark:before{content:"";inline-size:calc(2 * var(--ttn-border-width));block-size:1.5rem;background:var(--ttn-color-ink-secondary)}.ttn-fc-handle{position:absolute;inset-block-start:.5rem;display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);transform:translate(-50%);cursor:ew-resize;touch-action:none}.ttn-fc-handle>span{inline-size:var(--ttn-space-gap-loose);block-size:calc(var(--ttn-size-control-height) - var(--ttn-space-gap-tight));border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-solid);border:var(--ttn-border-width) solid var(--ttn-color-accent-ink)}.ttn-fc-polarity{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-fc-polarity[data-inverted=true]{border-color:var(--ttn-color-state-warning)}.ttn-fc-polarity>span{flex:1 1 14rem;min-inline-size:0;font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-fc-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-fc-window-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:var(--ttn-color-surface-scrim)}.ttn-fc-window{inline-size:min(36rem,calc(100vw - 2 * var(--ttn-space-panel-padding)));max-block-size:calc(100vh - 2 * var(--ttn-space-panel-padding));overflow:auto;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-fc-window .ttn-fc-row{flex-wrap:wrap}.ttn-fc-window .ttn-fc-out{min-inline-size:min(100%,14rem)}.ttn-coach{position:fixed;z-index:60;inline-size:22rem;max-inline-size:calc(100vw - 1.5rem);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui)}.ttn-coach:focus{outline:none}.ttn-coach[data-phone]{inline-size:calc(100vw - 1.5rem)}:lang(de) .ttn-coach,:lang(es) .ttn-coach{inline-size:23rem}@media(max-height:640px){.ttn-coach:not([data-phone]){inline-size:18.75rem}}.ttn-coach-tip{position:absolute;inline-size:.75rem;block-size:.75rem;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);transform:rotate(45deg);clip-path:polygon(0 0,100% 0,0 100%)}.ttn-coach-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-coach-title{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);text-wrap:pretty}.ttn-coach-collapse{flex:none;display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit}.ttn-coach-count{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-coach-bar{flex:1;block-size:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border-radius:var(--ttn-space-gap-tight);overflow:hidden}.ttn-coach-bar>span{display:block;block-size:100%;background:var(--ttn-color-accent-solid)}.ttn-coach-text{margin:0;line-height:1.6;text-wrap:pretty;overflow-wrap:break-word}.ttn-coach-kbd{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.5rem;block-size:1.375rem;padding-inline:.375rem;margin-inline:.0625rem;box-sizing:border-box;vertical-align:.0625rem;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-block-end-width:calc(2 * var(--ttn-border-width));border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);line-height:1}.ttn-coach-link{padding:0;border:0;background:none;font:inherit;color:var(--ttn-color-accent-ink);text-decoration:underline;text-underline-offset:.15em;cursor:pointer}.ttn-coach-cond{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-coach-done{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-bold);color:var(--ttn-color-state-success)}.ttn-coach-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding-block-start:var(--ttn-space-gap-tight)}.ttn-coach-btn{white-space:nowrap;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);text-align:start}.ttn-coach-btn--quiet{border-color:transparent;background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-coach-btn--primary{margin-inline-start:auto;border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-coach-end .ttn-coach-btn--primary{margin-inline-start:0}.ttn-coach-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-coach-end{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-coach-end-title{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold)}.ttn-coach-pointer{position:fixed;z-index:59;box-sizing:border-box;border:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);pointer-events:none}.ttn-coach-highlight{position:fixed;z-index:59;box-sizing:border-box;border:var(--ttn-border-width) solid color-mix(in oklab,var(--ttn-color-sheet-selection) 45%,transparent);border-radius:var(--ttn-radius-control);background:color-mix(in oklab,var(--ttn-color-sheet-selection) 12%,transparent);pointer-events:none}.ttn-coach-chip{position:fixed;z-index:60;inset-inline-end:var(--ttn-space-panel-padding);inset-block-end:calc(var(--ttn-size-bar) + var(--ttn-space-panel-padding));display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-pill);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-start{position:relative;display:flex;flex-direction:column;min-block-size:100vh;background:var(--ttn-color-surface-app);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-start button,.ttn-start input,.ttn-start select{font:inherit;color:inherit}.ttn-start button{cursor:default}.ttn-start-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-start-fill{flex:1}.ttn-start-muted{color:var(--ttn-color-ink-muted);font-size:var(--ttn-font-size-xs)}.ttn-start-mono{font-family:var(--ttn-font-family-mono)}.ttn-start kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-start kbd:empty{display:none}.ttn-start-menubar{position:relative;z-index:4;flex:none;display:flex;align-items:center;block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-start-menu-anchor{position:relative}.ttn-start-menubar>div>button{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;font-size:var(--ttn-font-size-sm)}.ttn-start-menubar>div>button:hover,.ttn-start-menubar>div>button[aria-expanded=true]{background:var(--ttn-color-surface-raised)}.ttn-start-menu{position:absolute;z-index:5;inset-block-start:100%;inset-inline-start:0;display:flex;flex-direction:column;min-inline-size:18rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-start-menu [role=separator]{block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-start-menu [role=menuitem]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default);border:0;background:transparent;font-size:var(--ttn-font-size-sm);text-align:start;white-space:nowrap}.ttn-start-menu [role=menuitem]:hover{background:var(--ttn-color-surface-raised)}.ttn-start-menu .ttn-start-menu-sub>span:first-child{padding-inline-start:var(--ttn-space-panel-padding)}.ttn-start-tabs{flex:none;display:flex;align-items:stretch;gap:var(--ttn-space-gap-loose);block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-panel);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-start-brand{flex:none;display:flex;align-items:center;font-weight:var(--ttn-font-weight-bold);font-size:var(--ttn-font-size-lg)}.ttn-start-tabs [role=tablist]{display:flex;align-items:stretch;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-start-tabs [role=tab]{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-panel-padding);border:0;border-block-end:var(--ttn-focus-width) solid transparent;background:transparent;color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-start-tabs [role=tab]:hover{color:var(--ttn-color-ink-primary)}.ttn-start-tabs [role=tab][aria-selected=true]{border-block-end-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-medium)}.ttn-start-tabs [role=tab]:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-start-seg{flex:none;align-self:center;display:flex;gap:var(--ttn-border-width);padding:var(--ttn-border-width);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-start-seg>button{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-start-seg-icons>button{justify-content:center;inline-size:var(--ttn-size-control-height-small);padding:0}.ttn-start-seg>button[aria-checked=true]{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-start-search{flex:1 1 14rem;display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0;max-inline-size:26rem;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-muted)}.ttn-start-search:focus-within{border-color:var(--ttn-color-focus-ring)}.ttn-start-search input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);outline:none}.ttn-start-filter{flex:none;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-start-filter select{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary)}.ttn-start-body,.ttn-start-tab{flex:1;min-block-size:0;display:flex;flex-direction:column}.ttn-start-toolbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding)}.ttn-start-status,.ttn-start-note{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm)}.ttn-start-status{border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-start-note{margin-inline:var(--ttn-space-panel-padding);margin-block-end:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-start-status .ttn-start-icon,.ttn-start-note .ttn-start-icon,.ttn-start-offline .ttn-start-icon{color:var(--ttn-color-state-warning)}.ttn-start-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ttn-space-gap-loose);padding:2rem;text-align:center}.ttn-start-empty-title{font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-medium)}.ttn-start-empty-body{max-inline-size:28rem;color:var(--ttn-color-ink-secondary);line-height:var(--ttn-font-line-height-normal)}.ttn-start-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ttn-space-gap-default)}.ttn-start-row>button,.ttn-start-params-foot>button,.ttn-start-card-actions>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-weight:var(--ttn-font-weight-medium)}.ttn-start .ttn-start-primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-start .ttn-start-primary:disabled{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-disabled)}.ttn-start-cards{flex:1;min-block-size:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));grid-auto-rows:max-content;align-content:start;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding) var(--ttn-space-panel-padding)}.ttn-start-card{position:relative;display:flex;flex-direction:column;min-inline-size:0;background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);text-align:start}.ttn-start-card:hover{border-color:var(--ttn-color-border-strong)}.ttn-start-card[data-missing]{border-color:var(--ttn-color-state-danger);opacity:.7}.ttn-start-thumb{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;margin:var(--ttn-space-gap-default);padding:0;border:0;background:var(--ttn-color-sheet-paper);color:var(--ttn-color-sheet-ink);overflow:hidden}.ttn-start-thumb-staff{position:absolute;inset-block-start:6%;inset-inline:0;text-align:center;font-size:var(--ttn-font-size-xs)}.ttn-start-thumb-staff:after{content:"";position:absolute;inset-inline:12%;inset-block:160% -280%;background:repeating-linear-gradient(to bottom,var(--ttn-color-sheet-staff-line) 0 var(--ttn-border-width),transparent var(--ttn-border-width) .35rem);opacity:.55}.ttn-start-thumb-img{inline-size:100%;block-size:100%;object-fit:cover;object-position:top center}.ttn-start-thumb-type{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-bold);color:var(--ttn-color-ink-muted)}.ttn-start-pin{position:absolute;inset-block-start:var(--ttn-space-gap-tight);inset-inline-start:var(--ttn-space-gap-tight);display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);background:var(--ttn-color-surface-overlay);border-radius:var(--ttn-radius-control);color:var(--ttn-color-accent-ink)}.ttn-start-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);padding:0 var(--ttn-space-gap-default) var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-start-card-head>button{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted)}.ttn-start-card-head>button[aria-expanded=true]{background:var(--ttn-color-surface-raised)}.ttn-start-card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:var(--ttn-font-weight-medium);line-height:var(--ttn-font-line-height-normal)}.ttn-start-card-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-start-place,.ttn-start-offline{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-start-place .ttn-start-icon{inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-start-badge{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-xs)}.ttn-start-badge-missing{border-color:var(--ttn-color-state-danger);color:var(--ttn-color-state-danger)}.ttn-start-dot{inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-space-gap-default);border-radius:50%;background:var(--ttn-color-state-success)}.ttn-start-card-menu{inset-block-start:calc(100% - var(--ttn-space-panel-padding));inset-inline-start:auto;inset-inline-end:var(--ttn-space-gap-default);min-inline-size:15rem}.ttn-start-card-menu [role=menuitem]{grid-template-columns:var(--ttn-size-icon) minmax(0,1fr) auto;padding-inline:var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-start-card-actions{justify-content:flex-start;padding:0 var(--ttn-space-panel-padding) var(--ttn-space-gap-default)}.ttn-start-table{flex:1;min-block-size:0;overflow:auto;margin-inline:var(--ttn-space-panel-padding)}.ttn-start-table-row{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(10rem,2fr) minmax(5rem,.7fr);inline-size:100%;padding:0;border:0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;text-align:start}.ttn-start-tpl-table .ttn-start-table-row{grid-template-columns:minmax(10rem,1.4fr) minmax(12rem,2.4fr) 4rem 4rem 6rem}.ttn-start-table-row>*{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);min-inline-size:0;padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;font-size:var(--ttn-font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-start-table-head>*{position:sticky;inset-block-start:0;background:var(--ttn-color-surface-app);color:var(--ttn-color-ink-muted);font-size:var(--ttn-font-size-xs)}.ttn-start-table-row[aria-pressed=true]{background:var(--ttn-color-accent-soft)}.ttn-start-create{display:grid;grid-template-columns:14rem minmax(0,1fr) 24rem;flex-direction:row}@media(max-width:85rem){.ttn-start-create{grid-template-columns:12rem minmax(0,1fr) 20rem}}.ttn-start-create[data-narrow]{display:flex;flex-direction:column}.ttn-start-cats{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-loose) var(--ttn-space-gap-default);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:var(--ttn-color-surface-panel)}.ttn-start-cats>button{display:flex;align-items:center;justify-content:space-between;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:0;border-inline-start:var(--ttn-focus-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);text-align:start}.ttn-start-cats>button[aria-pressed=true]{border-inline-start-color:var(--ttn-color-accent-solid);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-start-cats .ttn-start-search{flex:none;margin-block-start:auto}.ttn-start-tpl-col{min-inline-size:0;overflow-y:auto;display:flex;flex-direction:column;padding-block-start:var(--ttn-space-gap-loose)}.ttn-start-tpl-group h3{margin:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding) 0;font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-start-tpl-cards{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.ttn-start-tpl{gap:var(--ttn-space-gap-tight);padding-block-end:var(--ttn-space-gap-default)}.ttn-start-tpl>span:not(.ttn-start-thumb){padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default)}.ttn-start-tpl[aria-pressed=true]{border:var(--ttn-focus-width) solid var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-start-tpl .ttn-start-thumb{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.6rem;padding:14% 12%}.ttn-start-thumb-brace{position:absolute;inset-inline-start:10%;inset-block:14% 14%;inline-size:calc(2 * var(--ttn-border-width));background:var(--ttn-color-sheet-ink);opacity:.6}.ttn-start-thumb-stave{display:block;flex:none;block-size:1.2rem;background:repeating-linear-gradient(to bottom,var(--ttn-color-sheet-staff-line) 0 var(--ttn-border-width),transparent var(--ttn-border-width) .3rem)}.ttn-start-card-ens{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-start-params{position:relative;display:flex;flex-direction:column;min-block-size:0;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:var(--ttn-color-surface-panel)}.ttn-start-params-body{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding)}.ttn-start-psec h3{margin:0 0 var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-bold)}.ttn-start-field{display:grid;grid-template-columns:7rem minmax(0,1fr);align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);font-size:var(--ttn-font-size-sm)}.ttn-start-field-label{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);color:var(--ttn-color-ink-secondary)}.ttn-start-field-ctl{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0}.ttn-start-field-ctl input,.ttn-start-field-ctl>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-start-field-ctl input{flex:1 1 auto}.ttn-start-field-ctl .ttn-start-num{flex:0 0 4rem;font-family:var(--ttn-font-family-numeric)}.ttn-start-field[data-error] input[aria-invalid]{border-color:var(--ttn-color-state-danger)}.ttn-start-field-error{grid-column:2;color:var(--ttn-color-state-danger);font-size:var(--ttn-font-size-xs)}.ttn-start-ens{display:flex;flex-direction:column;gap:var(--ttn-border-width);margin:0;padding:0;list-style:none}.ttn-start-ens li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);font-size:var(--ttn-font-size-sm)}.ttn-start-ens button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted)}.ttn-start-pop{position:absolute;z-index:6;inset-inline:var(--ttn-space-panel-padding);inset-block-start:34%;display:grid;grid-template-columns:1fr;gap:var(--ttn-border-width);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-start-pop-paper{grid-template-columns:1fr 1fr}.ttn-start-pop-group{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--ttn-border-width)}.ttn-start-pop-group>.ttn-start-muted{grid-column:1 / -1}.ttn-start-pop button{display:flex;align-items:center;justify-content:space-between;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent}.ttn-start-pop button[aria-selected=true]{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-start-params-foot{flex:none;display:flex;justify-content:flex-end;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-start-bottom{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-panel);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm)}.ttn-start-bottom>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-accent-ink)}.ttn-start-phone-tabs{flex:none;display:grid;grid-template-columns:repeat(4,1fr);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:var(--ttn-color-surface-panel)}.ttn-start-phone-tabs>button{display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-tight);padding-block:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs)}.ttn-start-phone-tabs>button[aria-selected=true]{color:var(--ttn-color-accent-ink)}@media(max-width:40rem){.ttn-start-cards{grid-template-columns:1fr}}.ttn-first-run{align-items:center;justify-content:center;padding:2rem var(--ttn-space-panel-padding)}.ttn-first-run-box{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:100%;max-inline-size:36rem;padding:2rem;background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-first-run-box h1{margin:0;font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-bold)}.ttn-first-run-box>p{margin:0;text-align:start;max-inline-size:none}.ttn-first-run-label{margin-block-start:var(--ttn-space-gap-loose);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm)}.ttn-first-run-box .ttn-start-seg{align-self:flex-start}.ttn-first-run-box .ttn-start-seg>button:disabled{color:var(--ttn-color-ink-disabled)}.ttn-first-run-box .ttn-fc-row{flex-wrap:wrap}.ttn-first-run-box .ttn-fc-out{min-inline-size:min(100%,14rem)}.ttn-first-run .ttn-start-params-foot{padding-inline:0;margin-block-start:var(--ttn-space-gap-loose)}.bench-service{padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding)}.bench-service h3{margin:0 0 var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-start-add{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);margin:var(--ttn-space-gap-default) var(--ttn-space-panel-padding) 0;padding-inline:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-start-field-ctl :disabled{color:var(--ttn-color-ink-disabled);opacity:.5}.ttn-start-flag{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default);padding-block:var(--ttn-space-gap-tight)}.ttn-start-flag>span{display:flex;flex-direction:column}.ttn-start-more{display:flex;align-items:center;justify-content:space-between;inline-size:100%;min-block-size:var(--ttn-size-row);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-medium)}.ttn-start-more[aria-expanded=true] .ttn-start-icon{transform:rotate(180deg)}.ttn-start-flows{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-start-mine{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);margin:0;padding:0;list-style:none}.ttn-start-mine button{inline-size:100%;min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);text-align:start}.ttn-start-cats{position:relative}.ttn-start-mine-menu{inset-block-start:var(--ttn-size-row)}.ttn-start-mine-menu [role=separator]{border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-start-mine-menu button[aria-checked=true]{background:var(--ttn-color-accent-soft)}.ttn-start-learn{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-panel-padding);padding:var(--ttn-space-panel-padding)}.ttn-start-learn-status{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-start-learn[data-ttn-state=offline] .ttn-start-learn-status .ttn-start-icon,.ttn-start-learn[data-ttn-state=error] .ttn-start-learn-status .ttn-start-icon{color:var(--ttn-color-state-warning)}.ttn-start-learn-status>button{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-sm)}.ttn-start-learn-section{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-start-learn-section>h2{margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium)}.ttn-start-learn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--ttn-space-gap-loose)}.ttn-start-learn-card{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);min-inline-size:0;padding:0;border:0;background:transparent;color:inherit;text-align:start}.ttn-start-learn-card:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-start-learn-card[data-away]{opacity:.6}.ttn-start-learn-thumb{position:relative;display:block;inline-size:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--ttn-radius-panel);background:repeating-linear-gradient(135deg,var(--ttn-color-surface-raised) 0 var(--ttn-space-gap-default),var(--ttn-color-surface-panel) var(--ttn-space-gap-default) calc(2 * var(--ttn-space-gap-default)))}.ttn-start-learn-thumb>img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.ttn-start-learn-play{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:50%;background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-lg);transform:translate(-50%,-50%)}[dir=rtl] .ttn-start-learn-play{transform:translate(50%,-50%)}.ttn-start-learn-len{position:absolute;inset-block-end:var(--ttn-space-gap-default);inset-inline-end:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs)}.ttn-start-learn-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);line-height:var(--ttn-font-line-height-normal)}.ttn-start-learn-meta{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-start-learn-common{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-start-learn-note{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-start-learn-note>.ttn-start-icon{inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-learn-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-learn-player{--ttn-learn-frame-w: min(var(--ttn-learn-player-max), calc((100vh - 9rem) * 16 / 9));display:flex;flex-direction:column;inline-size:calc(var(--ttn-learn-frame-w) + 2 * var(--ttn-border-width));max-inline-size:100%;max-block-size:100%;overflow:hidden;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary)}.ttn-learn-player-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding-block:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-learn-player-head>b{flex:1;min-inline-size:0;font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-learn-player-len{flex:none;font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-learn-player-head>button{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted)}.ttn-learn-player-frame{position:relative;flex:none;inline-size:var(--ttn-learn-frame-w);max-inline-size:100%;aspect-ratio:16 / 9;align-self:center;background:var(--ttn-color-surface-sunken)}.ttn-learn-player[data-ttn-state=default] .ttn-learn-player-frame{background:var(--ttn-color-surface-app)}.ttn-learn-player-frame>iframe{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0}.ttn-learn-player-frame>iframe[data-hidden]{opacity:0}.ttn-learn-player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ttn-color-ink-secondary)}.ttn-learn-player-loading>.ttn-start-icon{inline-size:calc(2 * var(--ttn-size-icon));block-size:calc(2 * var(--ttn-size-icon))}.ttn-learn-player-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding);text-align:center}.ttn-learn-player-msg>.ttn-start-icon{inline-size:calc(1.6 * var(--ttn-size-icon));block-size:calc(1.6 * var(--ttn-size-icon))}.ttn-learn-player[data-ttn-state=unavailable] .ttn-learn-player-msg>.ttn-start-icon{color:var(--ttn-color-state-info)}.ttn-learn-player[data-ttn-state=offline] .ttn-learn-player-msg>.ttn-start-icon{color:var(--ttn-color-state-warning)}.ttn-learn-player[data-ttn-state=error] .ttn-learn-player-msg>.ttn-start-icon{color:var(--ttn-color-state-danger)}.ttn-learn-player-msg>span{max-inline-size:28rem;line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-learn-player-msg>div{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ttn-space-gap-default)}.ttn-learn-player-msg button{display:inline-flex;align-items:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);white-space:nowrap}.ttn-learn-player-msg button.ttn-start-primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-learn-player-foot{display:flex;align-items:center;flex:none;min-block-size:var(--ttn-size-control-height);padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-learn-player-foot>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;max-inline-size:100%;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);white-space:nowrap}.ttn-learn-player-next-title{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;color:var(--ttn-color-ink-secondary)}@media(max-width:40rem){.ttn-learn-scrim{padding:0}.ttn-learn-player{--ttn-learn-frame-w: 100%;inline-size:100%;border-radius:0}}.ttn-learn-player[data-shape=shorts]{--ttn-learn-frame-w: calc((100vh - 9rem)*.5625) }.ttn-learn-player[data-shape=shorts] .ttn-learn-player-frame{aspect-ratio:9 / 16}@media(max-width:40rem){.ttn-learn-player[data-shape=shorts]{--ttn-learn-frame-w: min(100%, calc((100vh - 9rem)*.5625) )}}.ttn-learn-player:fullscreen{inline-size:100vw;block-size:100vh;max-inline-size:none;max-block-size:none;border:0;border-radius:0}.ttn-learn-player:fullscreen .ttn-learn-player-frame{flex:1;inline-size:100%;min-block-size:0;aspect-ratio:auto}.ttn-learn-player-head>button[aria-pressed=true]{color:var(--ttn-color-accent-ink)}.ttn-start-unsaved{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);margin-block-end:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised)}.ttn-start-unsaved-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ttn-space-gap-default)}.ttn-start-unsaved-head h2{margin:0;font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-medium)}.ttn-start-unsaved-head span,.ttn-start-unsaved-meta{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-start-unsaved-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-row);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);padding-block-start:var(--ttn-space-gap-default)}.ttn-start-unsaved-row b{flex:1 1 10rem;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--ttn-font-weight-medium)}.ttn-first-run-naming{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-first-run-naming-opts,.ttn-first-run-naming-sub{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-first-run-naming-sub{padding-inline-start:var(--ttn-space-gap-loose)}.ttn-first-run-naming-opt{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;gap:var(--ttn-border-width);min-inline-size:0;min-block-size:var(--ttn-size-control-height);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;text-align:start;cursor:pointer}.ttn-first-run-naming-opt[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-first-run-naming-sample{color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);unicode-bidi:isolate}.ttn-first-run-naming-note{color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm)}.ttn-start-bell-slot{display:inline-flex;align-items:center;flex:none}.ttn-start-tab-sign-in{display:inline-flex;align-items:center;align-self:center;flex:none;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-start-new-mark{position:absolute;inset-block-start:var(--ttn-space-gap-default);inset-inline-start:var(--ttn-space-gap-default);display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-border-width) var(--ttn-space-gap-default);border-radius:var(--ttn-size-icon);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium)}.ttn-start-new-mark .ttn-start-icon{inline-size:calc(var(--ttn-size-icon) * .8);block-size:calc(var(--ttn-size-icon) * .8)}.ttn-start-card[data-ttn-state=new] .ttn-start-thumb{outline:var(--ttn-border-width) solid var(--ttn-color-accent-solid);outline-offset:calc(2 * var(--ttn-border-width))}.ttn-start-card[data-ttn-state=new] .ttn-start-card-name{font-weight:var(--ttn-font-weight-medium)}.ttn-start-card-by{grid-column:1 / -1;overflow:hidden;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap;text-overflow:ellipsis}.ttn-start-remembered{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);flex:1 1 100%;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-start-remembered>.ttn-start-icon{flex:none;inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-start-remembered-text{flex:1 1 10rem;text-wrap:pretty}.ttn-start-remembered>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);font-size:var(--ttn-font-size-xs)}.ttn-start-remembered>button .ttn-start-icon{inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-start-card-name[data-untitled]{font-style:italic;color:var(--ttn-color-ink-secondary)}.ttn-start-card-owner{overflow:hidden;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap;text-overflow:ellipsis}.ttn-start-lesson{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised)}.ttn-start-lesson[data-state=resume]{border-color:var(--ttn-color-border-strong)}.ttn-start-lesson>button{align-self:flex-start}.ttn-start-lesson-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-start-lesson-done{position:absolute;inset-block-start:var(--ttn-space-gap-tight);inset-inline-end:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-state-success);font-family:var(--ttn-font-family-ui)}.ttn-start-lesson-progress{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-start-lesson-bar{flex:1;block-size:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border-radius:var(--ttn-space-gap-tight);overflow:hidden}.ttn-start-lesson-bar>span{display:block;block-size:100%;background:var(--ttn-color-accent-solid)}.bench-sheet-wait{flex:1 1 auto;min-block-size:50vh;display:flex;justify-content:center;align-items:flex-start;padding-block-start:38vh;background:var(--ttn-color-surface-app)}.bench-sheet-wait-box{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);max-inline-size:80%;block-size:max-content;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-weight:var(--ttn-font-weight-medium)}.ttn-bb-switch{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);white-space:nowrap}.ttn-bb-toggle{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) dashed var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-bb-toggle[aria-checked=true]{border-style:solid;border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-bb-check{display:inline-grid;place-items:center;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-bb-target-link{padding:0;border:0;background:transparent;color:var(--ttn-color-accent-ink);font-size:var(--ttn-font-size-xs);text-decoration:underline;white-space:nowrap;cursor:pointer}.ttn-bb{display:flex;flex-direction:column;inline-size:min(36rem,calc(100vw - 2 * var(--ttn-space-panel-padding)));max-block-size:80vh;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);overflow:hidden}.ttn-bb-top{display:flex;align-items:baseline;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-bb-top>b{font-weight:var(--ttn-font-weight-medium)}.ttn-bb-body{flex:1;min-block-size:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);overflow-y:auto}.ttn-bb-msg{padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-info);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-bb-msg--warning{border-color:var(--ttn-color-state-warning)}.ttn-bb-option{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);cursor:pointer}.ttn-bb-option[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-bb-option-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-bb-option-head>b{font-weight:var(--ttn-font-weight-medium)}.ttn-bb-radio{display:grid;place-items:center;flex:none;inline-size:calc(var(--ttn-size-icon) + 2px);block-size:calc(var(--ttn-size-icon) + 2px);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:50%}.ttn-bb-option[aria-checked=true] .ttn-bb-radio{border-color:var(--ttn-color-accent-solid);background:radial-gradient(circle,var(--ttn-color-accent-solid) 0 35%,transparent 40%)}.ttn-bb-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-bb-octave{margin-inline-start:calc(var(--ttn-size-icon) + var(--ttn-space-gap-default));font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-bb-list{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);margin-inline-start:calc(var(--ttn-size-icon) + var(--ttn-space-gap-default))}.ttn-bb-catalog{display:flex;flex-direction:column;max-block-size:12rem;overflow-y:auto}.ttn-bb-head{padding-block:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-bb-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm)}.ttn-bb-row[aria-selected=true]{background:var(--ttn-color-surface-raised)}.ttn-bb-search{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm)}.ttn-bb-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-bb-foot>.ttn-bb-note{flex:1}.ttn-bb-foot>button{min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);white-space:nowrap}.ttn-bb-foot>.ttn-bb-ok{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-bb-foot>.ttn-bb-ok:disabled{opacity:.5}.ttn-bb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-control-height)}.ttn-bb-row-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-bb-knob{position:relative;flex:none;inline-size:calc(2 * var(--ttn-size-control-height-small));block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-pill);background:var(--ttn-color-surface-sunken);cursor:pointer}.ttn-bb-knob[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-bb-knob-dot{position:absolute;inset-block:var(--ttn-space-gap-tight);inset-inline-start:var(--ttn-space-gap-tight);aspect-ratio:1;border-radius:50%;background:var(--ttn-color-ink-muted)}.ttn-bb-knob[aria-checked=true] .ttn-bb-knob-dot{inset-inline-start:calc(100% - var(--ttn-size-control-height-small) + var(--ttn-space-gap-tight));background:var(--ttn-color-ink-on-accent)}.caret-layers.caret-ladder .caret-ladder-rung{vector-effect:non-scaling-stroke;stroke-width:calc(1.2 * var(--ttn-border-width));stroke-opacity:.9}.caret-layers.caret-ladder .caret-ladder--major{fill:var(--ttn-color-sheet-ladder-major);stroke:var(--ttn-color-sheet-ladder-major)}.caret-layers.caret-ladder .caret-ladder--minor{fill:var(--ttn-color-sheet-ladder-minor);stroke:var(--ttn-color-sheet-ladder-minor)}.caret-layers.caret-ladder .caret-ladder--diminished{fill:var(--ttn-color-sheet-ladder-diminished);stroke:var(--ttn-color-sheet-ladder-diminished)}.caret-layers.caret-ladder .caret-ladder--augmented{fill:var(--ttn-color-sheet-ladder-augmented);stroke:var(--ttn-color-sheet-ladder-augmented)}.caret-layers.caret-ladder .caret-ladder--other{fill:var(--ttn-color-sheet-ladder-other);stroke:var(--ttn-color-sheet-ladder-other)}.caret-layers.caret-ladder circle{vector-effect:non-scaling-stroke;fill:none}.caret-layers.caret-ladder .caret-ladder-pointer{transition:transform var(--ttn-motion-sheet-caret) ease-out}.caret-layers.caret-ladder .caret-ladder-halo{fill:var(--ttn-color-sheet-ladder-pointer-fill);stroke:none}.caret-layers.caret-ladder .caret-ladder-ring{fill:none;stroke:var(--ttn-color-sheet-ladder-pointer);stroke-width:calc(2.5 * var(--ttn-border-width))}.caret-layers.caret-ladder .caret-ladder-end{stroke:var(--ttn-color-sheet-ink-muted);stroke-width:calc(1.2 * var(--ttn-border-width));stroke-dasharray:2 2}.caret-layers.caret-ladder .caret-ladder-arrow{stroke:var(--ttn-color-sheet-ink-muted);stroke-width:calc(1.4 * var(--ttn-border-width))}.caret-layers.caret-ladder .caret-ladder-head{fill:var(--ttn-color-sheet-ink-muted);stroke:none}.caret-layers.caret-ladder .caret-ladder-ledger{stroke:var(--ttn-color-sheet-ghost-input);stroke-width:calc(.9 * var(--ttn-border-width));opacity:.7}.caret-layers.caret-ladder .caret-ladder-accidental{stroke:none;font-size:1.1px;font-weight:var(--ttn-font-weight-regular);text-anchor:middle}.ttn-ladder-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--ttn-font-family-ui);line-height:1}.ttn-ladder-label{position:absolute;display:inline-flex;align-items:baseline;gap:.08em;padding-inline:.15em;border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);white-space:nowrap;text-shadow:0 0 .12em var(--ttn-color-sheet-paper),0 0 .12em var(--ttn-color-sheet-paper)}.ttn-ladder-label--above{transform:translate(-100%,-100%)}.ttn-ladder-label--below{transform:translate(0)}.ttn-ladder-label>b{font-weight:var(--ttn-font-weight-bold)}.ttn-ladder-label-degree{font-size:calc(11em / 13)}.ttn-ladder-label--mark{background:var(--ttn-color-sheet-ladder-pointer-fill);outline:calc(1.5 * var(--ttn-border-width)) solid var(--ttn-color-sheet-ladder-pointer);text-shadow:none}.ttn-ladder-opts{position:absolute;z-index:40;inset-block-end:calc(100% + var(--ttn-space-gap-tight));inset-inline-start:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:21rem;max-inline-size:calc(100vw - 2 * var(--ttn-space-panel-padding));padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);white-space:normal}.ttn-ladder-opts-title{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-ladder-opts-fields{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-ladder-opts-row{display:grid;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:var(--ttn-space-gap-default)}.ttn-ladder-opts-row>span:first-child{color:var(--ttn-color-ink-secondary)}.ttn-ladder-opts-choice{display:flex;flex-wrap:wrap;gap:var(--ttn-border-width)}.ttn-ladder-opts-choice>button{display:inline-flex;align-items:center;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-ladder-opts-choice>button[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-ladder-opts-slider{display:flex;flex-direction:column;gap:var(--ttn-border-width)}.ttn-ladder-opts-slider>input[type=range]{inline-size:100%;min-inline-size:8rem;accent-color:var(--ttn-color-accent-solid)}.ttn-ladder-opts-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-ladder-opts-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-ladder-opts-foot>button{display:inline-flex;align-items:center;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-ladder-loupe{position:absolute;z-index:30;inline-size:17.5rem;block-size:10rem;overflow:hidden;background:var(--ttn-color-sheet-paper);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-panel);pointer-events:none}.ttn-ladder-loupe>svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.ttn-ladder-loupe-staff{stroke:var(--ttn-color-sheet-ink);stroke-width:var(--ttn-border-width);vector-effect:non-scaling-stroke}.ttn-ladder-loupe-ghost{fill:none;stroke:var(--ttn-color-sheet-ghost-input);stroke-width:calc(1.5 * var(--ttn-border-width));vector-effect:non-scaling-stroke}.ttn-roll{line-height:var(--ttn-font-line-height-tight)}.ttn-roll :where(button){padding:0;border-radius:var(--ttn-radius-control);font-weight:inherit;line-height:inherit}.ttn-roll button[aria-pressed=true]{font-weight:inherit}.ttn-roll{--ttn-roll-keys: 7rem;--ttn-roll-keys-drum: 9rem;--ttn-roll-parts: 11rem;--ttn-roll-row: calc(var(--ttn-size-pitch-row) * var(--ttn-roll-k, 1));position:relative;display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);outline:none}.ttn-roll-empty{position:sticky;inset-inline-start:var(--ttn-roll-keys);align-self:center;margin:0;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);color:var(--ttn-color-ink-secondary);pointer-events:none}.ttn-ovf{position:relative;flex:1 1 auto;min-inline-size:0;display:flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-ovf-item{flex:none;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-ovf-spacer{flex:1 1 0;min-inline-size:0}.ttn-ovf-more{flex:none;display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit}.ttn-ovf-more[aria-expanded=true]{background:var(--ttn-color-surface-overlay)}.ttn-ovf-menu{position:absolute;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:var(--ttn-space-gap-tight);min-inline-size:12rem;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel)}.ttn-ovf-menu>.ttn-ovf-item{justify-content:flex-start}.ttn-ovf--shrink{flex:0 1 auto}.ttn-ovf-menu .ttn-ovf-item>.ttn-menubar-icon,.ttn-ovf-menu .ttn-ovf-item>[data-ttn-command="NoteInput.ToggleAudition"]{display:flex;block-size:auto;min-block-size:var(--ttn-size-control-height);flex-direction:row;align-items:center;justify-content:flex-start;inline-size:100%;white-space:nowrap;gap:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-gap-default)}.ttn-ovf-menu .ttn-menubar-icon:after,.ttn-ovf-menu [data-ttn-command="NoteInput.ToggleAudition"]:after{content:attr(aria-label);font-size:var(--ttn-font-size-md)}.ttn-ovf-menu .ttn-ovf-item .ttn-menubar-forum-label{display:inline}.ttn-ws-tabs{position:relative;display:flex;align-items:stretch}.ttn-ws-tabs>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-block:0;padding-inline:var(--ttn-space-gap-loose);border:0;border-block-end:var(--ttn-focus-width) solid transparent;border-radius:0;background:transparent;color:var(--ttn-color-ink-secondary);font-family:inherit;font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-regular)}.ttn-ws-tabs>button:hover{color:var(--ttn-color-ink-primary)}.ttn-ws-tabs>button[aria-selected=true]{border-block-end-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-medium)}.ttn-ws-tabs .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-muted)}.ttn-ws-list{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:20;min-inline-size:100%;margin:0;padding-block:var(--ttn-space-gap-tight);list-style:none;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel)}.ttn-ws-list>li{display:flex;align-items:center;min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-loose);margin-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-md)}.ttn-ws-list>li:hover,.ttn-ws-list>li[aria-selected=true]{background:var(--ttn-color-surface-raised)}.ttn-ws-eye{position:relative;display:inline-flex;flex:none}.ttn-ws-eye-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-block:0;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary)}.ttn-ws-eye-btn[aria-expanded=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-ws-eye-btn .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-ws-eye-menu{display:flex;flex-direction:column;min-inline-size:15rem;inset-block-start:calc(100% + var(--ttn-space-gap-tight))}.ttn-ws-eye-menu>button{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-loose);margin-inline:var(--ttn-space-gap-tight);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-md);text-align:start}.ttn-ws-eye-menu>button:hover{background:var(--ttn-color-surface-raised)}.ttn-ws-eye-mark{display:inline-grid;place-items:center;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-accent-ink)}.ttn-rail-zone{position:relative;display:flex;flex:none}.ttn-zrail{flex:none;display:flex;flex-direction:column;inline-size:var(--ttn-size-rail);background:var(--ttn-color-surface-panel);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-rail-zone[data-ttn-zone=end] .ttn-zrail{border-inline-end:0;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-zrail[data-ttn-state=auto]{background:var(--ttn-color-surface-sunken);border-inline-end-style:dashed;border-inline-end-color:var(--ttn-color-border-strong)}.ttn-zrail-expand{display:grid;place-items:center;flex:none;block-size:var(--ttn-size-rail);padding:0;border:0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-zrail-expand:hover,.ttn-zrail-label:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-zrail-expand .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);max-inline-size:90%}.ttn-zrail-auto{display:flex;justify-content:center;padding-block:var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) dashed var(--ttn-color-border-strong)}.ttn-zrail-auto>span,.ttn-zrail-label,.ttn-zrail>kbd{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.ttn-zrail-auto>span{font-size:var(--ttn-font-size-xs);font-style:italic;color:var(--ttn-color-ink-secondary)}.ttn-zrail-cell{display:flex;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-zrail-label{flex:1;display:flex;align-items:center;justify-content:center;padding-block:0;padding-inline:var(--ttn-space-gap-loose);border:0;background:transparent;color:var(--ttn-color-ink-secondary);font-family:inherit;font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-regular);line-height:1}.ttn-zrail-label[aria-expanded=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);font-weight:var(--ttn-font-weight-medium)}.ttn-zrail-fill{flex:1}.ttn-zrail>kbd{align-self:center;padding-block:var(--ttn-space-gap-default);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-zrail-peek{position:absolute;inset-block:0;inset-inline-start:var(--ttn-size-rail);z-index:12;display:flex;flex-direction:column;background:var(--ttn-color-surface-panel);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-strong)}.ttn-rail-zone[data-ttn-zone=end] .ttn-zrail-peek{inset-inline-start:auto;inset-inline-end:var(--ttn-size-rail);border-inline-end:0;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-strong)}.ttn-zrail-peek-head{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-zrail-peek-head>span{flex:1;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-zrail-peek-head>button{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-block:0;padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);font-family:inherit;font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-zrail-peek-body{flex:1;min-block-size:0;display:flex}.ttn-tz{position:relative;display:flex;flex:none;min-block-size:0;background:var(--ttn-color-surface-panel);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-tz-half{position:relative;min-inline-size:0;display:flex;flex-direction:column}.ttn-tz-half+.ttn-tz-half{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-tz-divider{position:absolute;z-index:1;inset-block:0;inset-inline-start:calc(-1 * var(--ttn-space-gap-tight) - var(--ttn-border-width));inline-size:var(--ttn-space-gap-default);cursor:col-resize;touch-action:none}@media(any-pointer:coarse){.ttn-tz-divider:after{content:"";position:absolute;inset-block:0;inset-inline-start:calc(50% - 1rem);inline-size:2rem}}.ttn-tz-divider:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring)}.ttn-tz-body{flex:1;min-block-size:0;display:flex;flex-direction:column;overflow:auto}.ttn-tz-row{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);white-space:nowrap;overflow:hidden}.ttn-tz-row[data-drop=merge]{background:var(--ttn-color-accent-soft);outline:var(--ttn-focus-width) solid var(--ttn-color-accent-solid);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-tz-tabs{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:none}.ttn-tz-tabs>button[role=tab],.ttn-tz-organ{position:relative;display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-family:inherit;font-size:var(--ttn-font-size-sm);cursor:default}.ttn-tz-tabs>button[role=tab]{touch-action:none}.ttn-tz-tabs>button[role=tab]:hover,.ttn-tz-organ:hover{color:var(--ttn-color-ink-primary);background:var(--ttn-color-surface-sunken)}.ttn-tz-tabs>button[role=tab][aria-selected=true]{border-color:var(--ttn-color-border-default);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-tz-tabs>button[role=tab][aria-selected=true]:after{content:"";position:absolute;inset-inline:20%;inset-block-end:0;block-size:var(--ttn-focus-width);background:var(--ttn-color-accent-solid)}.ttn-tz-tabs>button[role=tab]:focus-visible,.ttn-tz-organ:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-tz-organ[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-tz-tabs .ttn-start-icon,.ttn-tz-organ .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-tz-sep{flex:none;inline-size:var(--ttn-border-width);block-size:var(--ttn-size-control-height);margin-inline:var(--ttn-space-gap-default);background:var(--ttn-color-border-subtle)}.ttn-tz-tools{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:1;min-inline-size:0;overflow:hidden}.ttn-tz-handle{cursor:ns-resize;touch-action:none}.ttn-tz-menu{position:fixed;z-index:40;display:flex;flex-direction:column;min-inline-size:12rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-tz-menu>button{display:flex;align-items:center;min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-loose);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);text-align:start}.ttn-tz-menu>button:hover,.ttn-tz-menu>button:focus-visible{background:var(--ttn-color-accent-soft)}.ttn-status .ttn-status-ladder{display:inline-flex;flex:none;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-soft);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-status .ttn-status-ladder[aria-checked=false]{border-style:dashed;border-color:var(--ttn-color-border-strong);background:transparent}.ttn-status .ttn-status-handles{display:inline-flex;flex:none;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-soft);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-status .ttn-status-handles[aria-checked=false]{border-style:dashed;border-color:var(--ttn-color-border-strong);background:transparent}.ttn-status .ttn-status-handles svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-status-ladder-icon{display:inline-flex;align-items:flex-end;gap:var(--ttn-border-width);block-size:var(--ttn-size-icon)}.ttn-status-ladder-icon>span{inline-size:calc(3 * var(--ttn-border-width));border-radius:50%;background:currentColor}.ttn-status-ladder-icon>span:nth-child(1){block-size:30%}.ttn-status-ladder-icon>span:nth-child(2){block-size:55%}.ttn-status-ladder-icon>span:nth-child(3){block-size:80%}.ttn-status .ttn-status-lower,.ttn-status .ttn-status-lower[aria-pressed=true]{display:grid;flex:none;place-items:center;inline-size:calc(var(--ttn-size-icon) * 2.5);block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight));padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-status-lower .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-status-lower--up{display:grid;transform:rotate(180deg)}.ttn-tz-drop{position:absolute;z-index:2;inset-block:0 var(--ttn-size-bar);inset-inline-start:50%;inset-inline-end:0;display:grid;place-items:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-accent-soft);outline:var(--ttn-focus-width) dashed var(--ttn-color-accent-solid);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-tz-drop[data-drop=tooNarrow]{background:var(--ttn-color-surface-sunken);outline-color:var(--ttn-color-state-warning)}.ttn-tz-drop>span,.ttn-tz-merge-note{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);max-inline-size:22rem;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-primary);text-wrap:pretty}.ttn-tz-drop .ttn-start-icon{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-tz-merge-note{position:absolute;z-index:2;inset-block-end:calc(var(--ttn-size-bar) + var(--ttn-space-gap-default));inset-inline-start:var(--ttn-space-gap-default)}.ttn-mh{flex:none;display:flex;align-items:center;column-gap:var(--ttn-space-gap-loose);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);box-sizing:border-box;background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mh-name{flex:1;min-inline-size:0;font-family:var(--ttn-font-family-heading);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-mh>button{flex:none;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted)}.ttn-mh>button:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-mh>button[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-mh .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-frame-col{min-inline-size:0;display:flex;flex-direction:column}.ttn-frame-bottom{position:sticky;inset-block-end:0;z-index:10}.ttn-frame-bottom .ttn-tz:not([data-ttn-state=collapsed]){block-size:min(22rem,45vh)}.ttn-tz{position:relative}.ttn-tz-grip{position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--ttn-space-gap-default);cursor:ns-resize;z-index:2;touch-action:none}@media(any-pointer:coarse){.ttn-tz-grip:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:2rem}}.ttn-tz-grip:hover,.ttn-tz-grip:focus-visible{background:var(--ttn-color-accent-solid)}.ttn-frame-bottom--max{position:fixed;inset-inline:0;inset-block:var(--ttn-frame-top, 0) 0;z-index:15}.ttn-frame-bottom--max .ttn-tz:not([data-ttn-state=collapsed]){block-size:100%;outline:var(--ttn-focus-width) solid var(--ttn-color-accent-solid);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-frame-bottom--full{inset-inline:auto;left:var(--ttn-frame-left, 0);right:var(--ttn-frame-right, 0)}.ttn-center--full>.bench-sheet{block-size:0;min-block-size:0;overflow:hidden;visibility:hidden}.bench--app{display:flex;flex-direction:column;block-size:100vh;block-size:100dvh;overflow:hidden}@media print{.bench--app{display:none}}.bench--app>.bench-body{flex:1 1 auto;min-block-size:0;padding:0;gap:0;align-items:stretch}.bench--app .ttn-frame-col{block-size:100%;min-block-size:0}.bench--app .ttn-workspace{flex:1 1 auto;min-block-size:0;align-items:stretch}.bench--app .ttn-workspace>.ttn-input{flex:none;align-self:stretch;min-block-size:0;overflow:hidden}.ttn-center{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;min-block-size:0}.bench--app .ttn-center>.bench-sheet{flex:1 1 auto}.bench--app .ttn-center>.bench-sheet{min-block-size:0;overflow:auto;justify-items:center;align-content:start;padding-block:var(--ttn-space-gap-loose)}.bench--app .ttn-center>.bench-sheet[data-ttn-view=continuous]{justify-items:start}.bench--app .ttn-center>.bench-sheet:after{content:"";block-size:50vh}.bench--app .ttn-frame-bottom{position:static}.bench--app .ttn-frame-bottom--max{position:static;flex:0 0 78%;min-block-size:0;z-index:auto}.bench--app .ttn-center:has(>.ttn-frame-bottom--max)>.bench-sheet{flex:1 1 0}.bench--app .ttn-frame-bottom--full{flex:1 1 auto}.bench--app .ttn-center--full:has(>.ttn-frame-bottom--max)>.bench-sheet{flex:0 0 0;padding:0}.bench--app>.ttn-start{flex:1 1 auto;min-block-size:0;overflow:auto}.ttn-status .ttn-status-ladder-group{position:relative;display:inline-flex;flex:none;align-items:center}.ttn-status .ttn-status-ladder-group>.ttn-status-ladder{border-start-end-radius:0;border-end-end-radius:0}.ttn-status .ttn-status-ladder-more{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-inline-start:0;border-start-end-radius:var(--ttn-radius-control);border-end-end-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary)}.ttn-status .ttn-status-ladder-more[aria-expanded=true]{background:var(--ttn-color-accent-soft)}.ttn-wsbar{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight));box-sizing:border-box;padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-panel);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);white-space:nowrap}.ttn-wsbar-fill{flex:1}.ttn-wsbar-sep{align-self:stretch;inline-size:var(--ttn-border-width);background:var(--ttn-color-border-subtle)}.ttn-transport{display:flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-transport-pos,.ttn-transport-tempo{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-numeric);font-variant-numeric:tabular-nums}.ttn-transport-pos{flex-direction:column;align-items:flex-start;justify-content:center;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-tight)}.ttn-transport-time{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-transport-sep{inline-size:var(--ttn-border-width);block-size:var(--ttn-size-control-height-small);margin-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-transport-tempo{gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-md)}.ttn-transport-glyph{display:block;font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1}.ttn-transport-tempo .ttn-transport-glyph{font-size:var(--ttn-font-size-lg)}:is(.ttn-transport,.ttn-transport-tail) button,.ttn-wsbar-icon{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);overflow:hidden}:is(.ttn-transport,.ttn-transport-tail) button:hover{background:var(--ttn-color-surface-overlay)}.ttn-wsbar-icon:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-play{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}:is(.ttn-transport,.ttn-transport-tail) button[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-transport[data-ttn-state=loading] .ttn-transport-play{opacity:.6}.ttn-transport[data-ttn-state=error] .ttn-transport-play{color:var(--ttn-color-state-danger)}[dir=rtl] .ttn-wsbar-mirror{transform:scaleX(-1)}.ttn-wsbar-mirror{display:block}.ttn-transport-beats{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:none;padding-inline:var(--ttn-space-gap-tight)}.ttn-transport-beat{inline-size:.5rem;block-size:.5rem;box-sizing:border-box;border-radius:50%;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);background:transparent}.ttn-transport-beat[data-strong]{inline-size:.75rem;block-size:.75rem}.ttn-transport-beat[aria-current=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}@media(prefers-reduced-motion:no-preference){:root:not([data-ttn-motion=reduced]) .ttn-transport-beat[aria-current=true]{animation:ttn-transport-beat-flash .18s ease-out}}@keyframes ttn-transport-beat-flash{0%{transform:scale(1.35)}to{transform:scale(1)}}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-sub{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}:is(.ttn-transport,.ttn-transport-tail) button:has(.ttn-transport-sub){display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:auto;min-inline-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight)}.ttn-transport-tempo-box{position:relative;display:inline-flex;flex:none}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-tempo{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:auto;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);font-family:var(--ttn-font-family-numeric);color:var(--ttn-color-ink-primary)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-tempo[aria-pressed=true]{border-color:var(--ttn-color-accent-solid)}.ttn-transport-pop{position:absolute;z-index:20;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);min-inline-size:16rem;padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);white-space:normal}.ttn-transport-pop-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-transport-tempo-field{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-focus-ring);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-numeric)}.ttn-transport-tempo-field input{inline-size:3.5rem;border:0;background:transparent;color:inherit;font:inherit}.ttn-transport-tempo-field:has(input[aria-invalid=true]){border-color:var(--ttn-color-state-danger)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-pop .ttn-transport-tap{display:inline-flex;inline-size:auto;padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-transport-note{color:var(--ttn-color-ink-secondary)}.ttn-transport-spot{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:none}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-spot button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:auto;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-spot[data-on] button{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-transport-spot button svg{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-transport-knob{position:relative;display:block;inline-size:4.5rem;block-size:var(--ttn-size-control-height);opacity:.55;touch-action:none}.ttn-transport-spot[data-on] .ttn-transport-knob{opacity:1;cursor:ew-resize}.ttn-transport-knob-line{position:absolute;inset-inline:0;inset-block-start:50%;block-size:calc(2 * var(--ttn-border-width));background:var(--ttn-color-border-strong);transform:translateY(-50%)}.ttn-transport-knob-mid{position:absolute;inset-inline-start:50%;inset-block:30%;inline-size:var(--ttn-border-width);background:var(--ttn-color-ink-muted)}.ttn-transport-knob-handle{position:absolute;inset-block-start:50%;inline-size:var(--ttn-space-gap-loose);block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-space-gap-default));border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);transform:translate(-50%,-50%)}[dir=rtl] .ttn-transport-knob-handle{transform:translate(50%,-50%)}.ttn-transport-spot[data-on] .ttn-transport-knob-handle{background:var(--ttn-color-accent-solid)}.ttn-transport-tempo>span[dir],.ttn-transport-tempo-field{white-space:nowrap}.ttn-transport-tempo>span[dir]{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-arrow{margin-inline-start:calc(-.2 * var(--ttn-size-control-height));color:var(--ttn-color-ink-muted)}.ttn-transport-arrow svg{display:block;inline-size:calc(var(--ttn-size-icon) * .7);block-size:calc(var(--ttn-size-icon) * .7)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-sounding,:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-activate{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:auto;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);white-space:nowrap}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-sounding{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-activate{border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);cursor:pointer}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-activate>svg{color:var(--ttn-color-ink-muted)}.ttn-transport-sounding>svg,.ttn-transport-activate>svg{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-transport-activate kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-transport-activate kbd:empty{display:none}:is(.ttn-transport,.ttn-transport-tail) button[aria-disabled=true]{color:var(--ttn-color-ink-muted)}.ttn-sound-note{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-panel);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-sound-note>svg{flex:none;inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-transport-gap{flex:none;min-inline-size:var(--ttn-space-panel-padding)}.ttn-transport-panic-box{position:relative;display:inline-flex;flex:none}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-panic{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);inline-size:auto;min-inline-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);overflow:visible}:is(.ttn-transport,.ttn-transport-tail) .ttn-transport-panic[data-stuck]{border-color:var(--ttn-color-state-warning);color:var(--ttn-color-state-warning)}.ttn-transport-panic>svg,.ttn-transport-panic-warn>svg{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-transport-panic-dot{position:absolute;inset-block-start:calc(-1 * var(--ttn-border-width));inset-inline-end:calc(-1 * var(--ttn-border-width));inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);box-sizing:border-box;border-radius:50%;background:var(--ttn-color-state-warning);border:var(--ttn-border-width) solid var(--ttn-color-surface-panel)}@media(prefers-reduced-motion:no-preference){:root:not([data-ttn-motion=reduced]) .ttn-transport-panic-dot{animation:ttn-transport-panic-blink 1s steps(2,jump-none) infinite}}@keyframes ttn-transport-panic-blink{0%{opacity:1}to{opacity:.25}}.ttn-transport-pop.ttn-transport-panic-pop{border-color:var(--ttn-color-state-warning);color:var(--ttn-color-ink-primary)}.ttn-transport-panic-warn{display:block;flex:none;color:var(--ttn-color-state-warning)}.ttn-transport-panic-pop kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-transport-panic-pop kbd:empty{display:none}.ttn-share-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-share-btn:hover{color:var(--ttn-color-ink-primary)}.ttn-share-btn-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);flex:none}.ttn-pb{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:none}.ttn-pb-offline{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-pb-avatar{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-border-default);border-radius:50%;outline:var(--ttn-focus-width) none transparent;outline-offset:var(--ttn-border-width);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);cursor:pointer}.ttn-pb-avatar[aria-pressed=true]{outline-style:solid}.ttn-pb-avatar--static{cursor:default}.ttn-pb-avatar--small{inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);font-size:var(--ttn-font-size-xs)}.ttn-pb-more{display:grid;place-items:center;min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:999px;background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-pb-alone{padding-inline:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-pb-who{display:flex;flex-direction:column;min-inline-size:0}.ttn-pb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttn-pb-sub{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-coa,.ttn-cv{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none;font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs)}.ttn-coa-fill{position:absolute;background:currentColor;opacity:.16}.ttn-coa-caret{position:absolute;inline-size:calc(2 * var(--ttn-border-width));background:currentColor}.ttn-coa-caret--dashed{inline-size:0;background:transparent;border-inline-start:calc(2 * var(--ttn-border-width)) dashed currentColor}.ttn-coa-label{position:absolute;inset-block-end:100%;inset-inline-start:0;padding:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-on-presence);font-weight:var(--ttn-font-weight-medium);line-height:1;white-space:nowrap}.ttn-cv-frame{position:absolute;border:var(--ttn-border-width) dashed var(--ttn-color-state-warning)}.ttn-cv-mark{position:absolute;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font:inherit;font-weight:var(--ttn-font-weight-medium);white-space:nowrap;pointer-events:auto;cursor:pointer}.ttn-cv-mark .ttn-start-icon,.ttn-cv-head .ttn-start-icon,.ttn-cb-band--info .ttn-start-icon{color:var(--ttn-color-state-warning)}.ttn-cv-pop{position:absolute;z-index:6;display:flex;flex-direction:column;inline-size:21rem;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);pointer-events:auto}.ttn-cv-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-loose);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-cv-head b{font-weight:var(--ttn-font-weight-medium)}.ttn-cv-sides{display:grid;grid-template-columns:1fr 1fr}.ttn-cv-side{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-loose)}.ttn-cv-side+.ttn-cv-side{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-cv-who{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0}.ttn-cv-value{display:grid;place-items:center;block-size:3.5rem;background:var(--ttn-color-sheet-paper);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-lg)}.ttn-cv-keep{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ttn-size-control-height);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;cursor:pointer}.ttn-cb-band{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);flex:none;min-block-size:var(--ttn-size-control-height);padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-inline-start:var(--ttn-focus-width) solid var(--ttn-color-state-info);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-cb-band-text{flex:1 1 20rem;min-inline-size:0;line-height:var(--ttn-font-line-height-normal)}.ttn-cb-band-btn{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;white-space:nowrap;cursor:pointer}.ttn-nt-wrap{position:relative;display:inline-flex;flex:none}.ttn-nt-bell{position:relative;display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-border-width));padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);cursor:pointer}.ttn-nt-bell[aria-pressed=true]{background:var(--ttn-color-accent-soft)}.ttn-nt-badge{position:absolute;inset-block-start:0;inset-inline-end:0;display:grid;place-items:center;min-inline-size:var(--ttn-space-panel-padding);block-size:var(--ttn-space-panel-padding);padding-inline:var(--ttn-border-width);border-radius:999px;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);line-height:1}.ttn-nt-pop{position:absolute;z-index:40;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;display:flex;flex-direction:column;inline-size:25rem;max-inline-size:calc(100vw - 2 * var(--ttn-space-gap-tight));max-block-size:calc(100vh - 4rem);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-nt-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-loose) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-nt-head b{flex:1;font-weight:var(--ttn-font-weight-medium)}.ttn-nt-link{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-accent-ink);font:inherit;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-nt-icon{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-nt-icon[aria-pressed=true]{background:var(--ttn-color-accent-soft)}.ttn-nt-offline{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-secondary)}.ttn-nt-settings{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-loose);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-nt-option{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height)}.ttn-nt-option input{accent-color:var(--ttn-color-accent-solid)}.ttn-nt-sub{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-nt-muted{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-nt-list{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column}.ttn-nt-empty{padding:calc(2 * var(--ttn-space-panel-padding));text-align:center;color:var(--ttn-color-ink-secondary)}.ttn-nt-row{display:grid;grid-template-columns:var(--ttn-size-control-height) minmax(0,1fr) var(--ttn-space-gap-default);gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-nt-row--unread{background:var(--ttn-color-accent-soft)}.ttn-nt-body{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-nt-text{line-height:var(--ttn-font-line-height-normal);text-wrap:pretty;overflow-wrap:anywhere}.ttn-nt-btns{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-nt-btn{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-nt-btn--primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-nt-btn:disabled{opacity:.5;cursor:default}.ttn-nt-dot{align-self:start;margin-block-start:var(--ttn-space-gap-default);inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-space-gap-default);border-radius:50%}.ttn-nt-row--unread .ttn-nt-dot{background:var(--ttn-color-accent-solid)}.ttn-cm{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);min-block-size:0;block-size:100%;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-cm-head{display:flex;align-items:baseline;gap:var(--ttn-space-gap-default)}.ttn-cm-head b{font-weight:var(--ttn-font-weight-medium)}.ttn-cm-sub,.ttn-cm-time,.ttn-cm-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cm-time{margin-inline-start:auto;color:var(--ttn-color-ink-muted)}.ttn-cm-seg{display:inline-flex;flex-wrap:wrap;align-self:start;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-cm-seg button{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-cm-seg button+button{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-cm-seg button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-cm-alert{padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-inline-start:var(--ttn-focus-width) solid var(--ttn-color-state-danger);background:var(--ttn-color-surface-raised)}.ttn-cm-list{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);flex:1;min-block-size:0;overflow-y:auto;overflow-x:hidden}.ttn-cm-card{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-panel);background:var(--ttn-color-surface-raised);cursor:pointer}.ttn-cm-card--active{border-color:var(--ttn-color-accent-solid);cursor:default}.ttn-cm-card-head,.ttn-cm-who,.ttn-cm-row,.ttn-cm-assigned,.ttn-cm-resolved{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0}.ttn-cm-quote{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cm-resolve,.ttn-cm-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-cm-btn--primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-cm-btn:disabled{opacity:.5;cursor:default}.ttn-cm-icon{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-cm-menu-wrap{position:relative;display:inline-flex}.ttn-cm-menu,.ttn-cm-picker{position:absolute;z-index:5;inset-block-start:100%;inset-inline-end:0;display:flex;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control)}.ttn-cm-menu{flex-direction:column;min-inline-size:12rem}.ttn-cm-menu button,.ttn-cm-picker button{display:flex;align-items:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;text-align:start;cursor:pointer}.ttn-cm-picker{inset-inline-end:auto;inset-inline-start:0}.ttn-cm-removed{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border-inline-start:var(--ttn-focus-width) solid var(--ttn-color-state-warning);background:var(--ttn-color-surface-sunken);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cm-removed b{color:var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-medium)}.ttn-cm-assigned{justify-content:space-between;font-size:var(--ttn-font-size-xs)}.ttn-cm-resolved{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cm-comment{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-cm-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--ttn-font-weight-medium)}.ttn-cm-text{margin:0;line-height:var(--ttn-font-line-height-normal);overflow-wrap:anywhere}.ttn-cm-text b{color:var(--ttn-color-accent-ink);font-weight:var(--ttn-font-weight-medium)}.ttn-cm-reacts{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-cm-react{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:999px;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-cm-react[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-cm-count{font-family:var(--ttn-font-family-numeric)}.ttn-cm-reply,.ttn-cm-compose{position:relative;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-cm-field{box-sizing:border-box;inline-size:100%;min-block-size:calc(2 * var(--ttn-size-control-height));padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font:inherit;resize:vertical}.ttn-cm-fill{flex:1}.ttn-cm-assign{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;font-size:var(--ttn-font-size-xs)}.ttn-cm-assign input{accent-color:var(--ttn-color-accent-solid)}.ttn-cm-mentions{position:absolute;z-index:4;inset-block-end:100%;inset-inline-start:0;display:flex;flex-direction:column;min-inline-size:14rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control)}.ttn-cm-mention{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);cursor:pointer}.ttn-cm-mention:hover{background:var(--ttn-color-accent-soft)}.ttn-ca{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none;font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs)}.ttn-ca-mark{position:absolute;display:inline-flex;align-items:center;gap:var(--ttn-border-width);padding:0 var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-secondary);font:inherit;line-height:1.4;pointer-events:auto;cursor:pointer}.ttn-ca-mark--active{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-ca-bracket{position:absolute;block-size:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-block-end:0}.ttn-ca-bracket--active{border-color:var(--ttn-color-accent-solid)}.ttn-hi-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:var(--ttn-space-gap-loose);block-size:100%;min-block-size:0}.ttn-vs{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);min-block-size:0;padding-inline-start:var(--ttn-space-gap-loose);border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-vs-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex-wrap:wrap}.ttn-vs-head b{flex:1;font-weight:var(--ttn-font-weight-medium)}.ttn-vs-filter{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs)}.ttn-vs-filter input{accent-color:var(--ttn-color-accent-solid)}.ttn-vs-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-vs-legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default)}.ttn-vs-who{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs)}.ttn-vs-swatch{inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-space-gap-default);border-radius:50%}.ttn-vs-list{display:flex;flex-direction:column;flex:1;min-block-size:0;overflow-y:auto;overflow-x:hidden}.ttn-vs-row{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default) 0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-vs-row--on{background:var(--ttn-color-accent-soft)}.ttn-vs-day{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);text-transform:none}.ttn-vs-title{display:flex;align-items:baseline;gap:var(--ttn-space-gap-default)}.ttn-vs-title b{font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-medium)}.ttn-vs-badge{padding:0 var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);font-size:var(--ttn-font-size-xs)}.ttn-vs-authors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-vs-actions{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-vs-field{flex:1 1 8rem;min-inline-size:0;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font:inherit}.ttn-vs-confirm{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);line-height:var(--ttn-font-line-height-normal)}.ttn-vs-sheet{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none}.ttn-vs-mark{position:absolute;background:currentColor;opacity:.22;border-radius:var(--ttn-radius-control)}.ttn-sg-switch{display:inline-flex;flex:none;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-sg-switch button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-border-width));padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:pointer}.ttn-sg-switch button+button{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-sg-switch button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-sg-switch button:disabled{opacity:.45;cursor:default}@media(max-width:1365px){.ttn-sg-label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.ttn-sg{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-sg-card{border-inline-start-width:var(--ttn-focus-width);cursor:default}.ttn-sg-change{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-sm)}.ttn-sg-sheet{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none;font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs)}.ttn-sg-mark{position:absolute;box-sizing:border-box}.ttn-sg-mark--change,.ttn-sg-mark--add{border:calc(2 * var(--ttn-border-width)) dashed currentColor;border-radius:50%}.ttn-sg-mark--remove:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:calc(2 * var(--ttn-border-width));background:currentColor;transform:rotate(-25deg)}.ttn-sg-tag{position:absolute;padding:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-on-presence);font-weight:var(--ttn-font-weight-medium);line-height:1;white-space:nowrap;transform:translateY(-100%)}.ttn-cm>:not(.ttn-cm-list),.ttn-vs>:not(.ttn-vs-list){flex-shrink:0}.ttn-nt-doc{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;font-weight:var(--ttn-font-weight-medium)}.ttn-nt-doc>.ttn-start-icon{flex:none;color:var(--ttn-color-ink-muted)}.ttn-nt-doc bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttn-nt-doc--untitled{font-style:italic;color:var(--ttn-color-ink-secondary)}.ttn-nt-btns{position:relative}.ttn-nt-btn[aria-disabled=true]{border-style:dashed;border-color:var(--ttn-color-border-strong);background:transparent;color:var(--ttn-color-ink-disabled);opacity:1}.ttn-nt-btn[aria-expanded=true]{background:var(--ttn-color-accent-soft)}.ttn-nt-menu{position:absolute;z-index:2;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-start:0;display:flex;flex-direction:column;min-inline-size:11rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control)}.ttn-nt-menu-item{padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;text-align:start;cursor:pointer}.ttn-nt-menu-item:hover,.ttn-nt-menu-item:focus-visible{background:var(--ttn-color-surface-raised)}.ttn-nt-result{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-nt-result-what{display:flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-nt-result-what>.ttn-start-icon{flex:none}.ttn-nt-result--granted .ttn-nt-result-what>.ttn-start-icon{color:var(--ttn-color-state-success)}.ttn-nt-pop[data-ttn-place=start]{max-block-size:calc(100vh - 4rem - var(--ttn-size-row) - 2 * var(--ttn-space-gap-default))}.ttn-hub{flex:none;display:flex;min-block-size:0;background:var(--ttn-color-surface-panel);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-default);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui)}.ttn-hub-side{flex:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);inline-size:calc(2 * var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight));padding:var(--ttn-space-gap-tight);box-sizing:border-box;border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);overflow-y:auto}.ttn-hub[data-ttn-state=collapsed] .ttn-hub-side{inline-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight))}.ttn-hub-modes{flex:none;display:flex;flex-direction:column;gap:var(--ttn-border-width)}.ttn-hub-side-fill{flex:1}.ttn-hub-foot{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-hub-side .ttn-rail-btn{display:grid;place-items:center;align-self:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit}.ttn-hub-side .ttn-rail-btn[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);border-color:var(--ttn-color-accent-solid)}.ttn-hub-mode{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ttn-border-width);min-block-size:calc(2 * var(--ttn-size-control-height));padding:var(--ttn-space-gap-tight) var(--ttn-border-width);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit}.ttn-hub[data-ttn-state=collapsed] .ttn-hub-mode{min-block-size:var(--ttn-size-control-height)}.ttn-hub-mode:hover{background:var(--ttn-color-surface-raised)}.ttn-hub-mode[aria-selected=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-hub-mode[aria-selected=true]:before{content:"";position:absolute;inset-block:20%;inset-inline-start:calc(-1 * var(--ttn-space-gap-tight));inline-size:var(--ttn-focus-width);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-solid)}.ttn-hub-mode-label{max-inline-size:100%;overflow:hidden;font-size:var(--ttn-font-size-xs);white-space:nowrap;text-overflow:ellipsis}.ttn-hub-mode[aria-selected=true] .ttn-hub-mode-label{font-weight:var(--ttn-font-weight-medium)}.ttn-hub-col{flex:none;display:flex;inline-size:20.5rem;min-block-size:0;box-sizing:border-box;padding:var(--ttn-space-gap-default);overflow:hidden}.ttn-hub-col--stack{flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-hub-col--stack>:not(.ttn-hub-circle){flex:none}@media(max-width:83.125rem){.ttn-hub-col{inline-size:18.75rem}}.ttn-hub-circle{display:flex;flex:1;min-inline-size:0;min-block-size:0}.ttn-hub-cc{display:flex;flex-direction:column;flex:1;min-inline-size:0;min-block-size:0}.ttn-hub-cc-scroll{display:flex;flex-direction:column;gap:calc(var(--ttn-space-gap-loose) - var(--ttn-space-gap-tight));flex:1;min-block-size:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable}.ttn-hub-cc-toolbar{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none}.ttn-hub-cc-group{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-hub-cc-group--end{margin-inline-start:auto}.ttn-hub-cc-pre{padding-inline:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-bold);color:var(--ttn-color-ink-muted)}.ttn-hub-cc-group button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:calc(var(--ttn-size-control-height-small) + var(--ttn-space-gap-default));block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;cursor:pointer}.ttn-hub-cc-group button[aria-checked=true]{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-bold)}.ttn-hub-cc[data-ttn-hub-state~=minor] .ttn-hub-cc-toolbar{gap:var(--ttn-space-gap-tight)}.ttn-hub-cc[data-ttn-hub-state~=minor] .ttn-hub-cc-group button{min-inline-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs)}.ttn-hub-cc-title{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:none;min-block-size:calc(1.2 * var(--ttn-font-size-xl) + 2 * 1.05 * 1.25 * var(--ttn-font-size-xl));margin-block-start:calc(-1 * var(--ttn-space-gap-default));text-align:center}.ttn-hub-cc-family{max-inline-size:100%;overflow:hidden;font-family:var(--ttn-font-family-heading);font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-bold);line-height:1.2;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--ttn-color-accent-ink)}.ttn-hub-cc-name{max-inline-size:100%;font-family:var(--ttn-font-family-heading);font-size:calc(var(--ttn-font-size-xl) * 1.25);font-weight:var(--ttn-font-weight-bold);line-height:1.05;text-wrap:balance;overflow-wrap:break-word}.ttn-hub-cc-ring{position:relative;flex:none;align-self:center;inline-size:min(18.75rem,100%);aspect-ratio:1}.ttn-hub-cc-disc,.ttn-hub-cc-disc>*{inline-size:100%;block-size:100%}.ttn-hub-cc-ctx{position:absolute;inset-block-start:0;inset-inline-end:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);max-inline-size:40%;font-size:var(--ttn-font-size-xs);line-height:1.2;color:var(--ttn-color-ink-muted);overflow-wrap:anywhere}.ttn-hub-cc-ctx svg{flex:none;inline-size:var(--ttn-font-size-xs);block-size:var(--ttn-font-size-xs);fill:none;stroke:currentColor;stroke-width:2}.ttn-hub-chords{position:relative;flex:none;inline-size:100%;margin-block-start:calc(-1 * var(--ttn-space-gap-tight))}.ttn-hub-chords-track{display:flex;justify-content:flex-start;gap:var(--ttn-space-gap-default);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth}.ttn-hub-chords-track--scroll{overflow-x:auto}.ttn-hub-chords-track--dense{gap:var(--ttn-space-gap-tight)}.ttn-hub-chords-track--one{justify-content:center}.ttn-hub-chord{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ttn-border-width);flex:1 1 0;min-inline-size:34px;block-size:calc(var(--ttn-size-control-height) + 3 * var(--ttn-space-gap-default));padding:0 var(--ttn-space-gap-tight);border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-chord-other);color:var(--ttn-color-chord-on-other);font:inherit;cursor:pointer}.ttn-hub-chords-track--scroll .ttn-hub-chord{flex:0 0 34px}.ttn-hub-chords-track--one .ttn-hub-chord{flex:0 0 4.5rem}.ttn-hub-chord[data-ttn-state=major]{background:var(--ttn-color-chord-major);color:var(--ttn-color-chord-on-major)}.ttn-hub-chord[data-ttn-state=minor]{background:var(--ttn-color-chord-minor);color:var(--ttn-color-chord-on-minor)}.ttn-hub-chord[data-ttn-state=diminished]{background:var(--ttn-color-chord-diminished);color:var(--ttn-color-chord-on-diminished)}.ttn-hub-chord[data-ttn-state=augmented]{background:var(--ttn-color-chord-augmented);color:var(--ttn-color-chord-on-augmented)}.ttn-hub-chord-deg{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);line-height:1;letter-spacing:.03em}.ttn-hub-chord-name{font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-bold);line-height:1.1;white-space:nowrap}.ttn-hub-cc-glyph{display:block;font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1}.ttn-hub-chords-empty{display:flex;align-items:center;justify-content:center;flex:1;block-size:calc(var(--ttn-size-control-height) + 3 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) dashed var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted);text-align:center}.ttn-hub-chords-edge{position:absolute;inset-block:0;display:flex;align-items:center;inline-size:2.5rem;pointer-events:none}.ttn-hub-chords-edge--start{inset-inline-start:0;background:linear-gradient(to left,transparent,var(--ttn-color-surface-panel) 55%)}.ttn-hub-chords-edge--end{inset-inline-end:0;justify-content:flex-end;background:linear-gradient(to right,transparent,var(--ttn-color-surface-panel) 55%)}:root[dir=rtl] .ttn-hub-chords-edge--start,[dir=rtl] .ttn-hub-chords-edge--start{background:linear-gradient(to right,transparent,var(--ttn-color-surface-panel) 55%)}:root[dir=rtl] .ttn-hub-chords-edge--end,[dir=rtl] .ttn-hub-chords-edge--end{background:linear-gradient(to left,transparent,var(--ttn-color-surface-panel) 55%)}.ttn-hub-chords-edge button{display:grid;place-items:center;inline-size:calc(var(--ttn-size-control-height-small) + 2 * var(--ttn-space-gap-tight));block-size:100%;padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);pointer-events:auto;cursor:pointer}.ttn-hub-chords-edge svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2}.ttn-hub-cc .ttn-scale-search{flex:none;margin-block-start:var(--ttn-space-gap-default)}.ttn-hub-cc-options{display:flex;flex-direction:column;flex:none;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken)}.ttn-hub-cc-options h3{margin:0;padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose) var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--ttn-color-ink-secondary)}.ttn-hub-cc-click{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose)}.ttn-hub-cc-label{font-size:var(--ttn-font-size-sm)}.ttn-hub-cc-seg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-hub-cc-seg button{display:flex;align-items:center;justify-content:center;min-inline-size:0;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);line-height:1.1;text-align:center;cursor:pointer}.ttn-hub-cc-seg button+button{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-hub-cc-seg button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-hub-cc-note{font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-muted);text-wrap:pretty}.ttn-hub-cc-options .ttn-bb-row{padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-hub-cc-same{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-muted)}.ttn-hub-cc-same svg{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:1.5}.ttn-hub-cc-view{position:relative;flex:none;padding-block-start:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:var(--ttn-color-surface-panel)}.ttn-hub-cc-view .ttn-cc-view{display:flex;max-inline-size:none}.ttn-hub-cc-view .ttn-cc-view .ttn-cc-view-btn{inline-size:100%;min-block-size:var(--ttn-size-control-height);border-radius:var(--ttn-radius-control)}.ttn-hub-cc-view .ttn-cc-view .ttn-cc-view-btn[aria-expanded=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-hub-cc-view .ttn-cc-view-name{flex:1;text-align:start}.ttn-hub-cc-view .ttn-cc-view-menu{inset-block-start:auto;inset-block-end:calc(100% + var(--ttn-space-gap-tight));inset-inline:0;max-block-size:60vh}.ttn-hub-tools{flex:none;display:flex;min-block-size:0;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);overflow:auto}.ttn-strip{position:relative;z-index:4;display:flex;align-items:center;gap:var(--ttn-border-width);flex:none;block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight));padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);white-space:nowrap;overflow:hidden}.ttn-strip[data-place=chord]{flex-wrap:wrap;block-size:auto;min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight));overflow:visible;z-index:auto;padding-inline:0;background:transparent;border-block-end:0}.ttn-strip[data-ttn-state=collapsed]{block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-border-width))}.ttn-strip--vertical{flex-direction:column;block-size:auto;inline-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight));padding-block:var(--ttn-space-gap-tight);padding-inline:0;border-block-end:0;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);overflow-x:hidden;overflow-y:auto}.ttn-strip-cell{position:relative;display:grid;flex:none}.ttn-strip button{font:inherit}.ttn-strip-btn,.ttn-strip-toggle,.ttn-strip-more{display:grid;place-items:center;min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary)}.ttn-strip-toggle{border-color:var(--ttn-color-border-default)}.ttn-strip-more{min-inline-size:var(--ttn-size-control-height-small);min-block-size:var(--ttn-size-control-height)}.ttn-strip--vertical .ttn-strip-btn,.ttn-strip--vertical .ttn-strip-more{inline-size:var(--ttn-size-control-height)}.ttn-strip-more--text{display:inline-flex;gap:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-default);border-color:var(--ttn-color-border-default);font-size:var(--ttn-font-size-sm)}.ttn-strip-more .ttn-icon{inline-size:calc(var(--ttn-size-icon) * .7);block-size:calc(var(--ttn-size-icon) * .7);color:var(--ttn-color-ink-muted)}.ttn-strip-btn:hover,.ttn-strip-toggle:hover,.ttn-strip-more:hover{background:var(--ttn-color-surface-raised)}.ttn-strip-btn[aria-pressed=true],.ttn-strip-more[aria-expanded=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);border-color:var(--ttn-color-accent-solid)}.ttn-strip-sep{flex:none;inline-size:var(--ttn-border-width);block-size:var(--ttn-size-control-height-small);margin-inline:var(--ttn-space-gap-default);background:var(--ttn-color-border-subtle)}.ttn-strip--vertical .ttn-strip-sep{inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);margin-inline:0}.ttn-strip-fill{flex:1}.ttn-strip-note{padding-inline:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-strip-on{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height);margin-inline-start:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-strip-menu{position:fixed;z-index:40;display:flex;flex-direction:column;min-inline-size:11rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-strip-item{display:grid;grid-template-columns:1.6rem minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);margin-inline:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-loose);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:inherit;text-align:start}.ttn-strip-item:hover,.ttn-strip-item[aria-checked=true]{background:var(--ttn-color-surface-raised)}.ttn-strip-item:disabled{background:transparent;color:var(--ttn-color-ink-disabled);cursor:default}.ttn-strip-item-face{display:grid;place-items:center}.ttn-strip-item kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-strip-item kbd:empty{display:none}.ttn-app-mark{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;color:var(--ttn-color-ink-primary)}.ttn-app-mark svg{display:block;inline-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight));block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight))}.ttn-app-mark-ring{fill:var(--ttn-color-surface-raised);stroke:var(--ttn-color-accent-solid);stroke-width:1.4}.ttn-app-mark-star{fill:var(--ttn-color-accent-solid)}.ttn-app-mark b{font-weight:var(--ttn-font-weight-bold);letter-spacing:.04em}.ttn-hubzone{flex:none;display:flex;align-self:stretch;min-block-size:0}[dir=rtl] .ttn-strip--vertical .ttn-strip-more .ttn-icon{transform:scaleX(-1)}.ttn-wsbar-text{display:inline-flex;align-items:center;flex:none;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm)}.ttn-wsbar-text:hover{background:var(--ttn-color-surface-raised)}.ttn-mhelp-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ttn-menubar .ttn-mhelp-button{display:grid;flex:none;place-items:center;inline-size:max(1.5rem,var(--ttn-size-control-height));block-size:max(1.5rem,var(--ttn-size-control-height));padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-menubar .ttn-mhelp-button:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-menubar .ttn-mhelp-button[aria-expanded=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-menubar .ttn-mhelp-button:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-mhelp{position:fixed;z-index:20;inset-block-start:var(--ttn-mhelp-top, 0);inset-block-end:var(--ttn-mhelp-bottom, 0);inset-inline-end:0;inline-size:min(23rem,36%);min-inline-size:18rem;display:flex;flex-direction:column;background:var(--ttn-color-surface-panel);border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-strong);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-mhelp button{font:inherit;color:inherit}.ttn-mhelp-head{display:flex;flex:none;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mhelp-mode{display:grid;flex:none;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-mhelp-mode .ttn-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-mhelp-titles{display:flex;flex:1;flex-direction:column;min-inline-size:0}.ttn-mhelp-kicker{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-mhelp-titles h2{margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold);text-wrap:pretty;border-radius:var(--ttn-radius-control)}.ttn-mhelp-titles h2:focus{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-mhelp-close{display:grid;flex:none;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-mhelp-close:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-mhelp-body{display:flex;flex:1;flex-direction:column;gap:var(--ttn-space-panel-padding);min-block-size:0;overflow-y:auto;padding:var(--ttn-space-panel-padding)}.ttn-mhelp-body p{margin:0;text-wrap:pretty}.ttn-mhelp-changed{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-mhelp-changed .ttn-mhelp-icon{color:var(--ttn-color-state-info)}.ttn-mhelp-empty{color:var(--ttn-color-ink-secondary)}.ttn-mhelp-section{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-mhelp-section--keys{gap:var(--ttn-space-gap-tight)}.ttn-mhelp-h3{margin:0;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-mhelp-count{color:var(--ttn-color-ink-muted)}.ttn-mhelp-steps{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);margin:0;padding:0;list-style:none}.ttn-mhelp-steps li{display:grid;grid-template-columns:var(--ttn-size-control-height-small) minmax(0,1fr);gap:var(--ttn-space-gap-loose);align-items:start;text-wrap:pretty}.ttn-mhelp-n{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-pill);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-mhelp-keys{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.ttn-mhelp-keys li{display:flex}.ttn-mhelp-keys button{display:flex;flex:1;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-row);padding:0 var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;text-align:start;cursor:pointer}.ttn-mhelp-keys button:hover{background:var(--ttn-color-surface-raised)}.ttn-mhelp-label{flex:1;min-inline-size:0;text-wrap:pretty}.ttn-mhelp-keys kbd{flex:none;padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-mhelp-keys kbd[data-empty]{border-style:dashed}.ttn-mhelp .ttn-mhelp-more{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding:0 var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);cursor:pointer}.ttn-mhelp-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-mhelp-foot{display:flex;flex:none;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mhelp-foot p{margin:0;font-size:var(--ttn-font-size-xs);text-wrap:pretty}.ttn-mhelp-links{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose)}.ttn-mhelp-links button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);cursor:pointer}.ttn-mhelp-links button[aria-disabled=true]{color:var(--ttn-color-ink-muted);cursor:not-allowed}.ttn-mhelp-offline{display:flex;align-items:center;gap:var(--ttn-space-gap-default);color:var(--ttn-color-ink-secondary)}.ttn-mhelp-tab{color:var(--ttn-color-ink-muted)}.ttn-mhelp button:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-ctx{position:fixed;z-index:20;display:flex;flex-direction:column;inline-size:max-content;min-inline-size:15rem;max-inline-size:22rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);outline:none}.ttn-ctx-item{display:grid;grid-template-columns:minmax(0,1fr) auto var(--ttn-size-icon);align-items:center;column-gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-loose) var(--ttn-space-gap-tight);margin-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-md);cursor:default}.ttn-ctx-item[data-active]{background:var(--ttn-color-surface-raised)}.ttn-ctx-name{white-space:nowrap}.ttn-ctx-item kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-ctx-sub{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-ctx-sep{block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-ctx-item--sub{position:relative}.ttn-ctx-item--sub>.ttn-ctx-sub{display:grid;place-items:center;color:var(--ttn-color-ink-muted)}.ttn-ctx--nested{position:absolute;inset-block-start:calc(-1 * var(--ttn-space-gap-tight));inset-inline-start:100%}.ttn-ctx-item[aria-disabled=true]{color:var(--ttn-color-ink-disabled)}.ttn-ctx-why{grid-column:1 / -1;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:normal}.ttn-te{position:absolute;z-index:6;display:inline-flex;margin-block-start:calc(-1 * var(--ttn-space-gap-tight))}.ttn-te-label{position:absolute;inset-inline-start:0;inset-block-end:calc(100% + var(--ttn-space-gap-default));display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-te-label>kbd{font-family:var(--ttn-font-family-mono);color:var(--ttn-color-ink-muted)}.ttn-te-field{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);box-sizing:border-box;background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-te[data-ttn-state=error] .ttn-te-field{border-color:var(--ttn-color-state-danger);outline-color:transparent}.ttn-te-field>input{field-sizing:content;min-inline-size:2ch;padding:0;border:0;outline:none;background:transparent;color:var(--ttn-color-ink-primary);caret-color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-body);font-size:var(--ttn-font-size-md)}.ttn-te-error{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + var(--ttn-space-gap-default));display:inline-flex;align-items:flex-start;gap:var(--ttn-space-gap-default);inline-size:max-content;max-inline-size:24rem;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-state-danger);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-primary)}.ttn-te-error .ttn-start-icon{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-danger)}.ttn-tf{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:max-content;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);white-space:nowrap}.ttn-tf-btn{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-tf-btn[data-face=bold]{font-weight:var(--ttn-font-weight-bold)}.ttn-tf-btn[data-face=italic]{font-style:italic}.ttn-tf-btn[data-face=underline]{text-decoration:underline}.ttn-tf-btn[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-tf-sep{inline-size:var(--ttn-border-width);block-size:var(--ttn-size-control-height-small);background:var(--ttn-color-border-subtle)}.ttn-tf-select{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-tf-size{font-family:var(--ttn-font-family-numeric)}.ttn-se{position:absolute;z-index:7;display:flex;flex-direction:column;inline-size:max-content;max-inline-size:84%;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);color:var(--ttn-color-ink-primary)}.ttn-se[data-ttn-state=error]{border-color:var(--ttn-color-state-danger)}.ttn-se-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight)}.ttn-se-kind{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);overflow:hidden}.ttn-se-glyph{display:block;font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1}.ttn-se-aa{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-bold)}.ttn-se-field{display:flex;align-items:center;min-inline-size:10rem;max-inline-size:20rem;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);box-sizing:border-box;background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width);overflow:hidden}.ttn-se[data-ttn-state=error] .ttn-se-field{border-color:var(--ttn-color-state-danger);outline-color:transparent}.ttn-se-field>input{flex:1;min-inline-size:0;padding:0;border:0;outline:none;background:transparent;color:var(--ttn-color-ink-primary);caret-color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xl)}.ttn-se-close{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted);cursor:pointer}.ttn-se-close:focus-visible,.ttn-se-fix:focus-visible,.ttn-se-example:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-se .ttn-start-icon{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-se-note,.ttn-se-error,.ttn-se-list,.ttn-se-examples{border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-se-note{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-se-note .ttn-start-icon{inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-se-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-state-danger)}.ttn-se-error-text{flex:1;min-inline-size:10rem;text-wrap:pretty}.ttn-se-fix{flex:none;white-space:nowrap;min-block-size:var(--ttn-size-control-height-small);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-se-list{display:flex;flex-direction:column;padding-block:var(--ttn-space-gap-tight)}.ttn-se-option{display:flex;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);margin-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-se-option[aria-selected=true]{background:var(--ttn-color-accent-soft)}.ttn-se-option-text{font-family:var(--ttn-font-family-mono);min-inline-size:5em}.ttn-se-option-text>b{font-weight:var(--ttn-font-weight-bold)}.ttn-se-option-hint{color:var(--ttn-color-ink-secondary)}.ttn-se-examples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default)}.ttn-se-example{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-se-example:hover{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-se-fill{flex:1}.ttn-se-keys{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-se-keys>kbd{font-family:var(--ttn-font-family-mono)}.ttn-pal{position:relative;display:flex;align-self:stretch;background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui)}.ttn-pal button{font:inherit;border:0;border-radius:var(--ttn-radius-control);padding:0;overflow:hidden}.ttn-pal-rail{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight) + var(--ttn-border-width));padding:var(--ttn-space-gap-default) var(--ttn-space-gap-tight);background:var(--ttn-color-surface-app);border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);box-sizing:border-box;overflow:hidden}.ttn-pal-cat{position:relative;flex:none;display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-pal-cat:hover{background:var(--ttn-color-surface-raised)}.ttn-pal-cat[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);outline:var(--ttn-border-width) solid var(--ttn-color-accent-solid);outline-offset:calc(-1 * var(--ttn-border-width))}.ttn-pal-cat[aria-pressed=true]:before{content:"";position:absolute;inset-block:20%;inset-inline-start:0;inline-size:calc(2 * var(--ttn-border-width));background:var(--ttn-color-accent-solid)}.ttn-pal-panel{flex:none;display:flex;flex-direction:column;inline-size:calc(22rem - var(--ttn-size-control-height) - 2 * var(--ttn-space-gap-tight) - var(--ttn-border-width));min-block-size:0;overflow:hidden auto;background:var(--ttn-color-surface-panel)}.ttn-pal-peek{position:absolute;z-index:12;inset-block:0;inset-inline-end:100%;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-strong)}.ttn-pal-search{flex:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal-head{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-pal-field{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-muted);font-size:var(--ttn-font-size-sm)}.ttn-pal-field-empty,.ttn-pal-field:focus-within{border-color:var(--ttn-color-focus-ring)}.ttn-pal-field input{flex:1;min-inline-size:0;block-size:100%;padding:0;border:0;outline:none;background:transparent;color:var(--ttn-color-ink-primary);font:inherit}.ttn-pal-field input::placeholder{color:var(--ttn-color-ink-muted)}.ttn-pal-section{display:flex;flex-direction:column;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal .ttn-pal-sub{position:sticky;inset-block-start:0;z-index:1;flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);inline-size:100%;min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:0;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);text-align:start}.ttn-pal-subname{flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-pal-chev{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-secondary)}.ttn-pal-sub[aria-expanded=false] .ttn-pal-chev{transform:rotate(-90deg)}[dir=rtl] .ttn-pal-sub[aria-expanded=false] .ttn-pal-chev{transform:rotate(90deg)}.ttn-pal-grid{flex:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal-cell{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);inline-size:100%;block-size:calc(var(--ttn-size-control-height) * 1.25);white-space:nowrap;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary)}.ttn-pal-cell:hover{background:var(--ttn-color-surface-raised);border-color:var(--ttn-color-border-strong)}.ttn-pal-cell:disabled{color:var(--ttn-color-ink-disabled)}.ttn-pal-msg{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-pal .ttn-pal-msg button{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);max-inline-size:100%;min-block-size:var(--ttn-size-control-height-small);padding-block:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-default);text-align:start;border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs)}.ttn-pal-msg kbd{font-family:var(--ttn-font-family-mono);color:var(--ttn-color-ink-muted)}.ttn-pal-msg kbd:empty{display:none}.ttn-pal-slot{display:flex;flex-direction:column;flex:none;gap:var(--ttn-border-width);min-inline-size:calc(var(--ttn-size-control-height) * 1.25)}.ttn-pal-slot--full{flex:1 1 100%}.ttn-pal-slot .ttn-pal-cell{min-inline-size:calc(var(--ttn-size-control-height) * 1.25)}.ttn-pal-slot .ttn-pal-cell:not(.ttn-pal-cell--staff):has(.ttn-pal-text){padding-inline:var(--ttn-space-gap-default)}.ttn-pal-text,.ttn-pal-label{overflow:hidden;text-overflow:ellipsis;font-size:var(--ttn-font-size-sm);font-variant-numeric:tabular-nums}.ttn-pal-cell--tempo .ttn-pal-text{font-weight:var(--ttn-font-weight-bold)}.ttn-pal-cell--word .ttn-pal-text{font-style:italic}.ttn-pal-slot--full .ttn-pal-cell{justify-content:flex-start;padding-inline:var(--ttn-space-gap-default)}.ttn-pal-cell--staff{block-size:calc(var(--ttn-size-control-height) * 1.6);overflow:hidden}.ttn-pal-slot .ttn-pal-cell--staff{min-inline-size:calc(var(--ttn-size-control-height) * 1.9)}.ttn-pal-staff{display:inline-flex;align-items:baseline;font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1;white-space:nowrap}.ttn-pal-staff>span{display:inline-block}.ttn-pal-count{color:var(--ttn-color-ink-muted);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs)}.ttn-pal-grid--found{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr))}.ttn-pal-catcap{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-pal-note{flex:none;padding-inline:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-pal-tabs{flex:none;display:flex;block-size:var(--ttn-size-bar);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal .ttn-pal-tab{display:inline-flex;align-items:center;padding-inline:var(--ttn-space-panel-padding);border-radius:0;border-block-end:var(--ttn-focus-width) solid transparent;background:transparent;color:var(--ttn-color-ink-muted);font-size:var(--ttn-font-size-sm)}.ttn-pal .ttn-pal-tab[aria-selected=true]{border-block-end-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-medium)}.ttn-pal--sheet{position:fixed;z-index:12;inset-inline:0;inset-block-end:0;max-block-size:50dvh;border:0;border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-start-start-radius:var(--ttn-radius-panel);border-start-end-radius:var(--ttn-radius-panel)}.ttn-pal-sheet{inline-size:100%}.ttn-pal-grabber{flex:none;display:flex;justify-content:center;padding-block:var(--ttn-space-gap-default)}.ttn-pal-grabber span{inline-size:2.5rem;block-size:calc(2 * var(--ttn-border-width));border-radius:var(--ttn-radius-control);background:var(--ttn-color-border-strong)}.ttn-pal-rail--strip{flex-direction:row;inline-size:auto;padding:var(--ttn-space-gap-default);overflow-x:auto;border-inline-start:0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal-rail--strip .ttn-pal-cat{inline-size:2.75rem;block-size:2.75rem}.ttn-pal-section>.ttn-pal-grid{padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default) var(--ttn-space-gap-default);border-block-end:0}.ttn-pal-sheet .ttn-pal-grid{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr))}.ttn-pal-sheet .ttn-pal-cell{block-size:2.75rem}.ttn-pal-custom{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding-block-end:var(--ttn-space-gap-loose)}.ttn-pal-custom-head{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-loose) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal-custom-head>span{flex:1;font-weight:var(--ttn-font-weight-medium);font-size:var(--ttn-font-size-sm)}.ttn-pal-custom-new{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap;flex:none;cursor:pointer}.ttn-pal-custom-one{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-pal-custom-name{margin-inline:var(--ttn-space-gap-loose);block-size:var(--ttn-size-control-height-small);font-size:var(--ttn-font-size-sm)}.ttn-pal-cell.ttn-pal-cell--add{border:var(--ttn-border-width) dashed var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-pal-custom-drop{padding-inline:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-accent-ink)}.ttn-pal-link-wrap{display:contents}.ttn-pal-sep{flex:none;align-self:stretch;margin:var(--ttn-space-gap-tight);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pal-link{position:relative;overflow:visible}.ttn-pal-link-dot{position:absolute;inset-block-start:calc(-1 * var(--ttn-border-width));inset-inline-end:calc(-1 * var(--ttn-border-width));inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);box-sizing:border-box;border-radius:50%;background:var(--ttn-color-state-info);border:var(--ttn-border-width) solid var(--ttn-color-surface-panel)}.ttn-pal-link svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-pal-run{display:contents}.ttn-pal-break{flex:1 1 100%;block-size:0}.ttn-pal-rowlabel{flex:none;align-self:center;min-inline-size:calc(var(--ttn-size-control-height) * 1.75);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs)}.ttn-pal-cell:disabled{border-style:dashed;border-color:var(--ttn-color-border-strong)}.ttn-pal-cell:disabled:hover{background:transparent}.ttn-pal-cell[aria-pressed=true]{background:var(--ttn-color-accent-soft);border-color:var(--ttn-color-accent-solid);color:var(--ttn-color-accent-ink)}.ttn-pal-vline{position:relative;display:inline-block;inline-size:calc(var(--ttn-size-control-height) * .5);block-size:calc(var(--ttn-size-control-height) * .85)}.ttn-pal-vline-bar{position:absolute;inset-block:0;inset-inline-start:50%;border-inline-start:calc(2 * var(--ttn-border-width)) solid currentColor}.ttn-pal-vline[data-style=dashed] .ttn-pal-vline-bar{border-inline-start-style:dashed}.ttn-pal-vline-hook{position:absolute;inline-size:40%;border-block-start:calc(2 * var(--ttn-border-width)) solid currentColor}.ttn-pal-vline-hook--top{inset-block-start:0}.ttn-pal-vline-hook--bottom{inset-block-end:0}.ttn-pal-vline[data-side=right] .ttn-pal-vline-hook{inset-inline-start:50%}.ttn-pal-vline[data-side=left] .ttn-pal-vline-hook{inset-inline-end:50%}.ttn-pal-vline[data-arrow=true]:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:calc(50% - var(--ttn-space-gap-tight));inline-size:calc(2 * var(--ttn-space-gap-tight));block-size:calc(2 * var(--ttn-space-gap-tight));border-block-start:calc(2 * var(--ttn-border-width)) solid currentColor;border-inline-start:calc(2 * var(--ttn-border-width)) solid currentColor;transform:rotate(45deg)}.ttn-pal .ttn-pal-tap{flex-direction:column;block-size:calc(var(--ttn-size-control-height) * 2.25);white-space:normal}.ttn-pal-tap[aria-pressed=true]{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-pal-tap-live{font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium);font-variant-numeric:tabular-nums}.ttn-sp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.ttn-sp[hidden]{display:none}.ttn-sp-flag{position:absolute;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-border-width) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-paper);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-ink-muted);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-sheet-ink-muted);white-space:nowrap;cursor:pointer;pointer-events:auto}.ttn-sp-flag[data-align=end]{translate:-100% 0}.ttn-sp-flag:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-sp-flag .ttn-start-icon{display:block;flex:none;inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-smart-zone,.ttn-smart-band,.ttn-sign-picked,.ttn-nh-ghost{mix-blend-mode:darken}:root[data-ttn-paper=night] :is(.ttn-smart-zone,.ttn-smart-band,.ttn-sign-picked,.ttn-nh-ghost){mix-blend-mode:lighten}.ttn-smart{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.ttn-smart-zone,.ttn-smart-ghost,.ttn-smart-band{position:absolute;pointer-events:none}.ttn-smart-zone{border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-hover-fill)}.ttn-smart-zone.ttn-smart-head{border-radius:50%}.ttn-smart-ghost{box-sizing:border-box;border:calc(1.6 * var(--ttn-border-width)) solid var(--ttn-color-sheet-ghost-input);border-radius:50%;background:transparent;transform:rotate(-20deg)}.ttn-smart-ghost.ttn-smart-ghost--drag{border:0;background:var(--ttn-color-sheet-selection);box-shadow:0 0 0 calc(4 * var(--ttn-border-width)) var(--ttn-color-sheet-selection-fill);transition:left var(--ttn-motion-sheet-drop) ease-out,top var(--ttn-motion-sheet-drop) ease-out}.ttn-smart-ghost.ttn-smart-ghost--trace{border:calc(1.2 * var(--ttn-border-width)) dotted var(--ttn-color-sheet-ink-muted);background:transparent}.ttn-smart-copy{outline:var(--ttn-border-width) dashed var(--ttn-color-sheet-selection);outline-offset:calc(4 * var(--ttn-border-width))}.ttn-smart-band{border:calc(1.4 * var(--ttn-border-width)) dashed var(--ttn-color-sheet-selection);border-radius:var(--ttn-border-width);background:var(--ttn-color-sheet-selection-fill)}:root[data-ttn-motion=reduced] .ttn-smart-ghost--drag{transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-ttn-motion=full]) .ttn-smart-ghost--drag{transition:none}}.ttn-smart-chip{position:absolute;pointer-events:none;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-ladder-tag{position:absolute;pointer-events:none;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-border-width) var(--ttn-space-gap-tight);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-ladder-tag--foreign{border-style:dashed}.ttn-smart-bar{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-smart-bar>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit}.ttn-smart-bar>button[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-smart-bar>button[data-reduced]{border-color:var(--ttn-color-state-warning)}.ttn-smart-bar .ttn-smart-badge{color:var(--ttn-color-state-warning);font-size:var(--ttn-font-size-xs)}.ink-skeleton{fill:var(--ttn-color-sheet-paper);stroke:var(--ttn-color-sheet-ink);stroke-width:.16}.ttn-rs-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-rs-bar>button,.ttn-smart-bar>button{gap:var(--ttn-space-gap-tight)}.ttn-rs-bar>button{display:inline-flex;align-items:center;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit}.ttn-rs-bar>button[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-rs-next{position:absolute;pointer-events:none;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-selection);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-tool-strip{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-loose)}.ttn-rs-bar kbd,.ttn-smart-bar kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-nh{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-nh-ghost,.ttn-nh-chip{position:absolute}.ttn-nh-ghost{box-sizing:border-box;border:calc(1.6 * var(--ttn-border-width)) dashed var(--ttn-color-sheet-ghost-suggestion);border-radius:50%;background:var(--ttn-color-sheet-ghost-suggestion-fill);transform:rotate(-20deg)}.ttn-nh-star{position:absolute;color:var(--ttn-color-sheet-ghost-suggestion);font-size:var(--ttn-font-size-sm);line-height:1}.ttn-nh-chip{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-ghost-suggestion);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-nh-accept{display:inline-flex;gap:var(--ttn-space-gap-tight);font-weight:var(--ttn-font-weight-medium)}.ttn-nh-accept kbd{font-family:var(--ttn-font-family-mono);color:var(--ttn-color-sheet-ink-muted)}.ttn-nh-sub{color:var(--ttn-color-sheet-ink-muted)}.ttn-sign-layer{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none}.ttn-sign-picked{position:absolute;border:calc(1.6 * var(--ttn-border-width)) solid var(--ttn-color-sheet-selection);border-radius:var(--ttn-radius-panel);background:var(--ttn-color-sheet-selection-fill)}.ttn-smart-chordtag{position:absolute;padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-ghost-suggestion);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-ink);font-size:var(--ttn-font-size-xs);white-space:nowrap;pointer-events:none}.ttn-smart-ghost--chord{background:transparent;border:calc(var(--ttn-border-width) * 1.5) dashed var(--ttn-color-sheet-ghost-suggestion);opacity:1}.ttn-smart-chord-marks line,.ttn-smart-chord-marks rect{stroke:var(--ttn-color-sheet-ghost-suggestion)}.ttn-smart-chordframe{fill:none;stroke:var(--ttn-color-sheet-ghost-suggestion);stroke-width:.15;stroke-dasharray:.4 .3}.ttn-chord-follow{position:fixed;top:0;left:0;z-index:1000;margin:var(--ttn-space-gap-default) 0 0 var(--ttn-space-gap-default);padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);white-space:nowrap;pointer-events:none}.ttn-chord-follow[data-over=true]{display:none}.ttn-chord-blank{position:fixed;top:0;left:0;width:var(--ttn-border-width);height:var(--ttn-border-width);opacity:0;pointer-events:none}.ttn-smart-ghost--hint{background:transparent;border:var(--ttn-border-width) dashed var(--ttn-color-sheet-ghost-input);opacity:.38}.ttn-smart-hint-marks{opacity:.38}.ttn-smart-hint-marks .caret-ghost-ledger{stroke-dasharray:.2 .2}.ttn-smart-hintarrow{position:absolute;padding:0 var(--ttn-space-gap-tight);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-ink-muted);font-size:var(--ttn-font-size-xs);opacity:.75;pointer-events:none}.ttn-smart-edgetag{position:absolute;transform:translate(-50%);padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-ink-muted);font-size:var(--ttn-font-size-xs);white-space:nowrap;pointer-events:none}.ttn-smart-caretclick{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-smart-ghost--caret{background:transparent;border:calc(var(--ttn-border-width) * 1.5) dashed var(--ttn-color-sheet-ghost-input);box-sizing:border-box;opacity:1}.ttn-smart-chip--caret{border-style:solid;border-color:var(--ttn-color-sheet-chip-border)}.ttn-smart-duration{position:absolute;pointer-events:none;border:calc(var(--ttn-border-width) * 2) dashed var(--ttn-color-sheet-selection);border-radius:var(--ttn-radius-control);background:transparent;box-sizing:border-box}.ttn-smart-duration--refused{border-color:var(--ttn-color-sheet-issue);background:transparent}.ttn-smart-chip--duration{border-style:solid;border-color:var(--ttn-color-sheet-chip-border)}.ttn-smart-chip--refused{border-color:var(--ttn-color-sheet-issue)}.ttn-smart-slur-ghost{fill:none;stroke:var(--ttn-color-sheet-ghost-input);stroke-width:.18;stroke-linecap:round}.ttn-st-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-st{display:flex;flex-direction:column;inline-size:min(40rem,100%);max-block-size:100%;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);overflow:hidden;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-st-head{flex:none;display:flex;align-items:center;min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-st-title{font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold)}.ttn-st-body{flex:1 1 auto;min-block-size:0;overflow:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding)}.ttn-st-row{display:grid;grid-template-columns:10rem 1fr;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-st-label{color:var(--ttn-color-ink-secondary)}.ttn-st-value{display:flex;flex-direction:column;min-inline-size:0;overflow-wrap:anywhere}.ttn-st-seg{display:inline-flex;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);overflow:hidden;justify-self:start}.ttn-st-seg button{min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:0;background:transparent;color:inherit;font:inherit}.ttn-st-seg button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-medium)}.ttn-st-checks{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose)}.ttn-st-checks label{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-st-h{margin:0;font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-medium)}.ttn-st-list{margin:0;padding:0;list-style:none;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-st-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose)}.ttn-st-list li+li{border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-st-list li>span:first-child{display:flex;flex-direction:column;min-inline-size:0;overflow-wrap:anywhere}.ttn-st-list li[data-tone=warning]>span:last-child{color:var(--ttn-color-state-warning)}.ttn-st-banner{padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken)}.ttn-st-banner[data-tone=error]{color:var(--ttn-color-state-danger)}.ttn-st-banner[data-tone=success]{color:var(--ttn-color-state-success)}.ttn-st-note,.ttn-st-muted{margin:0;color:var(--ttn-color-ink-muted)}.ttn-st-note{color:var(--ttn-color-ink-secondary)}.ttn-st-foot{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-st-fill{flex:1 1 auto}.ttn-st-foot button{min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:inherit;font:inherit}.ttn-st-foot .ttn-st-primary{background:var(--ttn-color-accent-solid);border-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-st-foot button:disabled{color:var(--ttn-color-ink-disabled);background:transparent;border-color:var(--ttn-color-border-subtle)}@media(max-width:40rem){.ttn-st-row{grid-template-columns:1fr}}.ttn-rp-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-rp-panel,.ttn-rp-top,.ttn-rp-status{position:absolute;z-index:3;box-sizing:border-box;pointer-events:auto;font-family:var(--ttn-font-family-ui);color:var(--ttn-color-ink-primary);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel)}.ttn-rp-panel{display:flex;flex-direction:column;inline-size:30rem;max-block-size:24rem;overflow:hidden;border-color:var(--ttn-color-border-strong)}.ttn-rp-head{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-rp-title{flex:1;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-rp-count{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-rp-filters{flex:none;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);overflow:hidden}.ttn-rp-combo{position:relative;flex:0 1 auto;min-inline-size:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default) var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-rp-combo[data-on]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-rp-comboText{overflow:hidden;text-overflow:ellipsis}.ttn-rp-combo select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ttn-rp-sort{flex:none;color:var(--ttn-color-ink-primary)}.ttn-rp-spacer{flex:1 1 0}.ttn-rp-chev{display:block;inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-rp-none{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding);font-size:var(--ttn-font-size-sm)}.ttn-rp-reset{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-rp-list{flex:1;min-block-size:0;overflow-y:auto;overflow-x:hidden}.ttn-rp-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr) max-content;inline-size:100%;min-inline-size:0;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding);border:0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);text-align:start;cursor:pointer}.ttn-rp-row[aria-selected=true],.ttn-rp-row:hover,.ttn-rp-row:focus-visible{background:var(--ttn-color-surface-raised)}.ttn-rp-sym{font-weight:var(--ttn-font-weight-medium)}.ttn-rp-desc{color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-rp-tag{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-rp-top{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);inline-size:26rem}.ttn-rp-caption{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-rp-topRow{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary);text-align:start;cursor:pointer}.ttn-rp-topRow[data-on]{background:var(--ttn-color-accent-soft);border-color:var(--ttn-color-accent-solid)}.ttn-rp-num,.ttn-rp-pos{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-rp-pos{color:var(--ttn-color-ink-secondary)}.ttn-rp-name{font-size:var(--ttn-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttn-rp-all{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-rp-status{display:flex;align-items:center;gap:var(--ttn-space-gap-default);max-inline-size:85%;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);font-size:var(--ttn-font-size-sm)}.ttn-rp-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-muted)}.ttn-mp-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-mp{position:absolute;z-index:4;display:flex;flex-direction:column;box-sizing:border-box;max-inline-size:100%;max-block-size:30rem;pointer-events:auto;font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);color:var(--ttn-color-ink-primary);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-mp--technique-palette{inline-size:44rem}.ttn-mp--melody-rotation{inline-size:48rem}.ttn-mp-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-tight) var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mp-title{font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-mp-ctx{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-mp-close{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted);cursor:pointer}.ttn-mp .ttn-start-icon{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-mp-body{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-mp-msg{display:flex;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) dashed var(--ttn-color-state-info);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-mp-msg-icon{flex:none;color:var(--ttn-color-state-info)}.ttn-mp-msg--warning{border-color:var(--ttn-color-state-warning)}.ttn-mp-msg--warning .ttn-mp-msg-icon{color:var(--ttn-color-state-warning)}.ttn-mp-msg--danger{border-color:var(--ttn-color-state-danger)}.ttn-mp-msg--danger .ttn-mp-msg-icon{color:var(--ttn-color-state-danger)}.ttn-mp-sec{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-mp-sec h3{margin:0;font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-mp-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:var(--ttn-space-gap-tight)}.ttn-mp-cell{position:relative;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);text-align:start;font:inherit;cursor:pointer}.ttn-mp-cell[data-hover=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-mp-cell[aria-disabled=true]{border-style:dashed;border-color:var(--ttn-color-border-strong);background:transparent;color:var(--ttn-color-ink-disabled);cursor:default}.ttn-mp-mask{display:grid;gap:var(--ttn-border-width);block-size:.9rem}.ttn-mp-mask>span{display:grid;place-items:center}.ttn-mp-mask>span[data-beat=true]{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-strong)}.ttn-mp-dot{inline-size:.4rem;block-size:.4rem;border-radius:50%;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent}.ttn-mp-dot[data-on="1"],.ttn-mp-dot[data-on="2"]{border-color:var(--ttn-color-ink-primary);background:var(--ttn-color-ink-primary)}.ttn-mp-dot[data-on="2"]{inline-size:.55rem;block-size:.55rem}.ttn-mp-cell[aria-disabled=true] .ttn-mp-dot[data-on="1"],.ttn-mp-cell[aria-disabled=true] .ttn-mp-dot[data-on="2"]{border-color:var(--ttn-color-ink-disabled);background:var(--ttn-color-ink-disabled)}.ttn-mp-cell-t{font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-mp-search{box-sizing:border-box;inline-size:100%;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm)}.ttn-mp-search:focus-visible,.ttn-mp-pool-v:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring)}.ttn-mp-pool{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-mp-pool>.ttn-mp-cell{flex:1}.ttn-mp-pool-v{box-sizing:border-box;inline-size:100%;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-xs);text-overflow:ellipsis}.ttn-mp-rare{margin:var(--ttn-space-gap-tight) 0 0;font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-regular);color:var(--ttn-color-ink-secondary)}.ttn-mp-none{margin:0;font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-mp-field{display:grid;grid-template-columns:minmax(6.5rem,.5fr) minmax(0,3fr);align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose)}.ttn-mp-field-k{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-mp-field-v{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-mp-seg{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:pointer}.ttn-mp-seg[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-mp-spin{display:inline-flex;align-items:stretch;block-size:var(--ttn-size-control-height-small);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);overflow:hidden}.ttn-mp-spin button{inline-size:var(--ttn-size-control-height-small);padding:0;border:0;background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);cursor:pointer}.ttn-mp-spin-v{display:grid;place-items:center;min-inline-size:2.5rem;padding-inline:var(--ttn-space-gap-default);font-family:var(--ttn-font-family-numeric)}.ttn-mp-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-mp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mp-foot-text{flex:1 1 10rem;min-inline-size:0;font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary)}.ttn-mp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-inline-size:var(--ttn-size-control-height);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;white-space:nowrap;cursor:pointer}.ttn-mp-btn--primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-mp-btn[aria-disabled=true]{opacity:.5;cursor:default}.ttn-mp-btn kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);opacity:.8}.ttn-mp-toolbar{flex:none;display:flex;flex-direction:column}.ttn-mp-foot-side{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-chord-retune-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-chord-retune-marks{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible;pointer-events:none}.ttn-chord-retune-frame{fill:var(--ttn-color-sheet-selection);fill-opacity:.1;stroke:var(--ttn-color-sheet-selection);stroke-width:.15}.ttn-chord-retune{position:absolute;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);max-inline-size:100%;overflow-x:auto;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-primary);pointer-events:auto}.ttn-chord-retune-row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose)}.ttn-chord-retune-part{display:inline-flex;flex:none;flex-wrap:nowrap;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;max-inline-size:100%}.ttn-chord-retune-title{color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-chord-retune-kbd{margin-inline-start:var(--ttn-space-gap-tight);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-chord-retune-kbd:empty{display:none}.ttn-chord-retune-group{display:inline-flex;flex-wrap:nowrap;min-inline-size:0;max-inline-size:100%;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-chord-retune-group[data-off]{opacity:.5}.ttn-chord-retune-option{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:24px;min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-chord-retune-option+.ttn-chord-retune-option{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-chord-retune-option[data-on]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-chord-retune-option[data-off]{color:var(--ttn-color-ink-disabled);text-decoration:line-through;cursor:default}.ttn-chord-retune-sub{font-size:.85em;color:var(--ttn-color-ink-muted)}.ttn-chord-retune-default{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-accent-ink);font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-chord-retune-facts{color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-chord-retune-why{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);padding-block-start:var(--ttn-space-gap-tight);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary)}.ttn-chord-retune-info{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-info)}.ttn-chord-retune-whytext{flex:1 1 14rem;line-height:var(--ttn-font-line-height-normal)}.ttn-chord-retune-exit{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-accent-ink);white-space:nowrap;cursor:pointer}@media(pointer:coarse){.ttn-chord-retune-option,.ttn-chord-retune-default,.ttn-chord-retune-exit{min-inline-size:44px;min-block-size:44px}}:root[data-ttn-chord-drag] .ttn-chord-retune{pointer-events:none}.ttn-chord-swap-ghost{fill:none;stroke:var(--ttn-color-sheet-ghost-suggestion);stroke-width:.15;stroke-dasharray:.3 .2}.ttn-chord-retune-tabs{display:flex;gap:var(--ttn-border-width);padding-inline:var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-chord-retune-tab{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:var(--ttn-space-gap-loose);border:0;border-block-end:2px solid transparent;background:transparent;color:var(--ttn-color-ink-muted);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-chord-retune-tab[aria-selected=true]{border-block-end-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-primary)}@media(pointer:coarse){.ttn-chord-retune-tab{min-block-size:44px}}.ttn-chord-retune-parts{display:flex;flex-direction:column;gap:var(--ttn-border-width);min-block-size:0;padding-block-start:var(--ttn-space-gap-tight);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-chord-retune-parts-head{display:flex;align-items:baseline;gap:var(--ttn-space-gap-default)}.ttn-chord-retune-ensemble{font-weight:var(--ttn-font-weight-medium);font-size:var(--ttn-font-size-sm)}.ttn-chord-retune-omitted{color:var(--ttn-color-ink-secondary)}.ttn-chord-retune-partlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ttn-border-width) var(--ttn-space-gap-default);max-block-size:8.5rem;overflow-y:auto}.ttn-chord-retune-partrow{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-xs);text-align:start}.ttn-chord-retune-partrow{background:transparent;color:inherit;font-family:inherit}.ttn-chord-retune-partrow[data-off]{opacity:.45;border-style:dashed}.ttn-chord-retune-partrow[data-off] .ttn-chord-retune-partname{text-decoration:line-through}.ttn-chord-retune-partname{flex:none;inline-size:8rem;max-inline-size:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-chord-retune-partnote{flex:none;font-family:var(--ttn-font-family-numeric);font-weight:var(--ttn-font-weight-medium)}.ttn-chord-retune-partrole{flex:1;min-inline-size:0;color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-chord-retune-partmark{flex:none;padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) dashed var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-chord-retune-rule{display:flex;flex-direction:column;gap:var(--ttn-border-width);color:var(--ttn-color-ink-secondary)}.ttn-chord-retune-rule-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default)}.ttn-chord-retune-rule-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-muted)}.ttn-chord-retune-rule-text{flex:1 1 16rem;line-height:var(--ttn-font-line-height-normal)}.ttn-chord-retune-rule-more{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-accent-ink);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-chord-retune-rule-list{margin:0;padding-inline-start:calc(var(--ttn-size-icon) + var(--ttn-space-gap-default) + .9rem);display:flex;flex-direction:column;gap:var(--ttn-border-width);line-height:var(--ttn-font-line-height-normal)}.scale-circle--diagram{display:block;overflow:visible}.scale-circle--diagram .scale-circle-sector--clickable,.scale-circle--diagram [data-sc-hit=note]{outline:none}.scale-circle--diagram .sc-d-attack{animation:sc-d-attack var(--sc-d-attack, 40ms) ease-out both}.scale-circle--diagram .sc-d-pulse{animation:sc-d-attack var(--sc-d-attack, 40ms) ease-out both,sc-d-pulse var(--sc-d-pulse-period, .9s) ease-in-out infinite;transform-box:fill-box;transform-origin:center}.scale-circle--diagram .sc-d-fade--release{animation:sc-d-fade var(--sc-d-release, .6s) ease-out forwards}.scale-circle--diagram .sc-d-fade--trail{animation:sc-d-fade var(--sc-d-trail, 1.5s) linear forwards}@keyframes sc-d-attack{0%{opacity:0}}@keyframes sc-d-pulse{50%{transform:scale(var(--sc-d-pulse-scale, 1.15));opacity:var(--sc-d-pulse-min, .5)}}@keyframes sc-d-fade{to{opacity:0}}.scale-circle--diagram .sc-d-act-in{animation:sc-d-act-in var(--sc-d-act-ms, .18s) cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--sc-d-act-delay, 0ms);transform-box:view-box}.scale-circle--diagram .sc-d-act-out{animation:sc-d-act-out var(--sc-d-act-close-ms, .12s) ease-in both}.scale-circle--diagram .sc-d-act-press{animation:sc-d-act-press var(--sc-d-act-press-ms, 80ms) ease-out both;transform-box:view-box}.scale-circle--diagram .sc-d-act-toggle>*{transition:fill var(--sc-d-act-toggle-ms, .12s) ease,stroke var(--sc-d-act-toggle-ms, .12s) ease}.scale-circle--diagram [data-sc-hit=action],.scale-circle--diagram [data-sc-hit=actions-toggle]{outline:none}@keyframes sc-d-act-in{0%{opacity:0;transform:scale(.4)}}@keyframes sc-d-act-out{to{opacity:0}}@keyframes sc-d-act-press{0%{transform:scale(1.136)}}@media(prefers-reduced-motion:reduce){.scale-circle--diagram .sc-d-attack,.scale-circle--diagram .sc-d-pulse{animation:none}.scale-circle--diagram .sc-d-fade{display:none}.scale-circle--diagram .sc-d-act-in,.scale-circle--diagram .sc-d-act-out,.scale-circle--diagram .sc-d-act-press{animation:none}.scale-circle--diagram .sc-d-act-toggle>*{transition:none}}.scale-circle--legacy .sc-legacy-sector{transition:fill var(--sc-sector-state-dur, .2s) var(--sc-sector-state-ease, ease-in-out),opacity var(--sc-sector-state-dur, .2s) var(--sc-sector-state-ease, ease-in-out)}.scale-circle--legacy g:has(>.scale-circle-sector--clickable:hover)>.sc-legacy-sector{filter:brightness(1.1);transition:filter var(--sc-sector-hover-dur, .15s) var(--sc-sector-hover-ease, ease-out)}.scale-circle--legacy .scale-circle-note-label:has([data-sc-hit=note][role=button]:hover) .scale-circle-note-label__background{filter:brightness(1.15)}.scale-circle--legacy .scale-circle-note-label .scale-circle-note-label__background{transition:filter var(--sc-note-fade-dur, .4s) var(--sc-note-fade-ease, ease-out),opacity var(--sc-note-fade-dur, .4s) var(--sc-note-fade-ease, ease-out)}.scale-circle--legacy .scale-circle-note-label--playing .scale-circle-note-label__background{animation:sc-legacy-pulse var(--sc-playing-pulse-duration, .8s) ease-in-out;filter:brightness(var(--sc-playing-brightness, 1.3));transform-box:fill-box;transform-origin:center}@keyframes sc-legacy-pulse{0%{transform:scale(1);opacity:1}40%{transform:scale(var(--sc-playing-pulse-scale, 1.25));opacity:var(--sc-playing-pulse-min-opacity, .85)}to{transform:scale(1);opacity:1}}.scale-circle--legacy .scale-circle-star__glow{animation:sc-legacy-star-glow var(--sc-star-glow-dur, 3s) ease-in-out infinite;animation-play-state:var(--sc-star-glow-state, running)}@keyframes sc-legacy-star-glow{0%,to{opacity:.5}50%{opacity:.2}}.scale-circle--legacy .scale-circle-ring__glow{animation:sc-legacy-ring-glow var(--sc-ring-glow-dur, 4s) ease-in-out infinite;animation-play-state:var(--sc-ring-glow-state, paused)}@keyframes sc-legacy-ring-glow{0%,to{opacity:.4}50%{opacity:.15}}.scale-circle--legacy .scale-circle-interval-arc{transition:stroke var(--sc-arc-draw-dur, .2s) var(--sc-arc-draw-ease, ease),opacity var(--sc-arc-draw-dur, .2s) var(--sc-arc-draw-ease, ease)}.scale-circle--legacy .scale-circle-interval-arc--characteristic{animation:sc-legacy-characteristic var(--sc-arc-pulse-dur, 2s) ease-in-out infinite;animation-play-state:var(--sc-arc-pulse-state, running)}@keyframes sc-legacy-characteristic{0%,to{opacity:1;stroke-width:3.5}50%{opacity:.6;stroke-width:5}}.scale-circle--legacy .scale-circle-function-zone{transition:fill-opacity .3s ease}.scale-circle--legacy .scale-circle-formula,.scale-circle--legacy .scale-circle-function-label{pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-reduced-motion:reduce){.scale-circle--legacy .scale-circle-note-label--playing .scale-circle-note-label__background,.scale-circle--legacy .scale-circle-star__glow,.scale-circle--legacy .scale-circle-ring__glow,.scale-circle--legacy .scale-circle-interval-arc--characteristic{animation:none}.scale-circle--legacy .scale-circle-star__glow{opacity:.5}.scale-circle--legacy .scale-circle-ring__glow{opacity:.4}.scale-circle--legacy .scale-circle-interval-arc--characteristic{opacity:1;stroke-width:3.5}}.ttn-cc{position:relative;display:flex;min-block-size:0;block-size:100%;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-cc-body{flex:1;min-inline-size:0;min-block-size:0;display:flex;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding);box-sizing:border-box;overflow:hidden}.ttn-cc-ring{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-tight);block-size:100%;aspect-ratio:1;min-block-size:9rem;max-inline-size:50%}.ttn-cc-ring>:first-child{flex:1;min-block-size:0;inline-size:100%}.ttn-cc-ring>.ttn-cc-click{flex:none;align-self:flex-start;inline-size:auto;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:1px solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;cursor:pointer}.ttn-cc-ring>.ttn-cc-click[data-state=buildScale]{border-color:var(--ttn-color-accent-primary);color:var(--ttn-color-accent-primary)}.ttn-cc-ring>.ttn-cc-click+*{flex:1;min-block-size:0;inline-size:100%}.ttn-cc-ring svg{display:block;inline-size:100%;block-size:100%}.ttn-cc-ring-scope{display:flex;font-family:var(--ttn-font-family-ui)}.ttn-cc-ring-scope>*{flex:1;min-inline-size:0;min-block-size:0;inline-size:100%;block-size:100%}.ttn-cc-ring-scope svg{display:block;inline-size:100%;block-size:100%}.ttn-cc-ring[data-state=no-notes]>:first-child{opacity:.6}.ttn-cc-caption{max-inline-size:18rem;font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary);text-align:center;text-wrap:pretty}.ttn-cc-cols{flex:1;min-inline-size:0;min-block-size:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;overscroll-behavior:contain;background:linear-gradient(var(--ttn-color-surface-panel) 30%,transparent) top / 100% 2rem no-repeat local,linear-gradient(transparent,var(--ttn-color-surface-panel) 70%) bottom / 100% 2rem no-repeat local,radial-gradient(farthest-side at 50% 0,var(--ttn-color-surface-scrim),transparent) top / 100% .75rem no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--ttn-color-surface-scrim),transparent) bottom / 100% .75rem no-repeat scroll}.ttn-cc-body{container-type:inline-size}@container (max-width: 39.99rem){.ttn-cc-ring{max-inline-size:42%}.ttn-cc-cols>.ttn-cc-search{order:1;gap:var(--ttn-space-gap-tight);padding:0;border:0}.ttn-cc-cols>.ttn-cc-chords{order:2}}@container (min-width: 40rem){.ttn-cc-ring{max-inline-size:min(50%,calc(100% - 24rem))}.ttn-cc-cols{display:grid;grid-template-columns:minmax(11rem,3fr) minmax(10rem,2fr);grid-auto-rows:min-content;align-content:start}.ttn-cc-cols>:not(.ttn-cc-search){grid-column:1}.ttn-cc-cols>.ttn-cc-search{max-inline-size:16rem;grid-column:2;grid-row:1 / span 4;align-self:start}}.ttn-cc-hdr{display:flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-cc-ctx{flex:1;min-inline-size:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);overflow-wrap:anywhere}.ttn-cc-ctx-text{min-inline-size:0;overflow-wrap:anywhere}.ttn-cc-ctx svg,.ttn-cc-hdr button svg,.ttn-cc-query svg{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-cc-hdr button{flex:none;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted)}.ttn-cc-hdr button[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-cc-hdr button:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-cc-hub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-cc-seg{flex:none;display:flex;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-cc-seg button{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-cc-seg button[aria-checked=true]{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-bold)}.ttn-cc button:focus-visible,.ttn-cc-result:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-cc-title{display:flex;flex-direction:column;gap:var(--ttn-border-width)}.ttn-cc-family{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--ttn-color-accent-ink)}.ttn-cc-name{font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-medium);overflow-wrap:anywhere}.ttn-cc-chords{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-cc-sep{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--ttn-color-ink-secondary)}.ttn-cc-chips{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default)}.ttn-cc-chip{display:inline-flex;align-items:center;justify-content:center;min-inline-size:calc(var(--ttn-size-control-height) + var(--ttn-space-gap-default));block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:0;border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-bold);white-space:nowrap;background:var(--ttn-color-chord-other);color:var(--ttn-color-chord-on-other)}.ttn-cc-chip[data-ttn-state=major]{background:var(--ttn-color-chord-major);color:var(--ttn-color-chord-on-major)}.ttn-cc-chip[data-ttn-state=minor]{background:var(--ttn-color-chord-minor);color:var(--ttn-color-chord-on-minor)}.ttn-cc-chip[data-ttn-state=diminished]{background:var(--ttn-color-chord-diminished);color:var(--ttn-color-chord-on-diminished)}.ttn-cc-chip[data-ttn-state=augmented]{background:var(--ttn-color-chord-augmented);color:var(--ttn-color-chord-on-augmented)}.ttn-cc-chip:hover{filter:brightness(1.08)}.ttn-cc-empty{display:flex;align-items:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) dashed var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-cc-msg,.ttn-cc-cand-note{font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary);text-wrap:pretty}.ttn-cc-search{flex:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-panel)}.ttn-cc-query{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);box-sizing:border-box;background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-muted)}.ttn-cc-query input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;outline:none}.ttn-cc-result{display:flex;align-items:center;justify-content:space-between;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control)}.ttn-cc-result:hover{background:var(--ttn-color-surface-raised)}.ttn-cc-fam{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-cc-cand-label{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-cc-cands{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-cc-cand{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);max-inline-size:100%;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);box-sizing:border-box;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);text-align:start;overflow-wrap:anywhere;cursor:pointer}.ttn-cc-cand[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-cc-legend{position:absolute;z-index:3;inset-block-start:var(--ttn-space-gap-tight);inset-inline-end:var(--ttn-space-gap-tight);display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);inline-size:13rem;max-inline-size:calc(100% - 2 * var(--ttn-space-gap-tight));max-block-size:calc(100% - 2 * var(--ttn-space-gap-tight));overflow-y:auto;box-sizing:border-box;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel)}.ttn-cc-legend-hdr{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-cc-legend-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row)}.ttn-cc-legend-n{flex:none;inline-size:var(--ttn-size-icon);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-cc-sw{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);box-sizing:border-box;border-radius:50%}.ttn-cc-sw-caret{background:var(--ttn-color-accent-solid);border:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-ink-primary)}.ttn-cc-sw-play{background:var(--ttn-color-ink-primary)}.ttn-cc-sw-root{background:var(--ttn-color-accent-soft);border:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-accent-solid)}.ttn-cc-sw-chord{background:var(--ttn-color-accent-soft);border:var(--ttn-border-width) dashed var(--ttn-color-accent-solid)}.ttn-cc-sw-tonic{border:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-ink-secondary)}.ttn-cc-sw-scale{border:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-cc-chords-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default)}.ttn-cc .ttn-bb-switch,.ttn-cc .ttn-bb-toggle{max-inline-size:100%;box-sizing:border-box;white-space:normal;text-align:start;overflow-wrap:anywhere}.ttn-cc-view{flex:none;min-inline-size:0;max-inline-size:45%;display:inline-flex}:is(.ttn-cc-hdr,.ttn-hub-cc-head,.ttn-hub-cc-view) .ttn-cc-view-btn{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);inline-size:auto;min-inline-size:0;max-inline-size:100%;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}:is(.ttn-cc-hdr,.ttn-hub-cc-head,.ttn-hub-cc-view) .ttn-cc-view-btn[aria-expanded=true]{background:var(--ttn-color-surface-overlay)}.ttn-cc-view-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.ttn-cc-view-label,.ttn-cc-view-caret{flex:none;color:var(--ttn-color-ink-muted)}.ttn-cc-view-menu{position:absolute;z-index:5;inset-block-start:calc(var(--ttn-space-panel-padding) + var(--ttn-size-control-height-small));inset-inline-end:var(--ttn-space-gap-default);display:flex;flex-direction:column;min-inline-size:13rem;max-block-size:calc(100% - var(--ttn-space-panel-padding) - var(--ttn-size-control-height-small) - var(--ttn-space-gap-default));overflow-y:auto;box-sizing:border-box;padding-block:var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);box-shadow:0 .5rem 1.5rem var(--ttn-color-surface-scrim)}.ttn-cc-view-sep{block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-default);background:var(--ttn-color-border-subtle)}:is(.ttn-cc-hdr,.ttn-hub-cc-head,.ttn-hub-cc-view) .ttn-cc-view-item{display:flex;align-items:center;gap:var(--ttn-space-gap-default);inline-size:100%;min-block-size:var(--ttn-size-row);block-size:auto;padding-inline:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border-radius:0;background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-regular);text-align:start;white-space:nowrap;cursor:pointer}:is(.ttn-cc-hdr,.ttn-hub-cc-head,.ttn-hub-cc-view) .ttn-cc-view-item[aria-checked=true]{font-weight:var(--ttn-font-weight-bold)}:is(.ttn-cc-hdr,.ttn-hub-cc-head,.ttn-hub-cc-view) .ttn-cc-view-item:hover,:is(.ttn-cc-hdr,.ttn-hub-cc-head,.ttn-hub-cc-view) .ttn-cc-view-item:focus-visible{background:var(--ttn-color-accent-soft);outline:none}.ttn-cc-view-mark{flex:none;inline-size:var(--ttn-size-icon);text-align:center;color:var(--ttn-color-accent-ink)}.ttn-cc-view-num{flex:none;inline-size:var(--ttn-size-icon);text-align:end;font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-cc-steps{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-cc-step-nav,.ttn-cc-step-play{flex:none;display:grid;place-items:center;min-inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-cc-step-nav:disabled{color:var(--ttn-color-ink-muted);cursor:default}.ttn-cc-step-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-cc-step-play{padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-size:var(--ttn-font-size-xs)}.ttn-cc-flip{display:inline-block}[dir=rtl] .ttn-cc-flip{transform:scaleX(-1)}.ttn-scale-search{position:relative;z-index:3}.ttn-scale-search-field{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default) var(--ttn-space-gap-tight);box-sizing:border-box;background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-scale-search[data-ttn-state=open] .ttn-scale-search-field,.ttn-scale-search[data-ttn-state=empty] .ttn-scale-search-field,.ttn-scale-search-field:focus-within{border-color:var(--ttn-color-focus-ring)}.ttn-scale-search-field>svg{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:var(--ttn-color-ink-muted);stroke-width:2}.ttn-scale-search-field input{flex:1;min-inline-size:0;border:0;outline:none;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm)}.ttn-scale-search-field input::placeholder{color:var(--ttn-color-ink-muted)}.ttn-scale-search-clear{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-scale-search-clear svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2}.ttn-scale-search-list{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--ttn-space-gap-tight));display:flex;flex-direction:column;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-scale-search-option{display:flex;align-items:center;justify-content:space-between;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);margin-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-scale-search-option[aria-selected=true]{background:var(--ttn-color-accent-soft)}.ttn-scale-search-fam{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-scale-search-empty{display:flex;align-items:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-chord-swap{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-md);color:var(--ttn-color-ink-primary)}.ttn-chord-swap[data-off]{opacity:.5}.ttn-chord-swap{position:relative}.ttn-chord-swap-msg{position:absolute;inset-block-start:var(--ttn-space-gap-default);inset-inline-end:var(--ttn-space-gap-default);max-inline-size:45%;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .24s ease-out,transform .24s ease-out}.ttn-chord-swap-msg[data-shown]{opacity:1;transform:none}.ttn-chord-swap-msgbody{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-primary)}@media(prefers-reduced-motion:reduce){.ttn-chord-swap-msg{transform:none;transition:none}}.ttn-chord-swap-empty{display:grid;align-items:center}.ttn-chord-swap-empty>*{grid-area:1 / 1}.ttn-chord-swap-sizer{visibility:hidden}.ttn-chord-swap-emptytext{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-chord-swap-info{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-info)}.ttn-chord-swap-clear{min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-chord-swap-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-chord-swap-label{min-inline-size:4.5rem;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-chord-swap-pill{display:inline-flex;align-items:center;min-inline-size:24px;min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:999px;background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-chord-swap-pill[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-chord-swap-chips{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--ttn-space-gap-default)}.ttn-chord-swap-for{align-self:center;min-inline-size:4.5rem;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-chord-swap-step{display:grid;place-items:center;inline-size:28px;padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);cursor:pointer}.ttn-chord-swap-chev{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-chord-swap-chev--next,[dir=rtl] .ttn-chord-swap-chev--prev{transform:rotate(180deg)}[dir=rtl] .ttn-chord-swap-chev--next{transform:none}.ttn-chord-swap-chip{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-inline-size:6.5rem;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-success);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);text-align:start;cursor:pointer}.ttn-chord-swap-chip[data-current]{border-color:var(--ttn-color-focus-ring);box-shadow:inset 0 0 0 1px var(--ttn-color-focus-ring)}.ttn-chord-swap-chip:hover,.ttn-chord-swap-chip:focus-visible{background:var(--ttn-color-accent-soft)}.ttn-chord-swap-chiphead{display:flex;align-items:baseline;gap:var(--ttn-space-gap-tight)}.ttn-chord-swap-kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-chord-swap-name{font-size:var(--ttn-font-size-lg);color:var(--ttn-color-state-success)}.ttn-chord-swap-fn,.ttn-chord-swap-role{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-chord-swap-scroll{display:flex;flex:1 1 0;min-inline-size:0;align-items:stretch;gap:var(--ttn-space-gap-default);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.ttn-chord-swap-scroll>*{flex:none}.ttn-chord-swap-chip[data-door]{border-style:dashed;border-color:var(--ttn-color-border-strong);color:var(--ttn-color-ink-secondary)}.ttn-chord-swap-chip[data-door][data-current]{border-color:var(--ttn-color-focus-ring)}.ttn-chord-swap-door{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-chord-swap-rot{min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-chord-swap-rot:disabled{color:var(--ttn-color-ink-disabled);cursor:default}.ttn-chord-swap-results{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}@media(pointer:coarse){.ttn-chord-swap-pill,.ttn-chord-swap-chip,.ttn-chord-swap-step,.ttn-chord-swap-rot{min-block-size:44px}}.ttn-chord-swap-slot{visibility:hidden}.ttn-rv-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--ttn-color-surface-scrim)}.ttn-rv{position:absolute;inset-block-start:30%;inset-inline:0;margin-inline:auto;display:flex;flex-direction:column;inline-size:28rem;max-inline-size:calc(100% - 2 * var(--ttn-space-panel-padding));background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui)}.ttn-rv-text{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding)}.ttn-rv-title{font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold);text-wrap:pretty}.ttn-rv-body{font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary);text-wrap:pretty}.ttn-rv-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-rv-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:default}.ttn-rv-danger{margin-inline-end:auto;color:var(--ttn-color-state-danger)}.ttn-rv-primary{border:0;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium);outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-rv-btn kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-rv-primary kbd{color:var(--ttn-color-ink-on-accent)}.ttn-rv-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-mm{position:absolute;z-index:2;top:0;left:0;pointer-events:none}.ttn-mm-l--major{--ttn-mm-tone: var(--ttn-color-sheet-ladder-major)}.ttn-mm-l--minor{--ttn-mm-tone: var(--ttn-color-sheet-ladder-minor)}.ttn-mm-l--diminished{--ttn-mm-tone: var(--ttn-color-sheet-ladder-diminished)}.ttn-mm-l--augmented{--ttn-mm-tone: var(--ttn-color-sheet-ladder-augmented)}.ttn-mm-l--other{--ttn-mm-tone: var(--ttn-color-sheet-ladder-other)}.ttn-mm-mark{--ttn-mm-h: var(--ttn-size-control-height-small);position:absolute;box-sizing:border-box;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-mm-h);padding-inline:var(--ttn-space-gap-tight);line-height:1;border:var(--ttn-border-width) solid var(--ttn-mm-tone);border-radius:0;background:var(--ttn-color-sheet-paper);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);white-space:nowrap;overflow:hidden;pointer-events:auto}.ttn-mm-mark[data-start]{border-left-width:calc(3 * var(--ttn-border-width));border-top-left-radius:var(--ttn-radius-control);border-bottom-left-radius:var(--ttn-radius-control)}.ttn-mm-mark:not([data-end]){border-right:none}.ttn-mm-mark[data-end]{border-right-width:calc(2 * var(--ttn-border-width));border-top-right-radius:var(--ttn-radius-control);border-bottom-right-radius:var(--ttn-radius-control)}.ttn-mm-mark[data-ttn-source=suggested]{--ttn-mm-h: var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border-style:dashed;border-color:var(--ttn-color-sheet-ink-muted);background:transparent;color:var(--ttn-color-sheet-ink-muted)}.ttn-mm-mark[data-ttn-source=suggested][data-start]{border-left-width:var(--ttn-border-width)}.ttn-mm-mark .ttn-start-icon{flex:none;inline-size:calc(var(--ttn-mm-h) - 2 * var(--ttn-space-gap-tight) - 2 * var(--ttn-border-width));block-size:calc(var(--ttn-mm-h) - 2 * var(--ttn-space-gap-tight) - 2 * var(--ttn-border-width))}.ttn-mm-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.ttn-mm-len{font-weight:var(--ttn-font-weight-bold)}.ttn-mm-mark[data-ttn-source=suggested] .ttn-mm-len{font-weight:var(--ttn-font-weight-regular)}.ttn-mm-gap{flex:1}.ttn-mm-btn{flex:none;min-inline-size:var(--ttn-size-control-height-small);min-block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-space-gap-tight));padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-sheet-ink-muted);border-radius:var(--ttn-radius-pill);background:var(--ttn-color-sheet-paper);color:var(--ttn-color-sheet-ink);font:inherit;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-mm-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-sheet-focus)}.ttn-mm-hl{position:absolute;box-sizing:border-box;border-left:calc(2 * var(--ttn-border-width)) dashed var(--ttn-color-sheet-selection);border-right:calc(2 * var(--ttn-border-width)) dashed var(--ttn-color-sheet-selection)}.ttn-mm-hl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ttn-color-sheet-selection-fill);opacity:.4;pointer-events:none}.ttn-convert{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);flex:none;padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-default);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-convert .ttn-start-icon{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-info)}.ttn-convert[data-ttn-state=done] .ttn-start-icon{color:var(--ttn-color-state-success)}.ttn-convert-text{flex:1 1 18rem}.ttn-convert-btn{min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:pointer}.ttn-convert-btn[data-primary]{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-convert-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring)}.ttn-recovery{--ttn-recovery-tone: var(--ttn-color-state-info);align-self:center;inline-size:min(52rem,calc(100% - 2 * var(--ttn-space-panel-padding)));box-sizing:border-box;margin-block-start:var(--ttn-space-panel-padding);display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-inline-start:var(--ttn-focus-width) solid var(--ttn-recovery-tone);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md)}.ttn-recovery--warning{--ttn-recovery-tone: var(--ttn-color-state-warning)}.ttn-recovery-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-recovery-tone)}.ttn-recovery-icon>svg{display:block;inline-size:100%;block-size:100%}.ttn-recovery-text{display:flex;flex-direction:column;gap:var(--ttn-border-width);flex:1 1 20rem;min-inline-size:0}.ttn-recovery-text>:first-child{line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-recovery-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-recovery-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-weight:var(--ttn-font-weight-regular);white-space:nowrap;cursor:pointer}.ttn-recovery-btn--primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}@media(max-width:40rem){.ttn-recovery-btn{flex:1 1 40%;min-block-size:44px}}.ttn-set-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-set{display:flex;flex-direction:column;inline-size:64rem;block-size:42.5rem;max-inline-size:100%;max-block-size:calc(100dvh - 2 * var(--ttn-space-panel-padding));background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);overflow:hidden;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-set svg{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-set-head{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-set-title{font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold);white-space:nowrap}.ttn-set-dirty{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-accent-ink)}.ttn-set-dot{inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);border-radius:50%;background:var(--ttn-color-accent-solid)}.ttn-set-spacer{flex:1}.ttn-set-close{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-set-close:hover,.ttn-set-quiet:hover,.ttn-set-tab:hover{background:var(--ttn-color-surface-raised)}.ttn-set-body{flex:1;min-block-size:0;display:flex}.ttn-set-side{flex:none;display:flex;flex-direction:column;inline-size:12.5rem;background:var(--ttn-color-surface-panel);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-set-searchbar{flex:none;padding:var(--ttn-space-gap-default)}.ttn-set-search{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-set-search:focus-within{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-set-search input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;outline:none}.ttn-set-tabs{flex:1;min-block-size:0;display:flex;flex-direction:column;padding-block:var(--ttn-space-gap-tight);overflow-y:auto}.ttn-set-tab{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default);margin-inline:var(--ttn-space-gap-tight);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-md);text-align:start}.ttn-set-tab[aria-selected=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);font-weight:var(--ttn-font-weight-medium)}.ttn-set-tab-name{flex:1;min-inline-size:0;padding-block:var(--ttn-space-gap-tight);overflow-wrap:anywhere}.ttn-set-badge{flex:none;font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-accent-ink)}.ttn-set-panel{flex:1;min-inline-size:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.ttn-set-banner{flex:none;margin:var(--ttn-space-panel-padding) var(--ttn-space-panel-padding) 0;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-block-start:var(--ttn-focus-width) solid var(--ttn-color-state-info);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-set-empty{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:2rem var(--ttn-space-panel-padding)}.ttn-set-empty-title{font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium)}.ttn-set-empty-hint{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-set-h{position:sticky;inset-block-start:0;z-index:1;margin:0;display:flex;align-items:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold)}.ttn-set-group{display:flex;align-items:center;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-sunken);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-set-row{display:grid;grid-template-columns:minmax(10rem,16rem) minmax(0,1fr) var(--ttn-size-icon);align-items:center;column-gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-set-label{display:flex;flex-direction:column;gap:var(--ttn-border-width);min-inline-size:0}.ttn-set-hint{font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary)}.ttn-set-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0}.ttn-set-select{min-inline-size:12rem;max-inline-size:100%;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default) var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-md)}.ttn-set-seg{display:inline-flex;flex-wrap:wrap;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-set-segopt{display:inline-flex;align-items:center;block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-border-width));padding-inline:var(--ttn-space-gap-loose);border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-set-segopt[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);font-weight:var(--ttn-font-weight-medium)}.ttn-set-check{display:grid;place-items:center;flex:none;inline-size:var(--ttn-font-size-lg);block-size:var(--ttn-font-size-lg);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-on-accent);cursor:pointer}.ttn-set-check[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-set .ttn-set-check svg{inline-size:90%;block-size:90%;opacity:0}.ttn-set .ttn-set-check[aria-checked=true] svg{opacity:1}.ttn-set-check:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-set-changed{inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);border-radius:50%;justify-self:center}.ttn-set-changed-on{background:var(--ttn-color-accent-solid)}.ttn-set-foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-set-quiet{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;white-space:nowrap}.ttn-set-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;white-space:nowrap}.ttn-set-btn:disabled{color:var(--ttn-color-ink-disabled)}.ttn-set-primary{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-set kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);opacity:.8}.ttn-set kbd:empty{display:none}.ttn-set-subtab{padding-inline-start:calc(3 * var(--ttn-space-gap-loose))}.ttn-set-panel-fill{overflow:hidden;padding:var(--ttn-space-panel-padding) calc(2 * var(--ttn-space-panel-padding))}.ttn-status-zoom>span[data-testid=status-zoom]{min-inline-size:3rem;font-family:var(--ttn-font-family-numeric);text-align:end}.ttn-status-gap{flex:1}.ttn-status-zoom{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-status-zoom>button{inline-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;font:inherit;color:inherit}.ttn-status-zoom>button:hover{background:var(--ttn-color-surface-raised)}.ttn-viewtabs{flex:none;display:flex;align-items:stretch;block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);white-space:nowrap;overflow:hidden}.ttn-viewtab{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-gap-loose);color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-viewtab[aria-selected=true]{background:var(--ttn-color-surface-app);border-inline:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary)}.ttn-viewtabs .ttn-viewtab-close,.ttn-viewtabs .ttn-viewtab-new{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted)}.ttn-viewtabs .ttn-viewtab-new{inline-size:var(--ttn-size-bar);color:var(--ttn-color-ink-secondary)}.ttn-viewtabs .ttn-viewtab-daynight{display:grid;place-items:center;margin-inline-start:auto;inline-size:var(--ttn-size-bar);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-viewtabs .ttn-viewtab-daynight[aria-checked=true]{color:var(--ttn-color-accent-ink)}.ttn-viewtabs .ttn-viewtab-daynight .ttn-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-viewtabs .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-overview{position:fixed;inset-block-end:calc(var(--ttn-space-panel-padding) + var(--ttn-size-bar));inset-inline-end:var(--ttn-space-panel-padding);z-index:20;display:flex;flex-direction:column;inline-size:17rem;max-block-size:70vh;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary)}.ttn-overview-head{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:none;block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-loose) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-overview-title{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-overview-range{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-overview-btn{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted);cursor:pointer}.ttn-overview-btn svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-overview-empty{padding:calc(2 * var(--ttn-space-panel-padding));text-align:center;color:var(--ttn-color-ink-secondary)}.ttn-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-loose);overflow-y:auto;overflow-x:hidden;min-block-size:0}.ttn-overview-page{position:relative;display:block;aspect-ratio:210 / 297;padding:0;border:0;background:var(--ttn-color-sheet-paper);outline:var(--ttn-border-width) solid var(--ttn-color-border-subtle);outline-offset:var(--ttn-border-width);cursor:pointer}.ttn-overview-page--seen{outline:var(--ttn-focus-width) solid var(--ttn-color-accent-solid)}.ttn-overview-n{position:absolute;inset-block-end:var(--ttn-border-width);inset-inline-end:var(--ttn-space-gap-tight);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-sheet-ink-muted)}.ttn-sheet-text{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-goto{position:fixed;inset-block-start:calc(3 * var(--ttn-size-bar));inset-inline-start:50%;translate:-50% 0;z-index:40;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:min(26rem,calc(100vw - 2 * var(--ttn-space-panel-padding)));padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary)}.ttn-goto-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-goto-field{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-goto-field--bad{border-color:var(--ttn-color-state-danger)}.ttn-goto-hint{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-goto-result{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-goto-result svg{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-goto-result--not-found{color:var(--ttn-color-state-danger)}.ttn-goto-list{display:flex;flex-direction:column;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-goto-option{padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-goto-option[aria-selected=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-goto-actions{display:flex;justify-content:flex-end;gap:var(--ttn-space-gap-default)}.ttn-pv{position:relative}.ttn-pv-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-xs)}.ttn-pv-btn[aria-expanded=true],.ttn-pv-btn[data-some]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-ink-primary)}.ttn-pv-btn kbd:empty{display:none}.ttn-pv-btn svg,.ttn-pv-off svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-pv-panel{position:absolute;z-index:30;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;display:flex;flex-direction:column;inline-size:20rem;max-block-size:30rem;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-pv-head{display:flex;align-items:center;justify-content:space-between;padding:var(--ttn-space-gap-default);font-weight:var(--ttn-font-weight-medium)}.ttn-pv-head button{padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs)}.ttn-pv-head button:disabled{color:var(--ttn-color-ink-disabled)}.ttn-pv-list{overflow-y:auto;min-block-size:0;padding-inline:var(--ttn-space-gap-default)}.ttn-pv-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height)}.ttn-pv-row input{accent-color:var(--ttn-color-accent-solid)}.ttn-pv-row[data-off] .ttn-pv-name{color:var(--ttn-color-ink-secondary)}.ttn-pv-name{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttn-pv-off{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-pv-foot{padding:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-pv-foot p{margin:0}.ttn-pv-home{margin-block-start:var(--ttn-space-gap-tight);color:var(--ttn-color-ink-muted)}.ttn-set.ttn-vw-small{inline-size:min(40rem,calc(100vw - 2 * var(--ttn-space-panel-padding)));block-size:auto}.ttn-vw-switch{position:relative;flex:none;inline-size:calc(2 * var(--ttn-size-icon) + 3 * var(--ttn-space-gap-tight));block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:calc(var(--ttn-size-control-height-small) / 2);background:transparent}.ttn-vw-switch[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-vw-knob{position:absolute;inset-block:calc(2 * var(--ttn-border-width));inset-inline-start:calc(2 * var(--ttn-border-width));aspect-ratio:1;border-radius:50%;background:var(--ttn-color-ink-muted)}.ttn-vw-switch[aria-checked=true] .ttn-vw-knob{inset-inline-start:auto;inset-inline-end:calc(2 * var(--ttn-border-width));background:var(--ttn-color-ink-on-accent)}.ttn-vw-grid{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none}.ttn-vw-grid line{stroke:var(--ttn-color-border-subtle);stroke-width:var(--ttn-border-width)}.ttn-vw-grid line.ttn-vw-grid-bold{stroke:var(--ttn-color-border-strong)}.ttn-ws-layout-btn{max-inline-size:11rem}.ttn-ws-layout-name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttn-set-store .ttn-start-icon{inline-size:.9rem;block-size:.9rem}.ttn-viewtab-menu{position:fixed;z-index:40;display:flex;flex-direction:column;min-inline-size:18rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary)}.ttn-viewtab-menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding);border:0;background:transparent;font:inherit;font-size:var(--ttn-font-size-sm);color:inherit;text-align:start;white-space:nowrap;cursor:pointer}.ttn-viewtab-menu-item:hover:not([aria-disabled=true]),.ttn-viewtab-menu-item:focus-visible{background:var(--ttn-color-surface-raised)}.ttn-viewtab-menu-item[aria-disabled=true]{color:var(--ttn-color-ink-muted);cursor:default}.ttn-viewtab-menu-item kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-viewtab-menu-sep{block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-split{flex:1 1 auto;display:grid;min-inline-size:0;min-block-size:0}.ttn-split--vertical{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ttn-split--horizontal{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.ttn-split-cell{display:flex;flex-direction:column;min-inline-size:0;min-block-size:0}.ttn-split--vertical>.ttn-split-cell--second{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-split--horizontal>.ttn-split-cell--second{border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-split-cell>.bench-sheet{flex:1 1 auto;min-block-size:0;overflow:auto;justify-items:center;align-content:start;padding-block:var(--ttn-space-gap-loose)}.ttn-split-cell>.bench-sheet:after{content:"";block-size:50vh}.ttn-split-cell--focused{outline:var(--ttn-border-width) solid var(--ttn-color-accent-solid);outline-offset:calc(-1 * var(--ttn-border-width))}.ttn-split-peer{cursor:pointer}.bench--app .ttn-center:has(>.ttn-frame-bottom--max)>.ttn-split{flex:1 1 0}.ttn-su{display:flex;flex-direction:column;flex:none;min-block-size:0;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight);overflow:hidden}.ttn-su--players{inline-size:17rem}.ttn-su--layouts{inline-size:15rem;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-su-head{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-su-name{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-su-tool{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted);cursor:pointer}.ttn-su-tool:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-su-tool[aria-disabled=true]{color:var(--ttn-color-ink-disabled);cursor:default}.ttn-su-tool[aria-disabled=true]:hover{background:transparent}.ttn-su-tool:focus-visible,.ttn-su-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-su-tool .ttn-start-icon,.ttn-su-msg-text .ttn-start-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-su-rows{flex:1;min-block-size:0;overflow-y:auto}.ttn-su-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline-start:calc(var(--ttn-space-panel-padding) + var(--ttn-su-indent, 0) * var(--ttn-size-icon));padding-inline-end:var(--ttn-space-gap-default);background:transparent;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm);cursor:default}.ttn-su-row[data-selected=true]{background:var(--ttn-color-accent-soft)}.ttn-su-row--group{font-weight:var(--ttn-font-weight-medium)}.ttn-su-text{flex:1;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-su-val{flex:none;font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-su-msg{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding)}.ttn-su-msg-text{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary)}.ttn-su-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);white-space:nowrap;cursor:pointer}.ttn-su-btn kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-or{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);margin:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) dashed var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary)}.ttn-or-head{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default)}.ttn-or-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-info)}.ttn-or-icon svg{display:block;inline-size:100%;block-size:100%}.ttn-or-titles{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:var(--ttn-border-width)}.ttn-or-titles b{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);line-height:var(--ttn-font-line-height-normal)}.ttn-or-meta{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-or-btn{display:inline-flex;align-items:center;flex:none;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-or-btn--row{gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-or-row{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding-block-start:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-or-text{font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);overflow-wrap:break-word;text-wrap:pretty}.ttn-or-btns{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-tnh{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none}.ttn-tnh-hit{position:absolute;padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;cursor:pointer;pointer-events:auto}.ttn-tnh-hit:hover,.ttn-tnh-hit:focus-visible{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);outline:none}.ttn-lz{display:flex;flex-direction:column;min-block-size:0;block-size:100%;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md)}.ttn-lz-tools{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);flex-wrap:wrap}.ttn-lz-tools button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height);min-inline-size:var(--ttn-size-control-height);justify-content:center;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;cursor:pointer}.ttn-lz-tools button:disabled{color:var(--ttn-color-ink-disabled);cursor:default}.ttn-lz-tools button svg,.ttn-lz-row svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);flex:none}.ttn-lz-note{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-lz-fill{flex:1}.ttn-lz-list{flex:1;min-block-size:0;overflow-y:auto;margin:0;padding:0;list-style:none}.ttn-lz-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);cursor:pointer}.ttn-lz-row[aria-selected=true]{background:var(--ttn-color-accent-soft)}.ttn-lz-row:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-lz-row[data-tone=warning]>svg{color:var(--ttn-color-state-warning)}.ttn-lz-row[data-tone=error]>svg{color:var(--ttn-color-state-danger)}.ttn-lz-row[data-tone=info],.ttn-lz-row[data-tone=info]>svg{color:var(--ttn-color-ink-secondary)}.ttn-lz-row[data-tone=success]>svg{color:var(--ttn-color-state-success)}.ttn-lz-row[data-tone=accent]>svg{color:var(--ttn-color-accent-ink)}.ttn-lz-text{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttn-lz-sub{margin-inline-start:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-lz-meta{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-lz-empty{padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-lz-input{flex:1;min-inline-size:8rem;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font:inherit}.ttn-tz-tools .ttn-lz-tools{padding:0;border:0;flex-wrap:nowrap}.ttn-lz-anchor{position:relative;display:inline-flex}.ttn-lz-anchor>.ttn-lz-menu{position:absolute;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-start:0;z-index:5;display:flex;flex-direction:column;min-inline-size:12rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-lz-tools .ttn-lz-menu button{justify-content:flex-start;border:0;border-radius:0;background:transparent}.ttn-lz-mark{display:inline-grid;place-items:center;inline-size:1rem;block-size:1rem;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control)}[aria-checked=true]>.ttn-lz-mark{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-lz-mark svg{inline-size:.75rem;block-size:.75rem}.ttn-lz-switch{position:relative;inline-size:1.75rem;block-size:1rem;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:999px}.ttn-lz-switch:after{content:"";position:absolute;inset-block:.125rem;inset-inline-start:.125rem;inline-size:.625rem;border-radius:999px;background:var(--ttn-color-ink-muted)}[aria-checked=true]>.ttn-lz-switch{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}[aria-checked=true]>.ttn-lz-switch:after{inset-inline-start:auto;inset-inline-end:.125rem;background:var(--ttn-color-surface-raised)}.ttn-lz-row[data-ignored]{color:var(--ttn-color-ink-secondary)}.ttn-lz-row[data-ignored] .ttn-lz-text{text-decoration:line-through}.ttn-mx{display:flex;flex-direction:column;min-block-size:0;block-size:100%;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-mx-head,.ttn-mx-winbar{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mx-title{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-mx-ctx,.ttn-mx-wintitle{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-mx-wintitle{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-primary)}.ttn-mx-brand{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-bold);color:var(--ttn-color-ink-muted)}.ttn-mx-icon{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-mx-icon:hover{background:var(--ttn-color-surface-raised)}.ttn-mx-icon svg,.ttn-mx-sub svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-mx-dock{box-sizing:border-box;display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-mx-empty{padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);color:var(--ttn-color-ink-secondary)}.ttn-mx-tools{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding) 0;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-mx-tools button,.ttn-mx-ms button{min-inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-bold)}.ttn-mx-tools button:disabled{color:var(--ttn-color-ink-disabled);border-color:var(--ttn-color-border-subtle)}.ttn-mx-strip{flex:1;min-block-size:0;display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;min-inline-size:0}.ttn-mx-ch{display:flex;flex-direction:column;align-items:stretch;gap:var(--ttn-space-gap-tight);flex:none;inline-size:5.75rem;min-block-size:0;box-sizing:border-box;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mx-ch[data-audible=false] .ttn-mx-name-text{color:var(--ttn-color-ink-muted)}.ttn-mx-name{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-mx-swatch{flex:none;inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-font-size-md);background:var(--ttn-mx-part, var(--ttn-color-ink-muted))}.ttn-mx-name-text{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-mx-sound{flex:none;min-inline-size:0;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-mx-sub{flex:none;align-self:flex-start;display:inline-flex;align-items:center;gap:var(--ttn-border-width);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-state-warning);white-space:nowrap}.ttn-mx-sub svg{inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm)}.ttn-mx-pan{position:relative;display:flex;align-items:center;block-size:var(--ttn-size-control-height-small);margin-inline:15%;cursor:ew-resize;touch-action:none}.ttn-mx-pan:before{content:"";position:absolute;inset-inline:0;block-size:calc(2 * var(--ttn-border-width));background:var(--ttn-color-border-strong)}.ttn-mx-pan-mark{position:absolute;inline-size:calc(2 * var(--ttn-border-width));block-size:calc(6 * var(--ttn-border-width));margin-inline-start:calc(-1 * var(--ttn-border-width));background:var(--ttn-color-ink-primary)}.ttn-mx-ms{flex:none;display:flex;justify-content:center;gap:var(--ttn-space-gap-tight)}.ttn-mx-ms button[aria-pressed=true]:first-child{background:var(--ttn-color-state-warning);border-color:var(--ttn-color-state-warning);color:var(--ttn-color-ink-on-accent)}.ttn-mx-ms button[aria-pressed=true]:last-child{background:var(--ttn-color-accent-solid);border-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-mx-gauges{flex:1;min-block-size:2.5rem;display:flex;justify-content:center;gap:var(--ttn-space-gap-default)}.ttn-mx-fader{position:relative;inline-size:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);cursor:ns-resize;touch-action:none}.ttn-mx-zero{position:absolute;inset-inline:calc(-1 * var(--ttn-space-gap-tight));block-size:var(--ttn-border-width);background:var(--ttn-color-border-strong)}.ttn-mx-thumb{position:absolute;inset-inline:calc(-1 * var(--ttn-space-gap-tight));block-size:var(--ttn-space-gap-loose);margin-block-end:calc(-.5 * var(--ttn-space-gap-loose));background:var(--ttn-color-ink-primary);border-radius:var(--ttn-border-width)}.ttn-mx-pan:focus-visible,.ttn-mx-fader:focus-visible,.ttn-mx button:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-mx-meter{position:relative;inline-size:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);overflow:hidden}.ttn-mx-meter-bar{position:absolute;inset-inline:0;inset-block-end:0;block-size:0%;background:var(--ttn-color-meter-safe)}.ttn-mx-meter-bar[data-zone=hot]{background:var(--ttn-color-meter-hot)}.ttn-mx-meter-bar[data-zone=clip]{background:var(--ttn-color-meter-clip)}.ttn-mx-hold{position:absolute;inset-inline:0;block-size:var(--ttn-border-width);background:var(--ttn-color-ink-secondary)}.ttn-mx-hold[hidden]{display:none}.ttn-mx-val{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);text-align:center;white-space:nowrap}.ttn-mx-readout{flex:none;display:flex;flex-direction:column;align-items:center;font-family:var(--ttn-font-family-numeric);white-space:nowrap}.ttn-mx-gain{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-primary)}.ttn-mx-peak{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-tz-tools .ttn-mx-tools{padding:0}.ttn-nhome{position:relative;display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-nhome-hdr{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-nhome-ctx{flex:1;min-inline-size:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-nhome-hdr>button{flex:none;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted)}.ttn-nhome-hdr>button[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-nhome-bar{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-nhome-seg{flex:none;display:flex;gap:var(--ttn-border-width);padding:var(--ttn-border-width);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-nhome-seg button{display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-nhome-seg button[aria-checked=true]{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-nhome-seg button[aria-disabled=true]{color:var(--ttn-color-ink-disabled)}.ttn-nhome-anchors{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-nhome-lead,.ttn-nhome-sub{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-nhome-anchors button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-nhome-anchors button[aria-pressed=true]{background:var(--ttn-color-accent-soft);border-color:var(--ttn-color-accent-solid)}.ttn-nhome-msg{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-nhome-msg[data-ttn-state=none-in-scale]{background:var(--ttn-color-accent-soft)}.ttn-nhome-msg svg{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-muted)}.ttn-nhome-empty{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-panel-padding)}.ttn-nhome-empty button{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised)}.ttn-nhome-grid{flex:1;min-block-size:0;overflow-y:auto;display:grid;grid-auto-rows:max-content;align-content:start;column-gap:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-panel-padding);padding-block-end:var(--ttn-space-gap-default)}.ttn-nhome-head{position:sticky;inset-block-start:0;z-index:1;display:flex;align-items:center;block-size:var(--ttn-size-row);background:var(--ttn-color-surface-panel);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-nhome-row,.ttn-nhome-gc,.ttn-nhome-star{display:flex;align-items:center;min-inline-size:0;padding-block:var(--ttn-space-gap-tight);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-nhome-row[data-sep=dashed],.ttn-nhome-gc[data-sep=dashed],.ttn-nhome-star[data-sep=dashed]{border-block-start-style:dashed}.ttn-nhome-row{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-nhome-star{justify-content:center;font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-nhome-why{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-nhome-cell{flex:1;min-inline-size:0;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-secondary);box-sizing:border-box}.ttn-nhome-cell:focus-visible,.ttn-nhome-item:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-nhome-cell[data-ttn-state=major]{background:var(--ttn-color-chord-major);color:var(--ttn-color-chord-on-major);border-color:transparent}.ttn-nhome-cell[data-ttn-state=minor]{background:var(--ttn-color-chord-minor);color:var(--ttn-color-chord-on-minor);border-color:transparent}.ttn-nhome-cell[data-ttn-state=diminished]{background:var(--ttn-color-chord-diminished);color:var(--ttn-color-chord-on-diminished);border-color:transparent}.ttn-nhome-cell[data-ttn-state=augmented]{background:var(--ttn-color-chord-augmented);color:var(--ttn-color-chord-on-augmented);border-color:transparent}.ttn-nhome-cell[data-ttn-state=other]{background:var(--ttn-color-chord-other);color:var(--ttn-color-chord-on-other);border-color:transparent}.ttn-nhome-cell[data-pointer],.ttn-nhome-item[data-pointer]{position:relative;z-index:1;box-shadow:0 0 0 var(--ttn-focus-width) var(--ttn-color-surface-panel),0 0 0 calc(2 * var(--ttn-focus-width)) var(--ttn-color-ink-primary);font-weight:var(--ttn-font-weight-bold)}.ttn-nhome-ring{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:1.5}.ttn-nhome-name{flex:1;min-inline-size:0;font-size:var(--ttn-font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.ttn-nhome-via,.ttn-nhome-pos{flex:none;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-nhome-fn{flex:none;display:grid;place-items:center;min-inline-size:var(--ttn-space-panel-padding);padding-inline:var(--ttn-border-width);border:var(--ttn-border-width) solid currentColor;border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-xs)}.ttn-nhome-list{flex:1;min-block-size:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-auto-rows:max-content;align-content:start;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-nhome-sec{display:flex;flex-direction:column;min-inline-size:0}.ttn-nhome-sec-hdr{display:flex;align-items:center;block-size:var(--ttn-size-control-height-small);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--ttn-color-ink-secondary);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-nhome-item{display:grid;grid-template-columns:var(--ttn-size-icon) minmax(0,1fr) auto auto;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-tight);border:0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary);text-align:start}.ttn-nhome-dot{inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);border-radius:50%;border:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-nhome-item[data-ttn-state=major] .ttn-nhome-dot{background:var(--ttn-color-chord-major);border-color:transparent}.ttn-nhome-item[data-ttn-state=minor] .ttn-nhome-dot{background:var(--ttn-color-chord-minor);border-color:transparent}.ttn-nhome-item[data-ttn-state=diminished] .ttn-nhome-dot{background:var(--ttn-color-chord-diminished);border-color:transparent}.ttn-nhome-item[data-ttn-state=augmented] .ttn-nhome-dot{background:var(--ttn-color-chord-augmented);border-color:transparent}.ttn-nhome-item[data-ttn-state=other] .ttn-nhome-dot{background:var(--ttn-color-chord-other);border-color:transparent}.ttn-nhome-legend{position:absolute;z-index:3;inset-block-start:calc(var(--ttn-size-control-height-small) + var(--ttn-space-gap-tight));inset-inline-end:var(--ttn-space-gap-tight);display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);max-inline-size:22rem;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-nhome-legend-hdr{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-nhome-legend-row{display:grid;grid-template-columns:var(--ttn-size-icon) minmax(0,1fr);gap:var(--ttn-space-gap-default);align-items:start;font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary)}.ttn-ch{position:relative;display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-ch-hdr{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height-small);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-tight) var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-ch-ctx{flex:1 1 10rem;min-inline-size:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-ch-counts{flex:none;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);font-family:var(--ttn-font-family-numeric, var(--ttn-font-family-ui));white-space:nowrap}.ttn-ch-toggle{flex:none;display:inline-flex;align-items:center;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-ch-toggle[aria-pressed=true]{background:var(--ttn-color-accent-soft);border-color:var(--ttn-color-accent-solid);color:var(--ttn-color-accent-ink)}.ttn-ch-toggle[aria-disabled=true]{color:var(--ttn-color-ink-disabled)}.ttn-ch-icon{flex:none;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted)}.ttn-ch-icon[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-ch-path,.ttn-ch-msg{flex:none;display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-ch-path button{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-sm)}.ttn-ch-msg svg{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-muted)}.ttn-ch-list{flex:1;min-block-size:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-auto-rows:max-content;align-content:start;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding)}.ttn-ch-fam{display:flex;flex-direction:column;min-inline-size:0}.ttn-ch-fam-hdr,.ttn-ch-lad{display:grid;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-tight);border:0;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary);text-align:start}.ttn-ch-fam-hdr{grid-template-columns:var(--ttn-size-icon) minmax(0,1fr) auto;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-ch-lad{grid-template-columns:minmax(0,1fr) auto;padding-inline-start:calc(var(--ttn-size-icon) + var(--ttn-space-gap-default));font-size:var(--ttn-font-size-sm)}.ttn-ch-lad[aria-current=true]{background:var(--ttn-color-accent-soft);box-shadow:inset var(--ttn-focus-width) 0 0 var(--ttn-color-sheet-selection)}.ttn-ch-fam-hdr:hover,.ttn-ch-lad:hover{background:var(--ttn-color-surface-raised)}.ttn-ch-fam-name,.ttn-ch-lad-name{min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-ch-demand,.ttn-ch-adds{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-ch-folded{grid-column:1 / -1;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);font-style:italic}[data-ttn-lock]{position:relative}[data-ttn-lock=locked],[data-ttn-lock=promo-soon],[data-ttn-lock=guest],[data-ttn-lock=limited-exhausted]{opacity:.55;outline:var(--ttn-border-width) dashed var(--ttn-color-border-default);outline-offset:calc(-1 * var(--ttn-border-width));cursor:help}[data-ttn-lock=locked]:before,[data-ttn-lock=promo-soon]:before,[data-ttn-lock=guest]:before{content:"";position:absolute;inset-block-start:.15em;inset-inline-start:.15em;inline-size:.7em;block-size:.8em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Crect x='1' y='6' width='10' height='7.5' rx='1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M3.5 6V4a2.5 2.5 0 0 1 5 0v2' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Crect x='1' y='6' width='10' height='7.5' rx='1.5' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M3.5 6V4a2.5 2.5 0 0 1 5 0v2' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}[data-ttn-lock-chip]:after{content:attr(data-ttn-lock-chip);position:absolute;z-index:2;inset-block-start:-.9em;inset-inline-end:-.2em;padding:0 var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-pill);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs);line-height:1.4;white-space:nowrap;opacity:1;pointer-events:none}[data-ttn-lock=open-promo][data-ttn-lock-chip]:after{border-color:var(--ttn-color-accent-ink);color:var(--ttn-color-accent-ink)}[data-ttn-lock=limited-exhausted][data-ttn-lock-chip]:after{border-color:var(--ttn-color-state-warning);color:var(--ttn-color-state-warning)}[data-ttn-lock=promo-soon][data-ttn-lock-chip]:after{border-color:var(--ttn-color-state-info);color:var(--ttn-color-state-info)}.ttn-lock-card{position:fixed;z-index:70;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:max-content;max-inline-size:min(20rem,calc(100vw - 2rem));padding:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);line-height:1.35}.ttn-lock-card b{font-weight:var(--ttn-font-weight-medium)}.ttn-lock-card-more,.ttn-lock-card-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-lock-card-note{color:var(--ttn-color-ink-muted)}.ttn-lock-card button{align-self:flex-start;min-block-size:var(--ttn-size-control-height-small);padding:0 var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:inherit;font:inherit;cursor:pointer}.ttn-lock-card .ttn-lock-card-primary{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-pm{flex:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-pm-icon{flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-pm-run{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font:inherit;font-weight:var(--ttn-font-weight-medium)}.ttn-pm-run[aria-disabled=true]{background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-disabled)}.ttn-pm-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm)}.ttn-pm-secondary{color:var(--ttn-color-ink-secondary)}.ttn-pm-muted{color:var(--ttn-color-ink-muted)}.ttn-pm-switch{display:inline-grid;place-items:center;flex:none;min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;background:transparent}.ttn-pm-track{position:relative;display:block;inline-size:calc(2 * var(--ttn-size-icon));block-size:var(--ttn-size-icon);border-radius:var(--ttn-radius-pill);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);box-sizing:border-box}.ttn-pm-switch[aria-checked=true] .ttn-pm-track{background:var(--ttn-color-accent-solid);border-color:var(--ttn-color-accent-solid)}.ttn-pm-knob{position:absolute;inset-block-start:var(--ttn-space-gap-tight);inset-inline-start:var(--ttn-space-gap-tight);inline-size:calc(var(--ttn-size-icon) - 2 * var(--ttn-space-gap-tight));block-size:calc(var(--ttn-size-icon) - 2 * var(--ttn-space-gap-tight));margin-block-start:calc(-1 * var(--ttn-border-width));border-radius:50%;background:var(--ttn-color-ink-secondary)}.ttn-pm-switch[aria-checked=true] .ttn-pm-knob{inset-inline-start:auto;inset-inline-end:var(--ttn-space-gap-tight);background:var(--ttn-color-ink-on-accent)}.ttn-pm-style{min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:inherit;font:inherit}.ttn-pm-credits{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-pm-demo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-pm-msg{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-pm-msg[data-warn]{border-color:var(--ttn-color-state-warning)}.ttn-pm-btns{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-pm-small,.ttn-pm-act,.ttn-pm-step{min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:inherit;font:inherit;font-size:var(--ttn-font-size-xs)}.ttn-pm-small{background:var(--ttn-color-surface-overlay)}.ttn-pm-keep{border:0;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-pm-more{border-style:dashed;border-color:var(--ttn-color-accent-solid);color:var(--ttn-color-accent-ink)}.ttn-pm-more[aria-disabled=true]{color:var(--ttn-color-ink-disabled);border-color:var(--ttn-color-border-default)}.ttn-pm-step{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;font-size:var(--ttn-font-size-sm)}.ttn-pm-versions{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding-block-start:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pm-vhead{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm)}.ttn-pm-vtitle{flex:1;font-weight:var(--ttn-font-weight-medium)}.ttn-pm-note{font-size:var(--ttn-font-size-xs)}.sheet .ttn-pm-ghost{--sheet-ink: var(--ttn-color-sheet-ghost-suggestion)}.sheet .ttn-pm-ghost .ink-font,.sheet .ttn-pm-ghost .ink-ellipse,.sheet .ttn-pm-ghost .ink-hollow{fill:transparent;stroke:var(--ttn-color-sheet-ghost-suggestion);stroke-width:.12;stroke-dasharray:.3 .2}.ttn-pm-sym{position:absolute;inset:0 auto auto 0;z-index:2;pointer-events:none}.ttn-pm-chord{position:absolute;display:flex;flex-direction:column;pointer-events:auto;padding:0;padding-inline-start:var(--ttn-space-gap-tight);border:0;background:transparent;text-align:start;color:var(--ttn-color-accent-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-bold);font-style:italic;white-space:nowrap;transform:translateY(-100%)}.ttn-pm-chord-sym{display:inline-flex;gap:var(--ttn-space-gap-tight);align-items:baseline}.ttn-pm-chord-sym>span:first-child{border-block-end:var(--ttn-border-width) dashed var(--ttn-color-accent-solid)}.ttn-pm-chord-dot{font-size:var(--ttn-font-size-xs)}.ttn-pm-chord-fn{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-regular, 400);font-style:normal}.ttn-pm-why{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);margin:var(--ttn-space-gap-default) auto 0;padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-pm-why-text{color:var(--ttn-color-ink-secondary)}.ttn-caret-strip-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-caret-strip{position:absolute;z-index:3;display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-tight);white-space:nowrap;pointer-events:auto}.ttn-caret-strip[data-placed]{transition:top .16s ease-out,left .16s ease-out,opacity .12s linear}@media(prefers-reduced-motion:reduce){.ttn-caret-strip[data-placed]{transition:none}}.ttn-caret-strip[data-ttn-state=hover]{border-color:var(--ttn-color-focus-ring)}.ttn-caret-strip button{font:inherit;color:inherit}.ttn-caret-strip-notch{position:absolute;top:-6px;inline-size:10px;block-size:10px;background:var(--ttn-color-surface-overlay);border-inline-start:var(--ttn-border-width) solid;border-block-start:var(--ttn-border-width) solid;border-color:inherit;transform:rotate(45deg)}.ttn-caret-strip-notch[data-side=above]{top:auto;bottom:-6px;transform:rotate(225deg)}.ttn-caret-strip-tabs{position:relative;display:flex;align-items:stretch;gap:var(--ttn-border-width);padding-inline:var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-caret-strip-tab{display:inline-flex;align-items:center;min-block-size:24px;padding-inline:var(--ttn-space-gap-default);border:0;border-block-end:calc(2 * var(--ttn-border-width)) solid transparent;background:transparent;color:var(--ttn-color-ink-muted);font-size:var(--ttn-font-size-xs);white-space:nowrap;cursor:pointer}.ttn-caret-strip .ttn-caret-strip-tab{color:var(--ttn-color-ink-muted)}.ttn-caret-strip .ttn-caret-strip-tab[aria-selected=true]{border-block-end-color:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-primary)}.ttn-caret-strip-fill{flex:1}.ttn-caret-strip-icon{display:grid;place-items:center;inline-size:24px;min-block-size:24px;padding:0;border:0;background:transparent;cursor:pointer}.ttn-caret-strip .ttn-caret-strip-icon{color:var(--ttn-color-ink-secondary)}.ttn-caret-strip-icon .ttn-icon{inline-size:calc(var(--ttn-size-icon) * .8);block-size:calc(var(--ttn-size-icon) * .8)}.ttn-caret-strip-icon:hover,.ttn-caret-strip-tab:hover{background:var(--ttn-color-surface-sunken)}.ttn-caret-strip-group{position:relative;display:flex;align-items:center;gap:var(--ttn-border-width);padding:var(--ttn-space-gap-tight)}.ttn-caret-strip-current{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:none;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);margin-inline-end:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-caret-strip-current .ttn-glyph,.ttn-caret-strip-tongue .ttn-glyph{color:var(--ttn-color-ink-primary)}.ttn-caret-strip-cell{position:relative;display:grid;flex:none}.ttn-caret-strip-btn,.ttn-caret-strip-more{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-caret-strip-more{min-inline-size:24px;padding-inline:0}.ttn-caret-strip-more .ttn-icon{inline-size:calc(var(--ttn-size-icon) * .7);block-size:calc(var(--ttn-size-icon) * .7)}.ttn-caret-strip-btn:hover,.ttn-caret-strip-more:hover{background:var(--ttn-color-surface-sunken)}.ttn-caret-strip .ttn-caret-strip-btn[aria-pressed=true],.ttn-caret-strip .ttn-caret-strip-more[aria-expanded=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-caret-strip-sep{flex:none;inline-size:var(--ttn-border-width);block-size:var(--ttn-size-control-height-small);margin-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-caret-strip-off{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-caret-strip-on{display:inline-flex;align-items:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);margin-inline-start:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-control);background:transparent;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-caret-strip .ttn-caret-strip-on{color:var(--ttn-color-accent-ink)}.ttn-caret-strip-menu{position:absolute;z-index:5;top:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;display:flex;flex-direction:column;min-inline-size:10rem;inline-size:max-content;max-inline-size:calc(100vw - 2 * var(--ttn-space-gap-loose));padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);font-size:var(--ttn-font-size-sm)}.ttn-caret-strip-menu[data-side=above]{top:auto;bottom:calc(100% + var(--ttn-space-gap-tight))}.ttn-caret-strip-item{display:grid;grid-template-columns:1.6rem max-content auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-loose);margin-inline:var(--ttn-space-gap-tight);border:0;border-radius:var(--ttn-radius-control);background:transparent;text-align:start;white-space:nowrap;cursor:pointer}.ttn-caret-strip-item:hover,.ttn-caret-strip-item[aria-checked=true]{background:var(--ttn-color-surface-sunken)}.ttn-caret-strip-item-face{display:grid;place-items:center}.ttn-caret-strip-item kbd{justify-self:end;margin-inline-start:var(--ttn-space-gap-loose);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-caret-strip-item kbd:empty{display:none}.ttn-caret-strip-tongue{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:24px;padding:0 var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:0 0 var(--ttn-radius-control) var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);pointer-events:auto;cursor:pointer}.ttn-caret-strip-tongue[data-side=above]{border-radius:var(--ttn-radius-control) var(--ttn-radius-control) 0 0}.ttn-caret-strip-tongue .ttn-icon{inline-size:calc(var(--ttn-size-icon) * .7);block-size:calc(var(--ttn-size-icon) * .7)}.ttn-caret-strip-tongue:hover{border-color:var(--ttn-color-focus-ring)}.ttn-mt-scrim{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-mt-dialog{display:flex;flex-direction:column;inline-size:42rem;max-inline-size:100%;max-block-size:100%;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight);overflow:hidden}.ttn-mt-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-tight) var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mt-head b{flex:1;font-weight:var(--ttn-font-weight-medium)}.ttn-mt-close{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted);cursor:pointer}.ttn-mt-close svg,.ttn-mt-opt svg,.ttn-mt-err svg{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);flex:none}.ttn-mt-body{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding)}.ttn-mt-sec{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-mt-sechead{display:flex;flex-direction:column;gap:var(--ttn-border-width);padding-block-end:var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mt-sechead h3{margin:0;font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-medium)}.ttn-mt-sechead span{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-mt-row{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(0,1.6fr);align-items:start;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose)}.ttn-mt-key{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height);font-size:var(--ttn-font-size-sm)}.ttn-mt-meter{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold)}.ttn-mt-val{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);min-inline-size:0}.ttn-mt-opts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height)}.ttn-mt-opt{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);white-space:nowrap;cursor:pointer}.ttn-mt-opt[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-mt-opt[role=checkbox]{justify-content:center;min-inline-size:var(--ttn-size-control-height-small);padding-inline:0}.ttn-mt-opt:disabled{color:var(--ttn-color-ink-disabled);cursor:not-allowed}.ttn-mt-field{display:inline-flex;align-items:center;box-sizing:border-box;block-size:var(--ttn-size-control-height-small);inline-size:5rem;padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-sm)}.ttn-mt-field[aria-invalid=true],.ttn-mt-field[aria-invalid=true]:focus{border-color:var(--ttn-color-state-danger);outline-color:var(--ttn-color-state-danger)}.ttn-mt-unit{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-mt-link{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-accent-ink)}.ttn-mt-link:hover{color:var(--ttn-color-ink-primary)}.ttn-mt-beats{display:flex;align-items:flex-end;gap:var(--ttn-space-gap-tight);block-size:2rem;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border-radius:var(--ttn-radius-control)}.ttn-mt-beat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;block-size:100%}.ttn-mt-mark{display:block;box-sizing:border-box;border:var(--ttn-border-width) solid var(--ttn-color-ink-secondary)}.ttn-mt-mark[data-level="1"]{inline-size:.6rem;block-size:100%;border-radius:2px 2px 0 0;background:var(--ttn-color-ink-primary)}.ttn-mt-mark[data-level="2"]{inline-size:.5rem;block-size:72%;border-radius:2px 2px 0 0;background:var(--ttn-color-ink-secondary)}.ttn-mt-mark[data-level="3"]{inline-size:.4rem;block-size:45%;border-radius:50% 50% 0 0;background:transparent}.ttn-mt-mark[data-level="4"]{inline-size:.3rem;block-size:22%;border-radius:50%;background:transparent}.ttn-mt-mark[data-legend][data-level="1"]{block-size:1rem}.ttn-mt-mark[data-legend][data-level="2"]{block-size:.75rem}.ttn-mt-mark[data-legend][data-level="3"]{block-size:.5rem}.ttn-mt-mark[data-legend][data-level="4"]{block-size:.3rem}.ttn-mt-legend{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-mt-legend-item{display:inline-flex;align-items:flex-end;gap:var(--ttn-space-gap-tight)}.ttn-mt-err{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-state-danger)}.ttn-mt-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);line-height:var(--ttn-font-line-height-normal)}.ttn-mt-foot{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-mt-spacer{flex:1}.ttn-mt-btn{display:inline-flex;align-items:center;justify-content:center;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;white-space:nowrap;cursor:pointer}.ttn-mt-primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-mt-primary:disabled{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-disabled);cursor:not-allowed}@media(max-width:640px){.ttn-mt-scrim{align-items:flex-end;padding:0}.ttn-mt-dialog{inline-size:100%;max-block-size:88%;border-radius:var(--ttn-radius-panel) var(--ttn-radius-panel) 0 0}.ttn-mt-row{grid-template-columns:minmax(0,1fr)}.ttn-mt-btn{flex:1 1 0}.ttn-mt-spacer{display:none}}.ttn-mt-countin{position:fixed;z-index:5;inset-block-start:30%;inset-inline:0;display:flex;justify-content:center;gap:2rem;pointer-events:none}.ttn-mt-count{display:grid;place-items:center;inline-size:6rem;block-size:6rem;border-radius:50%;border:var(--ttn-focus-width) solid var(--ttn-color-border-strong);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-numeric);font-size:3rem;font-weight:var(--ttn-font-weight-bold)}.ttn-mt-count[aria-current=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-gt{position:fixed;z-index:10;inset-inline-end:var(--ttn-space-panel-padding);inset-block-start:8rem;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:15rem;max-block-size:calc(100vh - 22rem);overflow-y:auto;padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-gt-collapsed{inline-size:var(--ttn-size-control-height);align-items:center}.ttn-gt-vertical{writing-mode:vertical-rl;color:var(--ttn-color-ink-secondary)}.ttn-gt button{font:inherit;color:inherit;cursor:default}.ttn-gt-head{display:flex;align-items:center;justify-content:space-between;font-weight:var(--ttn-font-weight-medium)}.ttn-gt-head>button,.ttn-gt-collapsed>button{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted)}.ttn-gt-group h3{margin:0 0 var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-gt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ttn-space-gap-tight)}.ttn-gt-btn{position:relative;display:grid;place-items:center;block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised)}.ttn-gt-btn:hover{border-color:var(--ttn-color-border-strong)}.ttn-gt-btn[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-gt-glyph{font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1}.ttn-gt-text{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-gt-corner{position:absolute;inset-block-end:0;inset-inline-end:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);line-height:1}.ttn-gt-tip{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-gt-tip strong{color:var(--ttn-color-ink-primary)}.ttn-gt-tip kbd{font-family:var(--ttn-font-family-mono);color:var(--ttn-color-ink-muted)}.ttn-gt-tip kbd:empty{display:none}.ttn-tw{display:flex;flex-direction:column;inline-size:100%;max-inline-size:40rem;max-block-size:80vh;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);outline:none}.ttn-tw button,.ttn-tw input{font:inherit;color:inherit}.ttn-tw-summary{margin:0;padding:0 var(--ttn-space-panel-padding);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-tw-body{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);overflow-y:auto}.ttn-tw-row{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm)}.ttn-tw-label{color:var(--ttn-color-ink-secondary)}.ttn-tw-hint,.ttn-tw-err{grid-column:2;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-tw-err{color:var(--ttn-color-state-danger)}.ttn-tw-seg{display:flex;flex-wrap:wrap;gap:var(--ttn-border-width);padding:var(--ttn-border-width);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-tw-seg>button{min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm)}.ttn-tw-seg>button[aria-checked=true]{background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-tw-num{inline-size:4rem;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-numeric)}.ttn-tw-row[data-error] .ttn-tw-num{border-color:var(--ttn-color-state-danger)}.ttn-tw-curve{inline-size:100%;block-size:8rem;background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);touch-action:none}.ttn-tw-zero{stroke:var(--ttn-color-border-default);stroke-width:.5;vector-effect:non-scaling-stroke}.ttn-tw-line{fill:none;stroke:var(--ttn-color-accent-solid);stroke-width:2;vector-effect:non-scaling-stroke}.ttn-tw-point{stroke:var(--ttn-color-accent-solid);stroke-width:.75rem;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:ns-resize}.ttn-tw-foot{display:flex;justify-content:flex-end;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-tw-foot>button{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-weight:var(--ttn-font-weight-medium)}.ttn-tw-foot>.ttn-start-primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent)}.ttn-tw-foot>.ttn-start-primary:disabled{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-disabled)}.ttn-tw-unit{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);color:var(--ttn-color-ink-muted)}.ttn-tw-area{inline-size:100%;min-block-size:4.5rem;padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font:inherit;color:inherit;resize:vertical}.ttn-bw{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none;font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs)}.ttn-bw-fill,.ttn-bw-num,.ttn-bw-len,.ttn-bw-voice,.ttn-bw-hopo{position:absolute}.ttn-bw-fill{background:var(--ttn-color-state-danger);opacity:.16}.ttn-bw-num,.ttn-bw-voice,.ttn-bw-hopo{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);white-space:nowrap}.ttn-bw-num{font-family:var(--ttn-font-family-numeric);color:var(--ttn-color-state-danger)}.ttn-bw svg{inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-bw-len{padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-danger);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric)}.ttn-bw-voice{padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary)}.ttn-bw-voice svg,.ttn-bw-hopo svg{color:var(--ttn-color-state-warning)}.ttn-bw-hopo{padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) dashed var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary)}.ttn-bw-h{font-family:var(--ttn-font-family-mono)}.ttn-fp{position:fixed;z-index:10;inset-inline-end:var(--ttn-space-panel-padding);inset-block-end:var(--ttn-space-panel-padding);display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);inline-size:15rem;padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-fp-hand{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-fp-hand[data-active]{border:var(--ttn-focus-width) solid var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-fp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ttn-space-gap-default);font-weight:var(--ttn-font-weight-medium)}.ttn-fp-on,.ttn-fp-hint{font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-regular);color:var(--ttn-color-ink-muted)}.ttn-fp-keys{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-fp-keys>button{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-sm);color:inherit}.ttn-fp-keys[data-hand=right]>button{font-style:italic}.ttn-fp-keys>button[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-tc-chips,.ttn-tc-strings{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-tc-chips>span{display:grid;place-items:center;min-inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);font-family:var(--ttn-font-family-mono)}.ttn-tc-strings>label{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-family:var(--ttn-font-family-numeric)}.ttn-tc-banner{margin:0 var(--ttn-space-panel-padding);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);font-size:var(--ttn-font-size-sm)}.ttn-iv{display:flex;flex-direction:column;flex:1;min-block-size:0;gap:var(--ttn-space-gap-default);margin-block-start:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.ttn-iv button{font:inherit;color:inherit}.ttn-iv-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-iv-title{font-weight:var(--ttn-font-weight-medium)}.ttn-iv-part{color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-iv-gap{flex:1}.ttn-iv-left,.ttn-iv-close{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:transparent}.ttn-iv-left[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-iv-close{border-color:transparent;color:var(--ttn-color-ink-muted)}.ttn-iv svg:not([data-widget] svg){inline-size:var(--ttn-font-size-sm);block-size:var(--ttn-font-size-sm);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-iv-body{display:flex;flex-direction:column;flex:1;min-block-size:4rem}.ttn-iv-empty{display:flex;align-items:center;gap:var(--ttn-space-gap-default);color:var(--ttn-color-ink-secondary)}.ttn-iv-fret,.ttn-iv-keys{display:block;flex:1;min-block-size:0;inline-size:100%;color:var(--ttn-color-ink-primary)}.ttn-iv-fret>.scale-fretboard-wrapper,.ttn-iv-fret .fretboard-scroll,.ttn-iv-fret .fretboard-svg{box-sizing:border-box;block-size:100%}.ttn-iv-foot{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-loose);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs)}.ttn-iv-pads{display:grid;min-block-size:0;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--ttn-space-gap-tight)}.ttn-iv-pad{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);text-align:start}.ttn-iv-pad[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-iv-pad-meta{display:flex;gap:var(--ttn-space-gap-default);color:var(--ttn-color-ink-muted);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-ce{max-inline-size:48rem}.ttn-ce select,.ttn-ce-recognize{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);font:inherit;color:inherit}.ttn-ce-recognize{justify-self:start;background:var(--ttn-color-surface-raised)}.ttn-ce-name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-ce-banner{margin:0 var(--ttn-space-panel-padding);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-info);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);font-size:var(--ttn-font-size-sm)}.ttn-ce-variants{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default)}.ttn-ce-variant{display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-ce-variant[aria-checked=true]{border:var(--ttn-focus-width) solid var(--ttn-color-accent-solid)}.ttn-ce-diagram{inline-size:4.5rem;block-size:5rem}.ttn-ce-line,.ttn-ce-nut{stroke:var(--ttn-color-ink-secondary);stroke-width:1}.ttn-ce-nut{stroke-width:4}.ttn-ce-dot{fill:var(--ttn-color-accent-solid)}.ttn-ce-open{fill:none;stroke:var(--ttn-color-ink-secondary);stroke-width:1.5}.ttn-ce-mark{fill:var(--ttn-color-ink-muted);font-size:.75rem;text-anchor:middle}.ttn-ce-recognize:disabled{color:var(--ttn-color-ink-disabled)}.ttn-ce .ttn-tw-row>select{justify-self:start}.ttn-gt--embedded,.ttn-fp--embedded{position:static;inline-size:auto;max-block-size:none;overflow:visible;border:0;border-radius:0;background:transparent}.ttn-fp .ttn-fp-calc{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font:inherit;font-size:var(--ttn-font-size-sm);color:inherit;white-space:nowrap}.ttn-fp-pat{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding-block-start:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-fp-pat-where,.ttn-fp-pat-alpha{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-fp-pat-alpha{font-family:var(--ttn-font-family-mono);line-height:var(--ttn-font-line-height-normal)}.ttn-fp-pat-loop{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-fp-pat-row{display:flex;align-items:stretch;gap:var(--ttn-space-gap-tight)}.ttn-fp-pat-kindbox{position:relative;display:inline-flex;flex:none}.ttn-fp .ttn-fp-pat-kind{display:inline-flex;align-items:center;gap:var(--ttn-border-width);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font:inherit;font-size:var(--ttn-font-size-xs);color:inherit}.ttn-fp-pat-kind>.ttn-start-icon{inline-size:calc(var(--ttn-size-icon) * .7);block-size:calc(var(--ttn-size-icon) * .7);color:var(--ttn-color-ink-muted)}.ttn-fp-pat-list{position:absolute;z-index:5;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-start:0;display:flex;flex-direction:column;min-inline-size:13rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);font-size:var(--ttn-font-size-sm)}.ttn-fp-pat-list>[role=option]{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-loose);white-space:nowrap;cursor:pointer}.ttn-fp-pat-list>[role=option]>.ttn-start-icon{color:var(--ttn-color-accent-ink);visibility:hidden}.ttn-fp-pat-list>[aria-selected=true]{background:var(--ttn-color-surface-raised)}.ttn-fp-pat-list>[aria-selected=true]>.ttn-start-icon{visibility:visible}.ttn-fp-pat-field{position:relative;display:flex;flex:1;min-inline-size:0;block-size:var(--ttn-size-control-height-small);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-sm);letter-spacing:.08em}.ttn-fp-pat-field[data-error]{border-color:var(--ttn-color-state-danger)}.ttn-fp-pat-field:focus-within{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-fp-pat-mirror,.ttn-fp-pat-field>input{position:absolute;top:0;right:0;bottom:0;left:0;padding-inline:var(--ttn-space-gap-default);font:inherit;letter-spacing:inherit;white-space:pre}.ttn-fp-pat-mirror{display:flex;align-items:center;overflow:hidden;color:transparent;pointer-events:none}.ttn-fp-pat-mirror>[data-bad]{border-block-end:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-state-danger);background:var(--ttn-color-surface-raised)}.ttn-fp-pat-field>input{inline-size:100%;border:0;background:transparent;color:var(--ttn-color-ink-primary);outline:none}.ttn-fp .ttn-fp-pat-apply{display:inline-flex;align-items:center;flex:none;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font:inherit;font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium)}.ttn-fp .ttn-fp-pat-apply:disabled{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-disabled)}.ttn-fp-pat-err{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-state-danger)}.ttn-fmw{max-inline-size:34rem}.ttn-fmw-what{display:flex;flex-direction:column;gap:var(--ttn-border-width);font-size:var(--ttn-font-size-sm)}.ttn-fmw-what>.ttn-tw-label{font-size:var(--ttn-font-size-xs)}.ttn-fmw-notuning{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-state-warning);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm)}.ttn-fmw-notuning>span{flex:1 1 14rem}.ttn-fmw-notuning>button{min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font:inherit;font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-fmw-methods{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);margin:0;padding:0;border:0}.ttn-fmw-methods:disabled{opacity:.5}.ttn-fmw-methods>legend{padding:0 0 var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs)}.ttn-fmw-method{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control)}.ttn-fmw-method[data-on]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-fmw-method>label{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);cursor:pointer}.ttn-fmw-method b{font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-fmw-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-fmw-nums{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-loose);padding-inline-start:calc(var(--ttn-size-icon) + var(--ttn-space-gap-loose))}.ttn-fmw-num{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-fmw-notuning>.ttn-start-icon{color:var(--ttn-color-state-warning)}.ttn-fmw-pitch{display:flex;align-items:center;gap:var(--ttn-space-gap-default);margin:0;font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-fmw-manual{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);font-size:var(--ttn-font-size-sm)}.ttn-fmw-err{grid-column:auto}.ttn-palette-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding-block-start:12vh;padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim)}.ttn-palette{display:flex;flex-direction:column;inline-size:100%;max-inline-size:36rem;max-block-size:70vh;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui)}.ttn-palette-head{display:flex;align-items:center;justify-content:space-between;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-palette-head h2{margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium)}.ttn-palette-close{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-muted);font:inherit}.ttn-palette-close:hover{background:var(--ttn-color-surface-raised)}.ttn-palette-search{padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding)}.ttn-palette-search input{inline-size:100%;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-focus-ring);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);outline:none}.ttn-palette-list{min-block-size:0;overflow-y:auto;border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-palette-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-sm);cursor:default}.ttn-palette-row[aria-selected=true]{background:var(--ttn-color-surface-raised)}.ttn-palette-name{line-height:var(--ttn-font-line-height-normal)}.ttn-palette-value{color:var(--ttn-color-ink-secondary)}.ttn-palette-meta{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);white-space:nowrap}.ttn-palette-meta kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-palette-meta kbd:empty{display:none}.ttn-palette-msg{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);margin:0;padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-palette-msg strong{color:var(--ttn-color-ink-primary)}.ttn-palette-search{display:flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-palette-search kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-palette-search kbd:empty{display:none}.ttn-insp{display:flex;background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);min-inline-size:0}.ttn-insp--line{align-items:stretch;min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-loose) - var(--ttn-space-gap-tight));overflow:hidden}.ttn-insp-what{display:flex;align-items:center;gap:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-panel-padding);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.ttn-insp-empty{display:flex;align-items:center;padding-inline:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-insp-field{display:flex;flex-direction:column;justify-content:center;gap:var(--ttn-border-width);min-inline-size:5rem;padding-inline:var(--ttn-space-gap-loose);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-insp-k{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-insp-v{display:flex;align-items:baseline;gap:var(--ttn-space-gap-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-insp-num{font-family:var(--ttn-font-family-numeric);font-variant-numeric:tabular-nums}.ttn-insp-mixed{font-style:italic;color:var(--ttn-color-ink-secondary)}.ttn-insp-unit{font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);font-style:normal;color:var(--ttn-color-ink-muted)}.ttn-insp-input{inline-size:4rem;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font:inherit;box-sizing:border-box}.ttn-insp-input:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-insp-gap{flex:1}.ttn-insp-more,.ttn-insp .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-insp--table{flex-direction:column;align-items:stretch;gap:0;block-size:100%;min-block-size:0;padding:0}.ttn-insp-msgrow{flex:none;display:flex;align-items:center;border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-insp-msg{flex:1;min-inline-size:0;margin:0;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttn-insp-groups{flex:1;min-block-size:0;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden}.ttn-insp-sec{flex:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-insp-sec>h3{display:flex;align-items:baseline;gap:var(--ttn-space-gap-default);margin:0;font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-insp-sec>h3>span{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-regular);color:var(--ttn-color-ink-muted)}.ttn-insp-grid{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,var(--ttn-size-control-height));grid-auto-columns:var(--ttn-insp-col, 17rem);gap:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding)}.ttn-insp-prop{display:grid;grid-template-columns:calc(1.75 * var(--ttn-size-icon)) var(--ttn-insp-label, minmax(0, 1fr)) minmax(0,var(--ttn-insp-field-fr, .9fr));align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0;font-size:var(--ttn-font-size-sm)}.ttn-insp-prop>.ttn-insp-field{display:contents}.ttn-insp-prop .ttn-insp-k{max-block-size:100%;white-space:normal;font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-tight);color:var(--ttn-color-ink-primary);overflow:hidden;overflow-wrap:anywhere}.ttn-insp-prop[data-changed=false] .ttn-insp-k{color:var(--ttn-color-ink-secondary)}.ttn-insp-prop[data-hit] .ttn-insp-k{background:var(--ttn-color-accent-soft)}.ttn-insp-nosw{justify-self:center;inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-space-gap-default);border-radius:50%;background:var(--ttn-color-ink-muted)}.ttn-insp .ttn-insp-switch{position:relative;inline-size:calc(1.75 * var(--ttn-size-icon));block-size:var(--ttn-size-icon);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:999px;background:transparent}.ttn-insp-switch:after{content:"";position:absolute;inset-block-start:var(--ttn-border-width);inset-inline-start:var(--ttn-border-width);inline-size:calc(var(--ttn-size-icon) - 4 * var(--ttn-border-width));block-size:calc(var(--ttn-size-icon) - 4 * var(--ttn-border-width));border-radius:50%;background:var(--ttn-color-border-strong)}.ttn-insp .ttn-insp-switch[aria-checked=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-insp-switch[aria-checked=true]:after{inset-inline-start:calc(100% - var(--ttn-size-icon) + 2 * var(--ttn-border-width));background:var(--ttn-color-ink-on-accent)}.ttn-insp-prop .ttn-insp-val,.ttn-insp-prop .ttn-insp-v{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);font-size:var(--ttn-font-size-sm)}.ttn-insp-prop .ttn-insp-val[data-off]{border-color:var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-insp-prop .ttn-insp-input{flex:1;min-inline-size:0;border:0;background:transparent}.ttn-insp-icon{display:grid;place-items:center;flex:none;align-self:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);margin-inline:var(--ttn-space-gap-default);padding:0;border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-secondary)}.ttn-insp-tools{min-inline-size:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm)}.ttn-insp-search{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);flex:0 1 13rem;min-inline-size:6rem;block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-focus-ring);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-muted)}.ttn-insp-search[data-empty]{border-color:var(--ttn-color-border-default)}.ttn-insp-search input{flex:1;min-inline-size:0;padding:0;border:0;outline:none;background:transparent;color:var(--ttn-color-ink-primary);font:inherit}.ttn-insp-tools .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-insp-tlabel{color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs)}.ttn-insp-seg{flex:none;display:inline-flex;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-insp-seg>button{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:0;background:transparent;color:var(--ttn-color-ink-secondary);font:inherit;font-size:var(--ttn-font-size-xs);white-space:nowrap}.ttn-insp-seg>button+button{border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-insp-seg>button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-insp-prop .ttn-insp-v.ttn-insp-input{border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-sunken)}.ttn-insp-prop .ttn-insp-input{min-inline-size:3ch}.ttn-insp-prop .ttn-insp-unit{flex:0 1 auto;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-shape{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-shape-handle{position:absolute;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.ttn-shape-dot{display:block;inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-selection);box-sizing:border-box}.ttn-shape-handle[data-round=true] .ttn-shape-dot{border-radius:50%}.ttn-shape-handle:hover .ttn-shape-dot{background:var(--ttn-color-sheet-selection)}.ttn-shape-mod{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-space-gap-default);border-radius:50%;background:var(--ttn-color-sheet-modified)}.ttn-shape-trace{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible}.ttn-shape-trace line{stroke:var(--ttn-color-sheet-selection);stroke-width:var(--ttn-focus-width)}.ttn-shape-tip{position:absolute;display:inline-flex;align-items:baseline;gap:var(--ttn-space-gap-tight);transform:translate(var(--ttn-space-gap-loose),calc(-100% - var(--ttn-space-gap-loose)));padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-shape-unit{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-sheet-ink-muted)}.ttn-slur-ends{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-slur-ends-svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible}.ttn-slur-ends-svg path,.ttn-slur-ends-svg circle{fill:none;stroke-linecap:round;stroke-linejoin:round}.ttn-slur-ends-hit{stroke:transparent;pointer-events:stroke;cursor:pointer;touch-action:none}.ttn-slur-ends-hover{stroke:var(--ttn-color-sheet-hover)}.ttn-slur-ends-picked{stroke:var(--ttn-color-sheet-selection)}.ttn-slur-ends-paper{stroke:var(--ttn-color-sheet-paper)}.ttn-slur-ends-old{stroke:var(--ttn-color-sheet-ink)}.ttn-slur-ends-preview{stroke:var(--ttn-color-sheet-selection)}.ttn-slur-ends-target circle,.ttn-slur-ends-target path{stroke:var(--ttn-color-sheet-selection)}.ttn-slur-ends-target--invalid circle,.ttn-slur-ends-target--invalid path{stroke:var(--ttn-color-sheet-issue)}.ttn-slur-ends-press{stroke:var(--ttn-color-sheet-selection);stroke-dasharray:2.2 4.8}.ttn-slur-ends-tail{stroke:var(--ttn-color-sheet-ghost-input)}.ttn-slur-ends-handle-art circle{fill:var(--ttn-color-sheet-chip);stroke:var(--ttn-color-sheet-selection)}.ttn-slur-ends-handle-art path{stroke:var(--ttn-color-sheet-selection)}.ttn-slur-ends-handle{position:absolute;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;cursor:grab}.ttn-slur-ends[data-touch=true] .ttn-slur-ends-handle{inline-size:max(var(--ttn-size-control-height),calc(2.2 * var(--ttn-size-control-height-small)));block-size:max(var(--ttn-size-control-height),calc(2.2 * var(--ttn-size-control-height-small)))}.ttn-slur-ends[data-dragging=true] .ttn-slur-ends-handle{cursor:grabbing}.ttn-slur-ends[data-invalid=true] .ttn-slur-ends-handle{cursor:not-allowed}.ttn-slur-ends-tip{position:absolute;z-index:3;display:flex;align-items:center;gap:var(--ttn-space-gap-default);max-inline-size:26rem;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - var(--ttn-space-gap-loose)))}.ttn-slur-ends-tip[data-below=true]{transform:translate(-50%,var(--ttn-space-gap-loose))}.ttn-slur-ends-tip[data-edge=start]{transform:translate(calc(-1 * var(--ttn-space-gap-loose)),calc(-100% - var(--ttn-space-gap-loose)))}.ttn-slur-ends-tip[data-edge=start][data-below=true]{transform:translate(calc(-1 * var(--ttn-space-gap-loose)),var(--ttn-space-gap-loose))}.ttn-slur-ends-tip[data-edge=end]{transform:translate(calc(-100% + var(--ttn-space-gap-loose)),calc(-100% - var(--ttn-space-gap-loose)))}.ttn-slur-ends-tip[data-edge=end][data-below=true]{transform:translate(calc(-100% + var(--ttn-space-gap-loose)),var(--ttn-space-gap-loose))}.ttn-slur-ends-tip[data-danger=true]{border-style:dashed;border-color:var(--ttn-color-sheet-issue)}.ttn-slur-ends-tip[data-caret=true]{border-color:var(--ttn-color-sheet-caret)}.ttn-slur-ends-tip-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-sheet-ink-muted)}.ttn-slur-ends-tip[data-accent=true] .ttn-slur-ends-tip-icon{color:var(--ttn-color-sheet-selection)}.ttn-slur-ends-tip[data-danger=true] .ttn-slur-ends-tip-icon{color:var(--ttn-color-sheet-issue)}.ttn-slur-ends-tip-icon svg{inline-size:100%;block-size:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ttn-slur-ends-tip-body{display:flex;flex-direction:column;gap:var(--ttn-border-width)}.ttn-slur-ends-pitch{font-family:var(--ttn-font-family-numeric);font-weight:var(--ttn-font-weight-bold)}.ttn-slur-ends-keys{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-sheet-ink-muted)}.ttn-slur-ends-keyrow{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-slur-ends-keyrow kbd{display:inline-block;min-inline-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-mono);text-align:center}.ttn-title-edit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-title-edit-hit{position:absolute;z-index:4;pointer-events:auto;cursor:text;border-radius:var(--ttn-radius-control)}.ttn-title-edit-hit[data-hover=true]{outline:var(--ttn-border-width) solid var(--ttn-color-sheet-hover)}.ttn-title-edit-tip{position:absolute;z-index:6;transform:translate(-50%,var(--ttn-space-gap-loose));inline-size:max-content;max-inline-size:20rem;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);box-shadow:0 .5rem 1.5rem var(--ttn-color-surface-scrim);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-primary);pointer-events:none}.ttn-title-edit-box{position:absolute;z-index:7;direction:ltr;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.ttn-title-edit-box[data-anchor=center]{transform:translate(-50%)}.ttn-title-edit-box[data-anchor=start]{align-items:flex-start}.ttn-title-edit-box[data-anchor=end]{align-items:flex-end}.ttn-title-edit-tools{position:absolute;inset-block-end:calc(100% + var(--ttn-space-gap-default));display:flex;align-items:center;gap:var(--ttn-space-gap-default);inline-size:max-content}.ttn-title-edit-keys{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);box-shadow:0 .5rem 1.5rem var(--ttn-color-surface-scrim);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-title-edit-keys>span{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight)}.ttn-title-edit-keys kbd,.ttn-title-edit-credits kbd,.ttn-title-edit-toast kbd{font-family:var(--ttn-font-family-mono);color:var(--ttn-color-ink-muted)}.ttn-title-edit-keys kbd{padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken)}.ttn-title-edit-field{field-sizing:content;min-inline-size:4ch;padding:0 var(--ttn-space-gap-tight);border:0;border-radius:var(--ttn-radius-control);outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:0;background:var(--ttn-color-sheet-paper);color:var(--ttn-color-sheet-ink);caret-color:var(--ttn-color-sheet-caret);font-family:TTN Edwin,TTN Noto Naskh Arabic,TTN Noto Sans JP,TTN Noto Sans KR,TTN Noto Sans,TTN Noto Sans Symbols,"TTN Noto Sans Symbols 2";line-height:1.2;resize:none;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.ttn-title-edit-field[data-ttn-state=error]{outline-color:var(--ttn-color-state-danger)}.ttn-title-edit-error{position:absolute;inset-block-start:calc(100% + var(--ttn-space-gap-default));display:inline-flex;align-items:flex-start;gap:var(--ttn-space-gap-default);inline-size:max-content;max-inline-size:24rem;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-state-danger);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-primary)}.ttn-title-edit-credits{position:absolute;z-index:7;inset-block-start:calc(100% + var(--ttn-space-gap-default));inline-size:max-content;max-inline-size:22rem;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-state-info);border-radius:var(--ttn-radius-control);box-shadow:0 .5rem 1.5rem var(--ttn-color-surface-scrim);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-primary);pointer-events:auto}.ttn-title-edit-credits-icon{display:inline-flex;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-info)}.ttn-title-edit-credits button,.ttn-title-edit-toast button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-title-edit-credits button{border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary)}.ttn-title-edit-toast{position:fixed;z-index:20;inset-block-end:calc(4 * var(--ttn-space-panel-padding));inset-inline-start:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);box-shadow:0 .5rem 1.5rem var(--ttn-color-surface-scrim);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-primary);pointer-events:auto}.ttn-title-edit-toast button{border:0;background:transparent;color:var(--ttn-color-accent-ink);font-weight:var(--ttn-font-weight-medium)}.ttn-title-edit-format{display:flex;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);box-shadow:var(--ttn-shadow-popover);pointer-events:auto}.ttn-title-edit-fmt{display:inline-grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-heading);cursor:pointer}.ttn-title-edit-fmt[data-face=bold]{font-weight:700}.ttn-title-edit-fmt[data-face=italic]{font-style:italic}.ttn-title-edit-fmt[data-face=underline]{text-decoration:underline}.ttn-title-edit-fmt:hover{background:var(--ttn-color-accent-soft)}.ttn-title-edit-fmt[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-title-edit-fmt:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring)}.ttn-line-ends{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ttn-line-ends-svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible}.ttn-line-ends-svg path,.ttn-line-ends-svg circle,.ttn-line-ends-svg rect{fill:none;stroke-linecap:round;stroke-linejoin:round}.ttn-line-ends-preview,.ttn-line-ends-target,.ttn-line-ends-target path{stroke:var(--ttn-color-sheet-selection)}.ttn-line-ends-svg .ttn-line-ends-mark{fill:var(--ttn-color-sheet-selection);stroke:none}.ttn-line-ends-invalid{stroke:var(--ttn-color-sheet-issue)}.sheet [data-line-tone=selected]{--sheet-ink: var(--ttn-color-sheet-selection)}.sheet [data-line-tone=hover]{--sheet-ink: var(--ttn-color-sheet-hover)}.sheet [data-line-tone=stack]{--sheet-ink: var(--ttn-color-sheet-ink-muted)}.sheet [data-line-tone=selected] .ink-curve:not(.ink-filled),.sheet [data-line-tone=hover] .ink-curve:not(.ink-filled){stroke-width:.2}.sheet [data-line-tone=old]{opacity:.3}.ttn-line-ends-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;cursor:grab}.ttn-line-ends-handle svg{display:block;overflow:visible}.ttn-line-ends-halo{fill:none;stroke:var(--ttn-color-sheet-paper);stroke-linejoin:round}.ttn-line-ends-bracket{fill:none;stroke:var(--ttn-color-sheet-selection);stroke-linejoin:round;stroke-linecap:round}.ttn-line-ends[data-dragging=true] .ttn-line-ends-handle{cursor:grabbing}.ttn-line-ends[data-invalid=true] .ttn-line-ends-handle{cursor:not-allowed}.ttn-line-ends-tip{position:absolute;z-index:4;display:flex;flex-direction:column;gap:var(--ttn-border-width);inline-size:max-content;max-inline-size:20rem;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);box-shadow:var(--ttn-shadow-popover);color:var(--ttn-color-sheet-ink);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-tight);pointer-events:none;transform:translate(-50%,calc(-100% - .9rem))}.ttn-line-ends-tip[data-below=true]{transform:translate(-50%,1.4rem)}.ttn-line-ends-tip[data-edge=start]{transform:translate(-.75rem,calc(-100% - .9rem))}.ttn-line-ends-tip[data-edge=start][data-below=true]{transform:translate(-.75rem,1.4rem)}.ttn-line-ends-tip[data-edge=end]{transform:translate(calc(-100% + .75rem),calc(-100% - .9rem))}.ttn-line-ends-tip[data-edge=end][data-below=true]{transform:translate(calc(-100% + .75rem),1.4rem)}.ttn-line-ends-tip[data-danger=true]{border-color:var(--ttn-color-sheet-issue)}.ttn-line-ends-tip-main{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default)}.ttn-line-ends-tip-icon{display:inline-flex;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);overflow:hidden;color:var(--ttn-color-sheet-issue)}.ttn-line-ends-tip-sub{color:var(--ttn-color-sheet-ink-muted)}.ttn-line-ends-keys,.ttn-line-ends-stack,.ttn-line-ends-toast>span{background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);box-shadow:var(--ttn-shadow-popover);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);pointer-events:auto}.ttn-line-ends-keys{position:absolute;z-index:4;inset-inline-start:4%;inset-block-start:2%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);max-inline-size:34rem;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);color:var(--ttn-color-sheet-ink-muted)}.ttn-line-ends-keys b{color:var(--ttn-color-sheet-ink);font-weight:var(--ttn-font-weight-medium)}.ttn-line-ends-keyrow{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);white-space:nowrap}.ttn-line-ends kbd{display:inline-block;min-inline-size:calc(var(--ttn-size-control-height) - var(--ttn-space-gap-default));block-size:calc(var(--ttn-size-control-height) - var(--ttn-space-gap-default));padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);line-height:calc(var(--ttn-size-control-height) - var(--ttn-space-gap-default));text-align:center}.ttn-line-ends-stack{position:absolute;z-index:4;display:flex;flex-direction:column;min-inline-size:15rem;max-block-size:22rem;transform:translate(-.75rem,1.4rem);overflow-y:auto;padding:var(--ttn-space-gap-tight)}.ttn-line-ends-stack-head{padding:var(--ttn-space-gap-tight) var(--ttn-space-panel-padding);color:var(--ttn-color-sheet-ink-muted);font-size:var(--ttn-font-size-xs)}.ttn-line-ends-stack-item{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-panel-padding);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-sheet-ink);font:inherit;text-align:start;white-space:nowrap;cursor:pointer}.ttn-line-ends-stack-item[aria-checked=true]{background:var(--ttn-color-sheet-selection-fill)}.ttn-line-ends-stack-item:hover{background:var(--ttn-color-sheet-chip)}.ttn-line-ends-stack-check{display:inline-flex;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);overflow:hidden;color:var(--ttn-color-sheet-selection)}.ttn-line-ends-stack-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);margin-block-start:var(--ttn-space-gap-tight);border-block-start:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);color:var(--ttn-color-sheet-ink-muted)}.ttn-line-ends-toast{position:absolute;z-index:4;inset-inline:0;inset-block-end:3%;display:flex;justify-content:center;pointer-events:none}.ttn-line-ends-toast>span{display:flex;align-items:center;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);color:var(--ttn-color-sheet-ink)}.ttn-line-ends-toast button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-sheet-selection);font:inherit;font-weight:var(--ttn-font-weight-medium);cursor:pointer}.ttn-sc{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-family:var(--ttn-font-family-ui)}.ttn-sc-svg{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;overflow:visible;mix-blend-mode:darken}:root[data-ttn-paper=night] .ttn-sc-svg:not(.ttn-sc-svg--plain){mix-blend-mode:lighten}.ttn-sc-svg.ttn-sc-svg--plain{mix-blend-mode:normal}.ttn-sc-band{fill:var(--ttn-color-sheet-selection-fill);stroke:var(--ttn-color-sheet-selection);stroke-width:.2}.ttn-sc-band--held{stroke-dasharray:.45 .35;opacity:.6}.ttn-sc-faded{fill:var(--ttn-color-sheet-paper);fill-opacity:.62;stroke:none}.ttn-sc-range{fill:none;stroke:var(--ttn-color-sheet-selection);stroke-width:.18;stroke-dasharray:.55 .33}.ttn-sc-range--held{opacity:.5}.ttn-sc-ghost{fill:var(--ttn-color-sheet-ghost-suggestion-fill);stroke:var(--ttn-color-sheet-ghost-suggestion);stroke-width:.18;stroke-dasharray:.45 .33}.ttn-sc-ghost-line{stroke:var(--ttn-color-sheet-ghost-suggestion);stroke-width:.33}.ttn-sc-replaced{fill:none;stroke:var(--ttn-color-sheet-issue);stroke-width:.18;stroke-dasharray:.33 .22}.ttn-sc-rowband{fill:var(--ttn-color-sheet-hover-fill);stroke:none}.ttn-sc-icon{display:inline-flex;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-sc-icon svg{inline-size:100%;block-size:100%}.ttn-sc-handle{position:absolute;box-sizing:border-box;border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);pointer-events:auto;touch-action:none;cursor:grab}.ttn-sc-handle[data-selected=true]{border-color:var(--ttn-color-sheet-selection);background:var(--ttn-color-sheet-selection)}.ttn-sc[data-touch=true] .ttn-sc-handle[data-selected=false]{background:var(--ttn-color-sheet-chip-border)}.ttn-sc-handle[data-bare=true]{border-color:transparent;background:transparent}.ttn-sc-handle:focus-visible,.ttn-sc-plus:focus-visible,.ttn-sc-action:focus-visible,.ttn-sc-grip:focus-visible,.ttn-sc-addinstr:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-sheet-selection);outline-offset:var(--ttn-border-width)}.ttn-sc-plus{position:absolute;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-sheet-selection);border-radius:50%;background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-selection);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer}.ttn-sc-plus svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-sc[data-touch=true] .ttn-sc-plus{inline-size:44px;block-size:44px}.ttn-sc-addinstr{position:absolute;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) dashed var(--ttn-color-sheet-selection);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-selection);font-size:var(--ttn-font-size-sm);white-space:nowrap;pointer-events:auto;cursor:pointer}.ttn-sc[data-touch=true] .ttn-sc-addinstr{min-block-size:44px}.ttn-sc-tag{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-border-width) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-size:var(--ttn-font-size-xs);white-space:nowrap;pointer-events:none}.ttn-sc-tag--line{border-color:var(--ttn-color-sheet-selection);transform:translate(-50%,calc(-100% - var(--ttn-space-gap-tight)))}.ttn-sc-tag--plus{transform:translate(calc(var(--ttn-size-control-height-small) / 2 + var(--ttn-space-gap-tight)),-50%)}.ttn-sc-tag--row{border-color:var(--ttn-color-sheet-selection);transform:translateY(var(--ttn-space-gap-tight))}.ttn-sc-tag--mode{transform:translate(var(--ttn-space-gap-default),-50%)}.ttn-sc-tag--replace{border-style:dashed;border-color:var(--ttn-color-sheet-issue);transform:translateY(var(--ttn-space-gap-default))}.ttn-sc-tag--replace .ttn-sc-icon{color:var(--ttn-color-sheet-issue)}.ttn-sc-rangeedge{position:absolute;pointer-events:auto;touch-action:none;cursor:grab}.ttn-sc-rangeedge--top,.ttn-sc-rangeedge--bottom{block-size:var(--ttn-space-gap-default);transform:translateY(-50%)}.ttn-sc-rangeedge--start,.ttn-sc-rangeedge--end{inline-size:var(--ttn-space-gap-default);transform:translate(-50%)}.ttn-sc-tag--invalid{z-index:3;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-color:var(--ttn-color-sheet-chip-border);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-sheet-ink);transform:translate(var(--ttn-space-gap-loose),var(--ttn-space-gap-loose))}.ttn-sc-tag--invalid .ttn-sc-icon{color:var(--ttn-color-sheet-ink-muted)}.ttn-sc-line{position:absolute;inline-size:calc(2 * var(--ttn-focus-width));background:var(--ttn-color-sheet-selection);transform:translate(-50%);pointer-events:none}.ttn-sc-line--row{block-size:calc(2 * var(--ttn-focus-width));transform:translateY(-50%)}.ttn-sc-hatch{position:absolute;background:repeating-linear-gradient(135deg,var(--ttn-color-sheet-chip-border) 0 var(--ttn-border-width),transparent var(--ttn-border-width) var(--ttn-space-panel-padding));opacity:.7;pointer-events:none}.ttn-sc-inhand{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-size:var(--ttn-font-size-xs);white-space:nowrap;opacity:.94;pointer-events:none}.ttn-sc-rowctl{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:var(--ttn-border-width);transform:translateY(-50%);pointer-events:auto}.ttn-sc-grip,.ttn-sc-rowmenu-btn,.ttn-sc-rowplus{display:grid;place-items:center;box-sizing:border-box;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);background:var(--ttn-color-sheet-chip);color:var(--ttn-color-sheet-ink)}.ttn-sc-grip svg,.ttn-sc-rowmenu-btn svg,.ttn-sc-rowplus svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-sc-grip{border-color:var(--ttn-color-sheet-selection);color:var(--ttn-color-sheet-selection);touch-action:none;cursor:grab}.ttn-sc-rowplus{position:absolute;z-index:2;border-style:dashed;border-color:var(--ttn-color-sheet-chip-border);background:var(--ttn-color-sheet-chip);transform:translateY(-50%);pointer-events:auto;cursor:pointer}.ttn-sc-rowplus[aria-expanded=true]{border-style:solid;border-color:var(--ttn-color-sheet-selection);background:var(--ttn-color-sheet-selection-fill);color:var(--ttn-color-sheet-selection)}.ttn-sc-menu{position:absolute;z-index:5;display:flex;flex-direction:column;min-inline-size:17rem;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);pointer-events:auto}.ttn-sc-menuitem{display:grid;grid-template-columns:var(--ttn-size-icon) minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-row);padding:var(--ttn-border-width) var(--ttn-space-gap-loose);margin-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);cursor:pointer}.ttn-sc-menuitem:hover,.ttn-sc-menuitem:focus-visible{background:var(--ttn-color-surface-raised)}.ttn-sc-menuitem[data-danger=true]{color:var(--ttn-color-state-danger)}.ttn-sc-menuitem--choice{grid-template-columns:minmax(0,1fr) auto;gap:var(--ttn-border-width) var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default)}.ttn-sc-menuitem--choice .ttn-sc-menuitem-name{font-size:var(--ttn-font-size-md);font-weight:var(--ttn-font-weight-medium)}.ttn-sc-menuitem--choice kbd{grid-row:span 2}.ttn-sc-menuitem-text{display:flex;flex-direction:column}.ttn-sc-menuitem-name{white-space:nowrap}.ttn-sc-menuitem-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-sc-menuitem kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-sc-menusep{block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-sc-bar{position:absolute;z-index:4;display:flex;align-items:center;gap:var(--ttn-border-width);padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);white-space:nowrap;transform:translateY(calc(-100% - var(--ttn-space-gap-tight)));pointer-events:auto}.ttn-sc-bar[data-below=true]{transform:translateY(var(--ttn-space-gap-tight))}.ttn-sc-sep{inline-size:var(--ttn-border-width);block-size:var(--ttn-size-control-height-small);margin-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-sc-action{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid transparent;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-primary);font:inherit;font-size:var(--ttn-font-size-sm);cursor:pointer}.ttn-sc-action[data-labelled=true]{padding-inline:var(--ttn-space-gap-default)}.ttn-sc-action:hover{background:var(--ttn-color-surface-raised)}.ttn-sc-action[data-danger=true]{border-color:var(--ttn-color-state-danger);color:var(--ttn-color-state-danger)}.ttn-sc-touchbar{position:fixed;z-index:40;inset-inline:0;inset-block-end:0;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-strong);pointer-events:auto}.ttn-sc-sheet-head{font-weight:var(--ttn-font-weight-medium)}.ttn-sc-touchgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ttn-space-gap-tight)}.ttn-sc-touchbar[data-phone=true] .ttn-sc-touchgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ttn-sc-touchgrid[data-sheet=true]{grid-template-columns:minmax(0,1fr)}.ttn-sc-touchgrid .ttn-sc-action{flex-direction:column;justify-content:center;min-block-size:44px;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);border-color:var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-xs);text-align:start}.ttn-sc-touchgrid[data-sheet=true] .ttn-sc-action{flex-direction:row;justify-content:flex-start}.ttn-sc-touchgrid .ttn-sc-action[data-danger=true]{border-color:var(--ttn-color-state-danger)}@font-face{font-family:Bravura Text;src:url(/ttn/app/assets/BravuraText-ui-cmfmYsT0.woff2) format("woff2");font-display:block}.ttn-input{position:relative;display:flex;align-self:start;background:var(--ttn-color-surface-panel);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui)}.ttn-rail{flex:none;display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-tight);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);overflow-y:auto}.ttn-rail-fill{flex:1}.ttn-sep{flex:none;inline-size:70%;block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-panel{flex:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-default);box-sizing:content-box;inline-size:calc(2 * var(--ttn-size-control-height) * 1.25 + 3 * var(--ttn-space-gap-tight) + 2 * var(--ttn-space-gap-default));padding:var(--ttn-space-gap-default);overflow-y:auto}.ttn-panel-title{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ttn-space-gap-tight)}.ttn-panel>.ttn-grid{padding-block-start:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ttn-durs{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-input .ttn-durs-set{display:flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height-small);border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs);line-height:var(--ttn-font-line-height-tight);white-space:normal}.ttn-durs-set .ttn-icon{flex:none}.ttn-input .ttn-durs-set:hover{background:var(--ttn-color-surface-overlay)}.ttn-cell{position:relative;display:grid}.ttn-input button{font:inherit;text-align:center;border:0;border-radius:var(--ttn-radius-control);padding:0;overflow:hidden}.ttn-input .ttn-rail-btn{display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);border:var(--ttn-border-width) solid transparent;background:transparent;color:var(--ttn-color-ink-primary)}.ttn-rail-btn:hover{background:var(--ttn-color-surface-raised)}.ttn-input .ttn-rail-btn[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);border-color:var(--ttn-color-accent-solid);font-weight:inherit}.ttn-input .ttn-rail-btn:disabled,.ttn-input .ttn-grid-btn:disabled{background:transparent;color:var(--ttn-color-ink-disabled);cursor:default}.ttn-input .ttn-rail-btn[aria-expanded=true]{background:var(--ttn-color-surface-raised);border-color:var(--ttn-color-border-strong)}.ttn-input .ttn-grid-btn{position:relative;display:grid;place-items:center;block-size:calc(var(--ttn-size-control-height) * 1.25);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary);font-size:calc(var(--ttn-font-size-music-ui) * .92)}.ttn-grid-btn .ttn-glyph{font-size:inherit}.ttn-grid-tall .ttn-grid-btn{block-size:calc(1.875 * var(--ttn-size-control-height));font-size:calc(var(--ttn-font-size-music-ui) * 1.15)}.ttn-grid-btn:hover{background:var(--ttn-color-surface-raised)}.ttn-input .ttn-grid-btn[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);border-color:var(--ttn-color-accent-solid);font-weight:inherit}.ttn-grid-btn[aria-pressed=true]:after{content:"";position:absolute;inset-block-end:var(--ttn-space-gap-tight);inset-inline:30%;block-size:calc(2 * var(--ttn-border-width));background:var(--ttn-color-accent-solid)}.ttn-icon{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ttn-glyph{display:block;font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1}.ttn-num{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs)}.ttn-input .ttn-corner{position:absolute;inset-block-end:var(--ttn-border-width);inset-inline-end:var(--ttn-border-width);inline-size:0;block-size:0;background:transparent;border-radius:0;border-block-start:var(--ttn-space-gap-default) solid transparent;border-inline-end:var(--ttn-space-gap-default) solid var(--ttn-color-ink-secondary)}.ttn-input .ttn-corner[aria-expanded=true]{border-inline-end-color:var(--ttn-color-accent-solid)}.ttn-tip{position:fixed;z-index:40;margin-inline-start:var(--ttn-space-gap-loose);display:flex;align-items:center;gap:var(--ttn-space-gap-loose);padding-block:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);white-space:nowrap;pointer-events:none}.ttn-tip kbd,.ttn-menu kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-tip kbd:empty{display:none}.ttn-variants{position:fixed;z-index:40;margin-inline-start:var(--ttn-space-gap-default);display:flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);white-space:nowrap}.ttn-variants-title{padding-inline:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-input .ttn-variant{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:transparent;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-sm)}.ttn-input .ttn-variant:hover{background:var(--ttn-color-surface-raised)}.ttn-variant kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-variant kbd:empty{display:none}.ttn-menubar{position:relative;z-index:30;display:flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-family:var(--ttn-font-family-ui)}.ttn-menubar-brand{font-weight:var(--ttn-font-weight-bold);font-size:var(--ttn-font-size-md);margin-inline-end:var(--ttn-space-gap-loose)}.ttn-menubar-item{position:relative}.ttn-menubar-fill{flex:1}.ttn-menubar-doc{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:var(--ttn-space-gap-loose);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm)}.ttn-menubar .ttn-menubar-icon{display:grid;flex:none;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-menubar .ttn-menubar-icon:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-menubar-mirror{display:block}[dir=rtl] .ttn-menubar-mirror{transform:scaleX(-1)}.ttn-menubar-sep{flex:none;inline-size:var(--ttn-border-width);block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-space-gap-default));margin-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-menubar-forum-wrap{position:relative;display:inline-flex;flex:none}.ttn-menubar .ttn-menubar-forum{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-inline-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-border-width));block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-border-width));padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-menubar .ttn-menubar-forum:hover{background:var(--ttn-color-surface-raised)}.ttn-menubar .ttn-menubar-forum[data-hint=on]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft)}.ttn-menubar-forum-icon{display:block;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-accent-ink)}.ttn-menubar-forum-icon>svg{display:block;inline-size:100%;block-size:100%}@media(max-width:73.7rem){.ttn-menubar .ttn-menubar-forum{justify-content:center;padding-inline:0}.ttn-menubar-forum-label{display:none}}.ttn-forum-hint{position:absolute;z-index:8;inset-block-start:calc(100% + var(--ttn-space-gap-loose));inset-inline-end:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ttn-space-gap-default);inline-size:16rem;padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);white-space:normal}.ttn-forum-hint-arrow{position:absolute;inset-block-start:calc(var(--ttn-space-gap-loose) / -2 - var(--ttn-border-width));inset-inline-end:var(--ttn-size-icon);inline-size:var(--ttn-space-gap-loose);block-size:var(--ttn-space-gap-loose);background:var(--ttn-color-surface-overlay);border-inline-start:var(--ttn-border-width) solid var(--ttn-color-accent-solid);border-block-start:var(--ttn-border-width) solid var(--ttn-color-accent-solid);transform:rotate(45deg)}.ttn-menubar .ttn-forum-hint-ok{display:inline-flex;align-items:center;min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs)}.ttn-menubar .ttn-menubar-sign-in{display:inline-flex;flex:none;align-items:center;block-size:calc(var(--ttn-size-control-height) - 2 * var(--ttn-border-width));padding-inline:var(--ttn-space-gap-default);margin-inline-start:var(--ttn-space-gap-tight);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-size:var(--ttn-font-size-xs)}.ttn-menubar .ttn-menu-item.ttn-menu-item--note{block-size:auto;min-block-size:calc(var(--ttn-size-row) + 2 * var(--ttn-border-width));padding-block:var(--ttn-border-width)}.ttn-menu-label-lines{display:flex;flex-direction:column}.ttn-menu-ext{color:var(--ttn-color-ink-muted)}.ttn-menu-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-menubar button{font:inherit;border:0;border-radius:var(--ttn-radius-control);text-align:start}.ttn-menubar .ttn-menubar-title{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-md)}.ttn-menubar .ttn-menubar-title:hover,.ttn-menubar .ttn-menubar-title[aria-expanded=true]{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-menu{position:absolute;z-index:5;inset-block-start:100%;inset-inline-start:0;display:flex;flex-direction:column;min-inline-size:12rem;max-inline-size:min(26rem,calc(100vw - 2 * var(--ttn-space-panel-padding)));max-block-size:calc(100vh - 3 * var(--ttn-size-control-height));overflow-y:auto;padding-block:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);white-space:nowrap}.ttn-menu-subwrap{display:flex;flex-direction:column}.ttn-menu.ttn-menu--sub{position:fixed;z-index:40;inset:auto}.ttn-menu-head{display:flex;align-items:flex-end;flex:none;block-size:calc(.75 * var(--ttn-size-control-height));padding-inline:calc(var(--ttn-size-icon) + 2 * var(--ttn-space-gap-default)) var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.ttn-menu-sep{flex:none;block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-default);background:var(--ttn-color-border-subtle)}.ttn-menubar .ttn-menu-item{flex:none;display:grid;grid-template-columns:var(--ttn-size-icon) max-content minmax(var(--ttn-space-panel-padding),1fr) max-content var(--ttn-size-icon);align-items:center;gap:var(--ttn-space-gap-default);block-size:calc(var(--ttn-size-row) + 2 * var(--ttn-border-width));padding-block:0;padding-inline:var(--ttn-space-gap-default);margin-inline:var(--ttn-space-gap-tight);background:transparent;color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-menubar .ttn-menu-item:hover,.ttn-menubar .ttn-menu-item:focus-visible,.ttn-menubar .ttn-menu-item[aria-expanded=true]{background:var(--ttn-color-surface-raised)}.ttn-menubar .ttn-menu-item[aria-disabled=true]{color:var(--ttn-color-ink-disabled);cursor:default}.ttn-menubar .ttn-menu-item[aria-disabled=true]:hover{background:transparent}.ttn-menubar .ttn-menu-item[aria-disabled=true] kbd{color:var(--ttn-color-ink-disabled)}.ttn-menu-mark{display:grid;place-items:center;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-accent-ink)}.ttn-menu-mark>svg{inline-size:100%;block-size:100%}.ttn-menu-dot{inline-size:40%;block-size:40%;border-radius:50%;background:currentColor}.ttn-menu-label{display:inline-flex;min-inline-size:0;overflow:hidden}.ttn-menu-who{max-inline-size:11rem;overflow:hidden;text-overflow:ellipsis;color:var(--ttn-color-ink-secondary)}.ttn-menu kbd{grid-column:4;justify-self:end;font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);font-variant-numeric:tabular-nums;color:var(--ttn-color-ink-secondary)}.ttn-menu-chevron{grid-column:5;display:grid;place-items:center;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-ink-secondary)}.ttn-menu-chevron>svg{inline-size:100%;block-size:100%;transform:rotate(90deg)}[dir=rtl] .ttn-menu-chevron>svg{transform:rotate(-90deg)}.ttn-status{position:relative;display:flex;gap:var(--ttn-space-gap-default);align-items:center;block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-app);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-default);white-space:nowrap;color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs)}.ttn-status-group{display:inline-flex;gap:var(--ttn-space-gap-tight)}.ttn-status .ttn-status-icon{display:grid;place-items:center;inline-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight));block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight));padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary)}.ttn-status .ttn-status-icon:hover{background:var(--ttn-color-surface-raised)}.ttn-status .ttn-status-icon[aria-pressed=true],.ttn-status .ttn-status-icon[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-status-pitch{display:inline-flex;flex:none;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-status .ttn-status-pitch>button{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight));padding-block:0;padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs)}.ttn-status .ttn-status-pitch>button:hover{background:var(--ttn-color-surface-raised)}.ttn-status .ttn-status-pitch>button[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-status-pitch>button>svg{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-status-summary{flex:1 1 0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;color:var(--ttn-color-ink-primary)}.ttn-status-summary>span+span:before{content:" · ";color:var(--ttn-color-ink-muted)}.ttn-status-sep{inline-size:var(--ttn-border-width);block-size:var(--ttn-size-icon);background:var(--ttn-color-border-subtle)}.ttn-status-zoomlist{position:relative;display:inline-flex}.ttn-status .ttn-status-zoombtn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-space-gap-tight));padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs)}.ttn-status-menu{position:absolute;z-index:40;inset-block-end:calc(100% + var(--ttn-space-gap-tight));inset-inline-end:0;display:flex;flex-direction:column;min-inline-size:7rem;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control)}.ttn-status-menu>[role=option]{display:flex;align-items:center;min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);cursor:pointer}.ttn-status-menu>[role=option]:hover{background:var(--ttn-color-surface-raised)}.ttn-status-menu>[aria-selected=true]{background:var(--ttn-color-accent-soft)}.ttn-input-label{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);padding-block:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-primary)}.ttn-workspace{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-loose);min-inline-size:0}.ttn-workspace>.bench-sheet{flex:1}.roll{display:flex;flex-direction:column;border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.roll:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring)}.roll-toolbar{display:flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-tight));padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary)}.roll-btn:hover{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.roll-btn[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.roll-btn kbd{position:absolute;inset-block-start:0;inset-inline-end:var(--ttn-border-width);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);line-height:1;color:var(--ttn-color-ink-muted)}.roll-end{margin-inline-start:auto}.roll-glyph{font-family:var(--ttn-font-family-music-ui);font-size:var(--ttn-font-size-music-ui);line-height:1}.roll-choice{position:relative}.roll-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:10;display:flex;flex-direction:column;min-inline-size:100%;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.roll-menu-item{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);white-space:nowrap}.roll-menu-item[aria-checked=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.roll-info{display:flex;align-items:stretch;min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-loose) - var(--ttn-space-gap-tight));border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-info-what{display:flex;align-items:center;padding-inline:var(--ttn-space-panel-padding);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-weight:var(--ttn-font-weight-medium);white-space:nowrap}.roll-field{display:flex;flex-direction:column;justify-content:center;min-inline-size:6rem;padding-inline:var(--ttn-space-gap-loose);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-field-k{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.roll-field-v{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-md)}.roll-field-v em{font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.roll-body{display:flex;min-block-size:0}.roll-parts{flex:none;display:flex;flex-direction:column;inline-size:13rem;border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-tabs{display:flex;block-size:var(--ttn-size-bar);background:var(--ttn-color-surface-app);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-tabs button{flex:1;border:0;border-block-end:var(--ttn-focus-width) solid var(--ttn-color-accent-solid);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs)}.roll-part{display:flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-part[aria-selected=true]{background:var(--ttn-color-accent-soft)}.roll-part-btn{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ttn-color-ink-muted)}.roll-part-btn[aria-pressed=true]{color:var(--ttn-color-ink-primary)}.roll-part-dot{inline-size:var(--ttn-space-gap-default);block-size:var(--ttn-space-gap-default);border-radius:50%;background:var(--ttn-color-voice-1)}.roll-part-dot[data-voice="2"]{background:var(--ttn-color-voice-2)}.roll-part-dot[data-voice="3"]{background:var(--ttn-color-voice-3)}.roll-part-dot[data-voice="4"]{background:var(--ttn-color-voice-4)}.roll-part-name{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll-keys{flex:none;display:flex;flex-direction:column;inline-size:3.5rem;background:var(--ttn-color-surface-app);border-inline-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-ruler-pad,.roll-ruler{position:relative;block-size:var(--ttn-size-bar);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-track-name,.roll-track{position:relative;display:flex;align-items:center;min-block-size:var(--ttn-size-row);padding-inline:var(--ttn-space-gap-tight);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.roll-keyboard{display:flex;flex-direction:column}.roll-key{display:flex;flex:1;align-items:center;justify-content:flex-end;padding-inline-end:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle);color:var(--ttn-color-ink-secondary);font-family:var(--ttn-font-family-numeric);font-size:calc(var(--ttn-size-pitch-row) * 5 / 6);line-height:1}.roll-key[data-black]{background:var(--ttn-color-surface-sunken)}.roll-lane-head{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);block-size:4rem;padding:var(--ttn-space-gap-tight);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-default);font-size:var(--ttn-font-size-xs)}.roll-chip{align-self:flex-start;padding-inline:var(--ttn-space-gap-tight);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-secondary)}.roll-scroll{position:relative;flex:1;min-inline-size:0;overflow-x:auto}.roll-canvas{display:flex;flex-direction:column;min-inline-size:100%}.roll-ruler{background:var(--ttn-color-surface-app);font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.roll-bar,.roll-mark{position:absolute;inset-block:0;display:flex;align-items:center;padding-inline-start:var(--ttn-space-gap-tight);border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-strong);white-space:nowrap}.roll-mark{color:var(--ttn-color-ink-primary)}.roll-grid{display:block;inline-size:100%;touch-action:none}.roll-grid[data-tool=draw]{cursor:crosshair}.roll-row-black{fill:var(--ttn-color-surface-sunken)}.roll-gridline,.roll-barline{stroke:var(--ttn-color-border-subtle);stroke-width:var(--ttn-border-width);vector-effect:non-scaling-stroke}.roll-barline{stroke:var(--ttn-color-border-strong)}.roll-note{fill:var(--ttn-color-voice-1);stroke:transparent;stroke-width:var(--ttn-focus-width);vector-effect:non-scaling-stroke}.roll-note[data-voice="2"]{fill:var(--ttn-color-voice-2)}.roll-note[data-voice="3"]{fill:var(--ttn-color-voice-3)}.roll-note[data-voice="4"]{fill:var(--ttn-color-voice-4)}.roll-note[aria-selected=true]{stroke:var(--ttn-color-ink-primary)}.roll-note[data-other]{fill:transparent;stroke:var(--ttn-color-ink-muted);stroke-dasharray:var(--ttn-space-gap-tight)}.roll-divider{block-size:var(--ttn-border-width);background:var(--ttn-color-border-default)}.roll-lane{display:block;inline-size:100%;block-size:4rem;background:var(--ttn-color-surface-app)}.roll-vel-plan{fill:transparent;stroke:var(--ttn-color-ink-secondary);stroke-width:var(--ttn-border-width);vector-effect:non-scaling-stroke}.roll-vel-own{fill:var(--ttn-color-ink-secondary)}[data-other]>.roll-vel-plan{stroke:var(--ttn-color-ink-muted)}.roll-empty{margin:0;padding:var(--ttn-space-panel-padding);color:var(--ttn-color-ink-secondary)}.roll-field-input{inline-size:4rem;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken);color:var(--ttn-color-ink-primary);font:inherit}.roll-lane-head-short{block-size:var(--ttn-size-row)}.roll-dyn{position:relative;block-size:var(--ttn-size-row);background:var(--ttn-color-surface-app);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.roll-dyn-mark{position:absolute;inset-block:0;padding-inline:var(--ttn-space-gap-tight);border:0;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-strong);background:transparent;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);font-style:italic;font-weight:var(--ttn-font-weight-bold)}.roll-dyn-mark:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring)}.ttn-vel{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-default);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-vel-label{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-vel-box{display:flex;align-items:stretch;block-size:var(--ttn-size-control-height);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);overflow:hidden}.ttn-vel-box:focus-within{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-vel-input{flex:1;min-inline-size:0;padding-inline:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-numeric);font-variant-numeric:tabular-nums;font-size:var(--ttn-font-size-md);outline:none}.ttn-vel-steps{display:flex;flex-direction:column;border-inline-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-input .ttn-vel-steps button{flex:1;display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);border-radius:0;background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-xs);line-height:1}.ttn-input .ttn-vel-steps button+button{border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-default)}.ttn-vel-hint{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-rail-mode{position:relative;display:grid}.ttn-rail-mode-said{position:absolute;inline-size:var(--ttn-border-width);block-size:var(--ttn-border-width);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ttn-status-result{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;color:var(--ttn-color-ink-primary)}.ttn-status-result>.ttn-start-icon{color:var(--ttn-color-state-success)}.ttn-status-result-undo{display:inline-flex;align-items:center;block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-default);border:0;outline:var(--ttn-border-width) solid var(--ttn-color-border-default);outline-offset:calc(-1 * var(--ttn-space-gap-tight));border-radius:var(--ttn-radius-control);background:transparent;font:inherit;font-size:var(--ttn-font-size-xs);color:inherit}.ttn-status-open-changes{display:inline-flex;flex:none;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-bar);padding-inline:var(--ttn-space-gap-default);border:0;outline:var(--ttn-border-width) solid var(--ttn-color-state-info);outline-offset:calc(-1 * var(--ttn-space-gap-tight));border-radius:var(--ttn-radius-control);background:transparent;color:inherit;font:inherit;font-size:var(--ttn-font-size-xs);cursor:pointer}.ttn-status-open-changes .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);color:var(--ttn-color-state-info)}.ttn-status-notice{display:inline-flex;flex:none;align-items:center;gap:var(--ttn-space-gap-tight);color:var(--ttn-color-ink-secondary)}.ttn-status-reset{flex:none;color:var(--ttn-color-state-success)}.ttn-status-notice .ttn-start-icon{inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-status-author{display:inline-flex;flex:none;align-items:center;gap:var(--ttn-space-gap-default);block-size:calc(var(--ttn-size-bar) - 2 * var(--ttn-border-width));padding-inline:var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary)}.ttn-status-author--on{background:var(--ttn-color-accent-soft)}.ttn-status-author-note{color:var(--ttn-color-ink-muted)}.ttn-status-author-btn{display:inline-flex;align-items:center;min-block-size:calc(var(--ttn-size-bar) - 4 * var(--ttn-border-width));padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-xs)}.ttn-tsug-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ttn-tsug-bar{display:flex;align-items:center;gap:var(--ttn-space-gap-loose);flex:none;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink);border-block-end:var(--ttn-border-width) solid var(--ttn-color-accent-solid);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md)}.ttn-tsug-bar-text{flex:1;min-inline-size:0}.ttn-tsug-done{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);border:0;border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font:inherit;font-weight:var(--ttn-font-weight-medium);cursor:pointer}.ttn-tsug-done kbd,.ttn-tsug-bar kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-tsug-hover{position:fixed;z-index:90;pointer-events:none;outline:var(--ttn-border-width) dashed var(--ttn-color-accent-solid);outline-offset:var(--ttn-border-width);border-radius:var(--ttn-radius-control)}.ttn-tsug-hover-pencil{position:absolute;inset-block-start:50%;inset-inline-end:calc(-1 * (var(--ttn-size-icon) + var(--ttn-space-gap-tight)));transform:translateY(-50%);color:var(--ttn-color-accent-ink);background:var(--ttn-color-surface-overlay);border-radius:var(--ttn-radius-control)}.ttn-tsug-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:94;background:var(--ttn-color-surface-scrim)}.ttn-tsug-pop{position:fixed;z-index:95;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-tsug-sheet{inset-inline:0;inset-block-end:0;border-end-start-radius:0;border-end-end-radius:0;max-block-size:90vh;overflow-y:auto}.ttn-tsug-grab{align-self:center;inline-size:2.5rem;block-size:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);background:var(--ttn-color-border-strong)}.ttn-tsug-form{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);margin:0}.ttn-tsug-head{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-tsug-title{font-weight:var(--ttn-font-weight-bold)}.ttn-tsug-where{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted)}.ttn-tsug-grid{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--ttn-space-gap-tight) var(--ttn-space-gap-loose);padding:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border-radius:var(--ttn-radius-control)}.ttn-tsug-k{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-tsug-en{color:var(--ttn-color-ink-secondary);text-align:start;unicode-bidi:plaintext}.ttn-tsug-field{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-tsug-input,.ttn-tsug-area{padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font:inherit}.ttn-tsug-input{block-size:var(--ttn-size-control-height)}.ttn-tsug-area{min-block-size:calc(2 * var(--ttn-size-row));padding-block:var(--ttn-space-gap-default);line-height:var(--ttn-font-line-height-normal);resize:vertical}.ttn-tsug-input:focus,.ttn-tsug-area:focus{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-tsug-term,.ttn-tsug-err{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-tsug-term,.ttn-tsug-warn{color:var(--ttn-color-state-warning)}.ttn-tsug-err{color:var(--ttn-color-state-danger)}.ttn-tsug-err.ttn-tsug-warn{color:var(--ttn-color-state-warning)}.ttn-tsug-actions{display:flex;justify-content:flex-end;gap:var(--ttn-space-gap-default)}.ttn-tsug-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;cursor:pointer}.ttn-tsug-primary{border:0;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-tsug-btn:disabled{background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-disabled);cursor:default}.ttn-tsug-line{line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary)}.ttn-tsug-ok{color:var(--ttn-color-state-success)}.ttn-uit{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);flex:1;min-block-size:0}.ttn-uit-top,.ttn-uit-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);flex:none}.ttn-uit-title{margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-bold)}.ttn-uit-spacer{flex:1}.ttn-uit-lang,.ttn-uit-where{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);color:var(--ttn-color-ink-secondary);white-space:nowrap}.ttn-uit-muted{color:var(--ttn-color-ink-muted)}.ttn-uit-select{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-primary);font:inherit}.ttn-uit-box,.ttn-uit-guest{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);flex:none;padding:var(--ttn-space-gap-loose) var(--ttn-space-panel-padding);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-uit-guest{padding-block:var(--ttn-space-gap-default);border-color:var(--ttn-color-border-default)}.ttn-uit-note{flex-wrap:nowrap;color:var(--ttn-color-ink-secondary)}.ttn-uit-head{flex:1 1 18rem;line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-uit-btn,.ttn-uit-suggest,.ttn-uit-primary{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);font:inherit;white-space:nowrap;cursor:pointer}.ttn-uit-btn{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-panel);color:var(--ttn-color-ink-primary)}.ttn-uit-btn[aria-pressed=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-uit-btn:disabled{border-color:var(--ttn-color-border-subtle);color:var(--ttn-color-ink-disabled);cursor:default}.ttn-uit-btn kbd,.ttn-uit-search kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-uit-primary{block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:0;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-uit-search{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:1 1 16rem;max-inline-size:22rem;block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-muted)}.ttn-uit-search input{flex:1;min-inline-size:0;border:0;background:transparent;color:var(--ttn-color-ink-primary);font:inherit;outline:none}.ttn-uit-search:focus-within{border-color:var(--ttn-color-border-strong)}.ttn-uit-count{font-family:var(--ttn-font-family-numeric);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-uit-chips{display:flex;gap:var(--ttn-space-gap-default);flex:none}.ttn-uit-chip{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose) var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control);background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-uit-chip button{display:grid;place-items:center;inline-size:var(--ttn-size-control-height-small);block-size:var(--ttn-size-control-height-small);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.ttn-uit-table{display:flex;flex-direction:column;flex:1;min-block-size:0;border:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-uit-scroll{flex:1;min-block-size:0;overflow-y:auto}.ttn-uit-row{display:grid;gap:var(--ttn-space-gap-loose);align-items:center;min-block-size:var(--ttn-size-row);padding-block:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-panel-padding);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-uit-row:hover{background:var(--ttn-color-surface-raised)}.ttn-uit-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr) max-content}.ttn-uit-cols-en{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.ttn-uit-headrow{flex:none;padding-block:0;background:var(--ttn-color-surface-sunken);font-size:var(--ttn-font-size-xs);font-weight:var(--ttn-font-weight-medium);color:var(--ttn-color-ink-secondary)}.ttn-uit-headrow:hover{background:var(--ttn-color-surface-sunken)}.ttn-uit-textcell{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);min-inline-size:0;text-wrap:pretty}.ttn-uit-tags{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-tight)}.ttn-uit-tag{display:inline-flex;align-items:center;padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) dashed var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-uit-tag-pending{border-style:solid;border-color:var(--ttn-color-state-warning);color:var(--ttn-color-state-warning)}.ttn-uit-en{color:var(--ttn-color-ink-secondary);text-align:start;unicode-bidi:plaintext}.ttn-uit-wherecell{font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-muted);text-wrap:pretty}.ttn-uit-act{display:flex;justify-content:flex-end}.ttn-uit-suggest{gap:var(--ttn-space-gap-tight);block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font-size:var(--ttn-font-size-sm)}.ttn-uit-suggest:hover{border-color:var(--ttn-color-border-strong)}.ttn-uit-suggest:focus-visible,.ttn-uit-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-uit-empty{display:flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-default);padding:calc(3 * var(--ttn-space-panel-padding));color:var(--ttn-color-ink-secondary)}@media(max-width:40rem){.ttn-uit-cols,.ttn-uit-cols-en{grid-template-columns:minmax(0,1fr)}.ttn-uit-headrow{display:none}.ttn-uit-act{justify-content:flex-start}}@layer ttn.reset,ttn.tokens,ttn.base,ttn.modules,ttn.user;@layer ttn.tokens{:root{color-scheme:dark;--ttn-color-surface-app: oklch(.155 .012 250);--ttn-color-surface-panel: oklch(.19 .012 250);--ttn-color-surface-raised: oklch(.235 .012 250);--ttn-color-surface-overlay: oklch(.255 .012 250);--ttn-color-surface-sunken: oklch(.13 .012 250);--ttn-color-ink-primary: oklch(.93 .006 250);--ttn-color-ink-secondary: oklch(.79 .0084 250);--ttn-color-ink-muted: oklch(.65 .0096 250);--ttn-color-ink-disabled: oklch(.45 .0096 250);--ttn-color-ink-on-accent: oklch(.17 .02 230);--ttn-color-ink-on-presence: oklch(1 0 0);--ttn-color-border-subtle: oklch(.27 .012 250);--ttn-color-border-default: oklch(.5 .012 250);--ttn-color-border-strong: oklch(.66 .012 250);--ttn-color-focus-ring: oklch(.82 .12 210);--ttn-color-accent-solid: oklch(.72 .12 220);--ttn-color-accent-solid-hover: oklch(.78 .11 220);--ttn-color-accent-soft: oklch(.31 .06 225);--ttn-color-accent-ink: oklch(.8 .1 220);--ttn-color-state-danger: oklch(.7 .17 30);--ttn-color-state-warning: oklch(.83 .14 88);--ttn-color-state-success: oklch(.75 .15 150);--ttn-color-state-info: oklch(.75 .1 235);--ttn-color-surface-scrim: oklch(.1 .01 250 / .7);--ttn-color-sheet-paper: oklch(1 0 0);--ttn-color-sheet-ink: oklch(.14 0 0);--ttn-color-sheet-ink-muted: oklch(.42 .006 250);--ttn-color-sheet-staff-line: oklch(.36 .004 250);--ttn-color-sheet-selection: oklch(.635 .116 222);--ttn-color-sheet-caret: oklch(.478 .194 353.1);--ttn-color-sheet-ghost-input: oklch(.655 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.65 .138 72);--ttn-color-sheet-playhead: oklch(.63 .118 175);--ttn-color-sheet-hover: oklch(.635 .11 222);--ttn-color-sheet-issue: oklch(.665 .2 25);--ttn-color-sheet-focus: oklch(.64 .146 240);--ttn-color-sheet-modified: oklch(.655 .16 55);--ttn-color-sheet-selection-fill: oklch(.95 .032 222);--ttn-color-sheet-caret-fill: oklch(.95 .027 353.1);--ttn-color-sheet-hover-fill: oklch(.95 .033 222);--ttn-color-sheet-playhead-fill: oklch(.95 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.95 .038 72);--ttn-color-sheet-issue-fill: oklch(.95 .024 25);--ttn-color-sheet-chip: oklch(.985 .004 250);--ttn-color-sheet-chip-border: oklch(.66 .012 250);--ttn-color-sheet-ladder-major: oklch(.52 .13 150);--ttn-color-sheet-ladder-minor: oklch(.52 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.56 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.52 .15 350);--ttn-color-sheet-ladder-other: oklch(.52 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.478 .194 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.95 .027 353.1);--ttn-color-voice-1: oklch(.65 .186 265);--ttn-color-voice-2: oklch(.625 .17 150);--ttn-color-voice-3: oklch(.66 .17 48);--ttn-color-voice-4: oklch(.67 .22 340);--ttn-color-presence-1: oklch(.52 .16 22);--ttn-color-presence-2: oklch(.5 .13 88);--ttn-color-presence-3: oklch(.5 .13 118);--ttn-color-presence-4: oklch(.52 .16 175);--ttn-color-presence-5: oklch(.52 .16 200);--ttn-color-presence-6: oklch(.52 .16 225);--ttn-color-presence-7: oklch(.52 .16 300);--ttn-color-presence-8: oklch(.52 .16 322);--ttn-color-track-1: oklch(.68 .13 255);--ttn-color-track-2: oklch(.68 .13 200);--ttn-color-track-3: oklch(.68 .13 150);--ttn-color-track-4: oklch(.68 .13 95);--ttn-color-track-5: oklch(.68 .13 60);--ttn-color-track-6: oklch(.68 .13 25);--ttn-color-track-7: oklch(.68 .13 340);--ttn-color-track-8: oklch(.68 .13 295);--ttn-color-presence-ui-1: oklch(.74 .13 22);--ttn-color-presence-ui-2: oklch(.78 .13 88);--ttn-color-presence-ui-3: oklch(.78 .13 118);--ttn-color-presence-ui-4: oklch(.74 .13 175);--ttn-color-presence-ui-5: oklch(.74 .13 200);--ttn-color-presence-ui-6: oklch(.74 .13 225);--ttn-color-presence-ui-7: oklch(.74 .13 300);--ttn-color-presence-ui-8: oklch(.74 .13 322);--ttn-color-lint-error: oklch(.7 .18 25);--ttn-color-lint-warning: oklch(.8 .15 80);--ttn-color-lint-info: oklch(.76 .1 240);--ttn-color-meter-safe: oklch(.74 .17 148);--ttn-color-meter-hot: oklch(.84 .16 90);--ttn-color-meter-clip: oklch(.65 .22 27);--ttn-color-record-armed: oklch(.66 .21 8);--ttn-color-instrument-played: oklch(.76 .17 55);--ttn-color-ai-proposal: oklch(.72 .15 300);--ttn-color-ai-accepted: oklch(.76 .14 155);--ttn-color-chord-major: oklch(.75 .15 150);--ttn-color-chord-minor: oklch(.75 .11 245);--ttn-color-chord-diminished: oklch(.83 .14 88);--ttn-color-chord-augmented: oklch(.75 .14 350);--ttn-color-chord-other: oklch(.66 .01 250);--ttn-color-chord-on-major: oklch(.17 .02 150);--ttn-color-chord-on-minor: oklch(.17 .02 245);--ttn-color-chord-on-diminished: oklch(.17 .02 88);--ttn-color-chord-on-augmented: oklch(.17 .02 350);--ttn-color-chord-on-other: oklch(.17 .02 250);--ttn-color-family-diatonic: oklch(.75 .15 150);--ttn-color-family-harmonic-minor: oklch(.75 .11 245);--ttn-color-family-melodic-minor: oklch(.75 .14 350);--ttn-color-family-pentatonic: oklch(.83 .14 88);--ttn-color-family-other: oklch(.66 .01 250);--ttn-color-family-on-diatonic: oklch(.17 .02 150);--ttn-color-family-on-harmonic-minor: oklch(.17 .02 245);--ttn-color-family-on-melodic-minor: oklch(.17 .02 350);--ttn-color-family-on-pentatonic: oklch(.17 .02 88);--ttn-color-family-on-other: oklch(.17 .02 250);--ttn-color-circle-caret: oklch(.72 .12 220);--ttn-color-circle-on-caret: oklch(.17 .02 230);--ttn-color-circle-playing: oklch(.93 .006 250);--ttn-color-circle-on-playing: oklch(.19 .012 250);--ttn-color-circle-midi: oklch(.93 .006 250);--ttn-color-circle-chord-root: oklch(.72 .12 220);--ttn-color-circle-on-chord-root: oklch(.17 .02 230);--ttn-color-circle-chord: oklch(.31 .06 225);--ttn-color-circle-tonic: oklch(.83 .14 88);--ttn-color-circle-on-tonic: oklch(.17 .02 88);--ttn-color-circle-scale: oklch(.5 .012 250);--ttn-color-circle-line-shadow: oklch(.08 .012 250 / .85);--ttn-color-circle-line-glow: oklch(.72 .12 220 / .35);--ttn-color-circle-playing-glow: oklch(.93 .006 250 / .45);--ttn-color-circle-figure-line: oklch(.74 .02 250);--ttn-color-circle-figure-fill: oklch(.74 .02 250 / .14);--ttn-color-circle-sector-fill: oklch(.5 .012 250 / .32);--ttn-color-circle-sector-fill-inner: oklch(.5 .012 250 / .08);--ttn-color-circle-sector-fill-outer: oklch(.5 .012 250 / .6);--ttn-color-circle-on-chord: oklch(.93 .006 250);--ttn-color-circle-interval1: oklch(.7 .13 350);--ttn-color-circle-interval2: oklch(.7 .13 60);--ttn-color-circle-interval3: oklch(.7 .13 255);--ttn-color-circle-interval4: oklch(.7 .13 150);--ttn-color-circle-interval5: oklch(.7 .13 200);--ttn-color-circle-interval6: oklch(.7 .13 295);--ttn-color-circle-characteristic: oklch(.78 .14 50);--ttn-color-circle-function-tonic: oklch(.62 .12 150 / .55);--ttn-color-circle-function-subdominant: oklch(.7 .12 88 / .55);--ttn-color-circle-function-dominant: oklch(.6 .15 30 / .55);--ttn-color-circle-fifths-flat: oklch(.8 .12 80);--ttn-color-circle-fifths-sharp: oklch(.7 .16 30);--ttn-color-circle-motion: oklch(.78 .13 320);--ttn-color-circle-neighbor: oklch(.8 .1 220);--ttn-color-circle-tension: oklch(.7 .17 30);--ttn-color-circle-tension-track: oklch(.3 .012 250);--ttn-color-circle-distance1: oklch(.5 .012 250 / .1);--ttn-color-circle-distance2: oklch(.5 .012 250 / .16);--ttn-color-circle-distance3: oklch(.5 .012 250 / .22);--ttn-color-circle-distance4: oklch(.5 .012 250 / .28);--ttn-color-circle-distance5: oklch(.5 .012 250 / .34);--ttn-color-circle-distance6: oklch(.5 .012 250 / .4);--ttn-color-circle-hover: oklch(.72 .12 220 / .18);--ttn-color-circle-selected: oklch(.72 .12 220 / .32);--ttn-opacity-circle-ring-inactive: .36;--ttn-space-gap-tight: 2px;--ttn-space-gap-default: 4px;--ttn-space-gap-loose: 8px;--ttn-space-panel-padding: 8px;--ttn-size-control-height: 26px;--ttn-size-control-height-small: 20px;--ttn-size-rail: 20px;--ttn-size-row: 22px;--ttn-size-pitch-row: 12px;--ttn-size-bar: 22px;--ttn-size-family-map-edge-min: 1px;--ttn-size-family-map-edge-max: 3px;--ttn-size-icon: 16px;--ttn-size-circle-line: .9px;--ttn-size-circle-line-bold: 1.6px;--ttn-size-circle-line-thin: .5px;--ttn-stroke-circle-dash-minor: 2.4px 1.3px;--ttn-stroke-circle-dash-diminished: .1px 1.5px;--ttn-stroke-circle-dash-web: .6px .8px;--ttn-stroke-circle-dash-augmented: 5px 1.2px .8px 1.2px;--ttn-stroke-circle-dash-midi: 1.7px .9px;--ttn-size-circle-text-min: 9px;--ttn-size-circle-note-text-min: 11px;--ttn-radius-control: 2px;--ttn-radius-panel: 0px;--ttn-radius-pill: 999px;--ttn-border-width: 1px;--ttn-focus-width: 2px;--ttn-font-family-ui: "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans JP", "IBM Plex Sans KR", system-ui, sans-serif;--ttn-font-family-body: "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans JP", "IBM Plex Sans KR", system-ui, sans-serif;--ttn-font-family-heading: "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans JP", "IBM Plex Sans KR", system-ui, sans-serif;--ttn-font-family-numeric: "IBM Plex Mono", "IBM Plex Sans Arabic", "IBM Plex Sans JP", "IBM Plex Sans KR", ui-monospace, monospace;--ttn-font-family-mono: "IBM Plex Mono", "IBM Plex Sans JP", "IBM Plex Sans KR", ui-monospace, monospace;--ttn-font-family-music-ui: "Bravura Text", "Leland Text", serif;--ttn-font-size-xs: 11px;--ttn-font-size-sm: 12px;--ttn-font-size-md: 13px;--ttn-font-size-lg: 13px;--ttn-font-size-xl: 16px;--ttn-font-size-music-ui: 21px;--ttn-font-weight-regular: 400;--ttn-font-weight-medium: 500;--ttn-font-weight-bold: 600;--ttn-font-line-height-tight: 1.2;--ttn-font-line-height-normal: 1.5;--ttn-motion-fast: 90ms;--ttn-motion-normal: .16s;--ttn-motion-sheet-caret: 90ms;--ttn-motion-sheet-select: .12s;--ttn-motion-sheet-drop: .14s;--ttn-motion-sheet-breathe: 1.6s}:root[data-ttn-contrast=high]{--ttn-color-surface-app: oklch(.1 .012 250);--ttn-color-surface-panel: oklch(.13 .012 250);--ttn-color-surface-raised: oklch(.18 .012 250);--ttn-color-surface-overlay: oklch(.2 .012 250);--ttn-color-surface-sunken: oklch(.08 .012 250);--ttn-color-ink-primary: oklch(1 .006 250);--ttn-color-ink-secondary: oklch(.93 .0084 250);--ttn-color-ink-muted: oklch(.85 .0096 250);--ttn-color-ink-disabled: oklch(.56 .0096 250);--ttn-color-ink-on-accent: oklch(.12 .02 230);--ttn-color-border-subtle: oklch(.6 .012 250);--ttn-color-border-default: oklch(.8 .012 250);--ttn-color-border-strong: oklch(.96 .012 250);--ttn-color-focus-ring: oklch(.9 .12 205);--ttn-color-accent-solid: oklch(.8 .12 215);--ttn-color-accent-solid-hover: oklch(.86 .1 215);--ttn-color-accent-soft: oklch(.36 .08 225);--ttn-color-accent-ink: oklch(.88 .08 215);--ttn-color-state-danger: oklch(.76 .17 30);--ttn-color-state-warning: oklch(.89 .14 88);--ttn-color-state-success: oklch(.81 .15 150);--ttn-color-state-info: oklch(.81 .1 235);--ttn-color-surface-scrim: oklch(.08 .01 250 / .8);--ttn-color-track-1: oklch(.76 .12 255);--ttn-color-track-2: oklch(.76 .12 200);--ttn-color-track-3: oklch(.76 .12 150);--ttn-color-track-4: oklch(.76 .12 95);--ttn-color-track-5: oklch(.76 .12 60);--ttn-color-track-6: oklch(.76 .12 25);--ttn-color-track-7: oklch(.76 .12 340);--ttn-color-track-8: oklch(.76 .12 295);--ttn-color-presence-ui-1: oklch(.8 .12 22);--ttn-color-presence-ui-2: oklch(.84 .12 88);--ttn-color-presence-ui-3: oklch(.84 .12 118);--ttn-color-presence-ui-4: oklch(.8 .12 175);--ttn-color-presence-ui-5: oklch(.8 .12 200);--ttn-color-presence-ui-6: oklch(.8 .12 225);--ttn-color-presence-ui-7: oklch(.8 .12 300);--ttn-color-presence-ui-8: oklch(.8 .12 322);--ttn-color-lint-error: oklch(.76 .18 25);--ttn-color-lint-warning: oklch(.86 .15 80);--ttn-color-lint-info: oklch(.82 .1 240);--ttn-color-meter-safe: oklch(.74 .17 148);--ttn-color-meter-hot: oklch(.84 .16 90);--ttn-color-meter-clip: oklch(.65 .22 27);--ttn-color-record-armed: oklch(.72 .21 8);--ttn-color-instrument-played: oklch(.84 .15 58);--ttn-color-ai-proposal: oklch(.78 .15 300);--ttn-color-ai-accepted: oklch(.82 .14 155);--ttn-color-chord-major: oklch(.82 .15 150);--ttn-color-chord-minor: oklch(.82 .1 245);--ttn-color-chord-diminished: oklch(.89 .14 88);--ttn-color-chord-augmented: oklch(.82 .12 350);--ttn-color-chord-other: oklch(.78 .01 250);--ttn-color-chord-on-major: oklch(.1 .02 150);--ttn-color-chord-on-minor: oklch(.1 .02 245);--ttn-color-chord-on-diminished: oklch(.1 .02 88);--ttn-color-chord-on-augmented: oklch(.1 .02 350);--ttn-color-chord-on-other: oklch(.1 .02 250);--ttn-color-family-diatonic: oklch(.82 .15 150);--ttn-color-family-harmonic-minor: oklch(.82 .1 245);--ttn-color-family-melodic-minor: oklch(.82 .12 350);--ttn-color-family-pentatonic: oklch(.89 .14 88);--ttn-color-family-other: oklch(.78 .01 250);--ttn-color-family-on-diatonic: oklch(.1 .02 150);--ttn-color-family-on-harmonic-minor: oklch(.1 .02 245);--ttn-color-family-on-melodic-minor: oklch(.1 .02 350);--ttn-color-family-on-pentatonic: oklch(.1 .02 88);--ttn-color-family-on-other: oklch(.1 .02 250);--ttn-color-circle-caret: oklch(.8 .12 215);--ttn-color-circle-on-caret: oklch(.12 .02 230);--ttn-color-circle-playing: oklch(1 .006 250);--ttn-color-circle-on-playing: oklch(.13 .012 250);--ttn-color-circle-midi: oklch(1 .006 250);--ttn-color-circle-chord-root: oklch(.8 .12 215);--ttn-color-circle-on-chord-root: oklch(.12 .02 230);--ttn-color-circle-chord: oklch(.36 .08 225);--ttn-color-circle-tonic: oklch(.89 .14 88);--ttn-color-circle-on-tonic: oklch(.1 .02 88);--ttn-color-circle-scale: oklch(.8 .012 250);--ttn-color-circle-line-shadow: oklch(0 0 0);--ttn-color-circle-line-glow: oklch(.8 .12 215 / .45);--ttn-color-circle-playing-glow: oklch(1 .006 250 / .55);--ttn-color-circle-figure-line: oklch(.95 .01 250);--ttn-color-circle-figure-fill: oklch(.95 .01 250 / .2);--ttn-color-circle-sector-fill: oklch(.8 .012 250 / .4);--ttn-color-circle-sector-fill-inner: oklch(.8 .012 250 / .1);--ttn-color-circle-sector-fill-outer: oklch(.8 .012 250 / .7);--ttn-color-circle-on-chord: oklch(1 .006 250);--ttn-color-circle-interval1: oklch(.8 .12 350);--ttn-color-circle-interval2: oklch(.8 .12 60);--ttn-color-circle-interval3: oklch(.8 .12 255);--ttn-color-circle-interval4: oklch(.8 .12 150);--ttn-color-circle-interval5: oklch(.8 .12 200);--ttn-color-circle-interval6: oklch(.8 .12 295);--ttn-color-circle-characteristic: oklch(.86 .13 50);--ttn-color-circle-function-tonic: oklch(.7 .12 150 / .75);--ttn-color-circle-function-subdominant: oklch(.78 .12 88 / .75);--ttn-color-circle-function-dominant: oklch(.68 .15 30 / .75);--ttn-color-circle-fifths-flat: oklch(.88 .12 80);--ttn-color-circle-fifths-sharp: oklch(.78 .16 30);--ttn-color-circle-motion: oklch(.86 .12 320);--ttn-color-circle-neighbor: oklch(.88 .08 215);--ttn-color-circle-tension: oklch(.76 .17 30);--ttn-color-circle-tension-track: oklch(.6 .012 250);--ttn-color-circle-distance1: oklch(.8 .012 250 / .2);--ttn-color-circle-distance2: oklch(.8 .012 250 / .26);--ttn-color-circle-distance3: oklch(.8 .012 250 / .32);--ttn-color-circle-distance4: oklch(.8 .012 250 / .38);--ttn-color-circle-distance5: oklch(.8 .012 250 / .44);--ttn-color-circle-distance6: oklch(.8 .012 250 / .5);--ttn-color-circle-hover: oklch(.8 .12 215 / .3);--ttn-color-circle-selected: oklch(.8 .12 215 / .45);--ttn-opacity-circle-ring-inactive: .55;--ttn-size-circle-line: .9px;--ttn-size-circle-line-bold: 1.6px;--ttn-size-circle-line-thin: .5px;--ttn-border-width: 2px;--ttn-focus-width: 3px;--ttn-color-ink-on-presence: oklch(1 0 0);--ttn-color-sheet-paper: oklch(1 0 0);--ttn-color-sheet-ink: oklch(.14 0 0);--ttn-color-sheet-ink-muted: oklch(.42 .006 250);--ttn-color-sheet-staff-line: oklch(.36 .004 250);--ttn-color-sheet-selection: oklch(.555 .102 222);--ttn-color-sheet-caret: oklch(.438 .18 353.1);--ttn-color-sheet-ghost-input: oklch(.57 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.565 .12 72);--ttn-color-sheet-playhead: oklch(.545 .102 175);--ttn-color-sheet-hover: oklch(.555 .102 222);--ttn-color-sheet-issue: oklch(.585 .2 25);--ttn-color-sheet-focus: oklch(.555 .126 240);--ttn-color-sheet-modified: oklch(.57 .14 55);--ttn-color-sheet-selection-fill: oklch(.91 .06 222);--ttn-color-sheet-caret-fill: oklch(.91 .052 353.1);--ttn-color-sheet-hover-fill: oklch(.91 .035 222);--ttn-color-sheet-playhead-fill: oklch(.91 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.91 .07 72);--ttn-color-sheet-issue-fill: oklch(.91 .046 25);--ttn-color-sheet-chip: oklch(.985 .004 250);--ttn-color-sheet-chip-border: oklch(.56 .012 250);--ttn-color-sheet-ladder-major: oklch(.52 .13 150);--ttn-color-sheet-ladder-minor: oklch(.52 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.56 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.52 .15 350);--ttn-color-sheet-ladder-other: oklch(.52 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.438 .18 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.91 .052 353.1);--ttn-color-voice-1: oklch(.57 .2 265);--ttn-color-voice-2: oklch(.545 .15 150);--ttn-color-voice-3: oklch(.575 .156 48);--ttn-color-voice-4: oklch(.59 .22 340);--ttn-color-presence-1: oklch(.52 .16 22);--ttn-color-presence-2: oklch(.5 .13 88);--ttn-color-presence-3: oklch(.5 .13 118);--ttn-color-presence-4: oklch(.52 .16 175);--ttn-color-presence-5: oklch(.52 .16 200);--ttn-color-presence-6: oklch(.52 .16 225);--ttn-color-presence-7: oklch(.52 .16 300);--ttn-color-presence-8: oklch(.52 .16 322)}:root[data-ttn-theme=light]{color-scheme:light;--ttn-color-surface-app: oklch(.86 .012 250);--ttn-color-surface-panel: oklch(.91 .012 250);--ttn-color-surface-raised: oklch(.95 .012 250);--ttn-color-surface-overlay: oklch(.97 .012 250);--ttn-color-surface-sunken: oklch(.83 .012 250);--ttn-color-ink-primary: oklch(.2 .006 250);--ttn-color-ink-secondary: oklch(.33 .0084 250);--ttn-color-ink-muted: oklch(.44 .0096 250);--ttn-color-ink-disabled: oklch(.64 .0096 250);--ttn-color-ink-on-accent: oklch(.99 .004 240);--ttn-color-border-subtle: oklch(.79 .012 250);--ttn-color-border-default: oklch(.58 .012 250);--ttn-color-border-strong: oklch(.36 .012 250);--ttn-color-focus-ring: oklch(.45 .16 245);--ttn-color-accent-solid: oklch(.5 .14 240);--ttn-color-accent-solid-hover: oklch(.44 .14 240);--ttn-color-accent-soft: oklch(.85 .05 235);--ttn-color-accent-ink: oklch(.42 .13 240);--ttn-color-state-danger: oklch(.5 .18 28);--ttn-color-state-warning: oklch(.52 .12 70);--ttn-color-state-success: oklch(.5 .13 150);--ttn-color-state-info: oklch(.5 .13 240);--ttn-color-surface-scrim: oklch(.25 .01 250 / .4);--ttn-color-track-1: oklch(.56 .14 255);--ttn-color-track-2: oklch(.56 .14 200);--ttn-color-track-3: oklch(.56 .14 150);--ttn-color-track-4: oklch(.56 .14 95);--ttn-color-track-5: oklch(.56 .14 60);--ttn-color-track-6: oklch(.56 .14 25);--ttn-color-track-7: oklch(.56 .14 340);--ttn-color-track-8: oklch(.56 .14 295);--ttn-color-presence-ui-1: oklch(.5 .15 22);--ttn-color-presence-ui-2: oklch(.48 .15 88);--ttn-color-presence-ui-3: oklch(.48 .15 118);--ttn-color-presence-ui-4: oklch(.5 .15 175);--ttn-color-presence-ui-5: oklch(.5 .15 200);--ttn-color-presence-ui-6: oklch(.5 .15 225);--ttn-color-presence-ui-7: oklch(.5 .15 300);--ttn-color-presence-ui-8: oklch(.5 .15 322);--ttn-color-lint-error: oklch(.52 .19 25);--ttn-color-lint-warning: oklch(.56 .13 70);--ttn-color-lint-info: oklch(.52 .13 240);--ttn-color-meter-safe: oklch(.58 .16 148);--ttn-color-meter-hot: oklch(.7 .15 85);--ttn-color-meter-clip: oklch(.55 .22 27);--ttn-color-record-armed: oklch(.55 .21 8);--ttn-color-instrument-played: oklch(.6 .19 50);--ttn-color-ai-proposal: oklch(.5 .18 300);--ttn-color-ai-accepted: oklch(.52 .14 155);--ttn-color-chord-major: oklch(.5 .13 150);--ttn-color-chord-minor: oklch(.5 .13 245);--ttn-color-chord-diminished: oklch(.55 .12 75);--ttn-color-chord-augmented: oklch(.5 .15 350);--ttn-color-chord-other: oklch(.5 .01 250);--ttn-color-chord-on-major: oklch(.99 .004 150);--ttn-color-chord-on-minor: oklch(.99 .004 245);--ttn-color-chord-on-diminished: oklch(.99 .004 88);--ttn-color-chord-on-augmented: oklch(.99 .004 350);--ttn-color-chord-on-other: oklch(.99 .004 250);--ttn-color-family-diatonic: oklch(.5 .13 150);--ttn-color-family-harmonic-minor: oklch(.5 .13 245);--ttn-color-family-melodic-minor: oklch(.5 .15 350);--ttn-color-family-pentatonic: oklch(.55 .12 75);--ttn-color-family-other: oklch(.5 .01 250);--ttn-color-family-on-diatonic: oklch(.99 .004 150);--ttn-color-family-on-harmonic-minor: oklch(.99 .004 245);--ttn-color-family-on-melodic-minor: oklch(.99 .004 350);--ttn-color-family-on-pentatonic: oklch(.99 .004 88);--ttn-color-family-on-other: oklch(.99 .004 250);--ttn-color-circle-caret: oklch(.5 .14 240);--ttn-color-circle-on-caret: oklch(.99 .004 240);--ttn-color-circle-playing: oklch(.2 .006 250);--ttn-color-circle-on-playing: oklch(.91 .012 250);--ttn-color-circle-midi: oklch(.2 .006 250);--ttn-color-circle-chord-root: oklch(.5 .14 240);--ttn-color-circle-on-chord-root: oklch(.99 .004 240);--ttn-color-circle-chord: oklch(.85 .05 235);--ttn-color-circle-tonic: oklch(.55 .12 75);--ttn-color-circle-on-tonic: oklch(.99 .004 88);--ttn-color-circle-scale: oklch(.58 .012 250);--ttn-color-circle-line-shadow: oklch(.55 .012 250 / .3);--ttn-color-circle-line-glow: oklch(.5 .14 240 / .16);--ttn-color-circle-playing-glow: oklch(.2 .006 250 / .22);--ttn-color-circle-figure-line: oklch(.42 .02 250);--ttn-color-circle-figure-fill: oklch(.42 .02 250 / .1);--ttn-color-circle-sector-fill: oklch(.58 .012 250 / .22);--ttn-color-circle-sector-fill-inner: oklch(.58 .012 250 / .05);--ttn-color-circle-sector-fill-outer: oklch(.58 .012 250 / .45);--ttn-color-circle-on-chord: oklch(.2 .006 250);--ttn-color-circle-interval1: oklch(.52 .14 350);--ttn-color-circle-interval2: oklch(.52 .14 60);--ttn-color-circle-interval3: oklch(.52 .14 255);--ttn-color-circle-interval4: oklch(.52 .14 150);--ttn-color-circle-interval5: oklch(.52 .14 200);--ttn-color-circle-interval6: oklch(.52 .14 295);--ttn-color-circle-characteristic: oklch(.52 .15 50);--ttn-color-circle-function-tonic: oklch(.6 .12 150 / .4);--ttn-color-circle-function-subdominant: oklch(.7 .12 80 / .45);--ttn-color-circle-function-dominant: oklch(.6 .15 28 / .35);--ttn-color-circle-fifths-flat: oklch(.55 .12 70);--ttn-color-circle-fifths-sharp: oklch(.5 .17 28);--ttn-color-circle-motion: oklch(.5 .15 320);--ttn-color-circle-neighbor: oklch(.42 .13 240);--ttn-color-circle-tension: oklch(.5 .18 28);--ttn-color-circle-tension-track: oklch(.82 .012 250);--ttn-color-circle-distance1: oklch(.58 .012 250 / .06);--ttn-color-circle-distance2: oklch(.58 .012 250 / .12);--ttn-color-circle-distance3: oklch(.58 .012 250 / .18);--ttn-color-circle-distance4: oklch(.58 .012 250 / .24);--ttn-color-circle-distance5: oklch(.58 .012 250 / .3);--ttn-color-circle-distance6: oklch(.58 .012 250 / .36);--ttn-color-circle-hover: oklch(.5 .14 240 / .12);--ttn-color-circle-selected: oklch(.5 .14 240 / .22);--ttn-opacity-circle-ring-inactive: .4;--ttn-size-circle-line: .9px;--ttn-size-circle-line-bold: 1.6px;--ttn-size-circle-line-thin: .5px;--ttn-border-width: 1px;--ttn-focus-width: 2px}:root[data-ttn-theme=light][data-ttn-contrast=high]{color-scheme:light;--ttn-color-surface-app: oklch(.93 .012 250);--ttn-color-surface-panel: oklch(.99 .012 250);--ttn-color-surface-raised: oklch(1 .012 250);--ttn-color-surface-overlay: oklch(1 .012 250);--ttn-color-surface-sunken: oklch(.9 .012 250);--ttn-color-ink-primary: oklch(.08 .006 250);--ttn-color-ink-secondary: oklch(.16 .0084 250);--ttn-color-ink-muted: oklch(.27 .0096 250);--ttn-color-ink-disabled: oklch(.52 .0096 250);--ttn-color-ink-on-accent: oklch(1 0 0);--ttn-color-border-subtle: oklch(.45 .012 250);--ttn-color-border-default: oklch(.25 .012 250);--ttn-color-border-strong: oklch(.05 .012 250);--ttn-color-focus-ring: oklch(.34 .17 250);--ttn-color-accent-solid: oklch(.4 .15 245);--ttn-color-accent-solid-hover: oklch(.34 .14 245);--ttn-color-accent-soft: oklch(.88 .06 235);--ttn-color-accent-ink: oklch(.32 .13 245);--ttn-color-state-danger: oklch(.42 .18 28);--ttn-color-state-warning: oklch(.44 .12 70);--ttn-color-state-success: oklch(.42 .13 150);--ttn-color-state-info: oklch(.42 .13 240);--ttn-color-surface-scrim: oklch(.2 .01 250 / .55);--ttn-color-track-1: oklch(.46 .15 255);--ttn-color-track-2: oklch(.46 .15 200);--ttn-color-track-3: oklch(.46 .15 150);--ttn-color-track-4: oklch(.46 .15 95);--ttn-color-track-5: oklch(.46 .15 60);--ttn-color-track-6: oklch(.46 .15 25);--ttn-color-track-7: oklch(.46 .15 340);--ttn-color-track-8: oklch(.46 .15 295);--ttn-color-presence-ui-1: oklch(.42 .15 22);--ttn-color-presence-ui-2: oklch(.4 .15 88);--ttn-color-presence-ui-3: oklch(.4 .15 118);--ttn-color-presence-ui-4: oklch(.42 .15 175);--ttn-color-presence-ui-5: oklch(.42 .15 200);--ttn-color-presence-ui-6: oklch(.42 .15 225);--ttn-color-presence-ui-7: oklch(.42 .15 300);--ttn-color-presence-ui-8: oklch(.42 .15 322);--ttn-color-lint-error: oklch(.44 .19 25);--ttn-color-lint-warning: oklch(.48 .13 70);--ttn-color-lint-info: oklch(.44 .13 240);--ttn-color-meter-safe: oklch(.58 .16 148);--ttn-color-meter-hot: oklch(.7 .15 85);--ttn-color-meter-clip: oklch(.55 .22 27);--ttn-color-record-armed: oklch(.47 .21 8);--ttn-color-instrument-played: oklch(.5 .18 48);--ttn-color-ai-proposal: oklch(.42 .18 300);--ttn-color-ai-accepted: oklch(.44 .14 155);--ttn-color-chord-major: oklch(.4 .13 150);--ttn-color-chord-minor: oklch(.4 .13 245);--ttn-color-chord-diminished: oklch(.42 .11 70);--ttn-color-chord-augmented: oklch(.4 .15 350);--ttn-color-chord-other: oklch(.4 .01 250);--ttn-color-chord-on-major: oklch(1 0 0);--ttn-color-chord-on-minor: oklch(1 0 0);--ttn-color-chord-on-diminished: oklch(1 0 0);--ttn-color-chord-on-augmented: oklch(1 0 0);--ttn-color-chord-on-other: oklch(1 0 0);--ttn-color-family-diatonic: oklch(.4 .13 150);--ttn-color-family-harmonic-minor: oklch(.4 .13 245);--ttn-color-family-melodic-minor: oklch(.4 .15 350);--ttn-color-family-pentatonic: oklch(.42 .11 70);--ttn-color-family-other: oklch(.4 .01 250);--ttn-color-family-on-diatonic: oklch(1 0 0);--ttn-color-family-on-harmonic-minor: oklch(1 0 0);--ttn-color-family-on-melodic-minor: oklch(1 0 0);--ttn-color-family-on-pentatonic: oklch(1 0 0);--ttn-color-family-on-other: oklch(1 0 0);--ttn-color-circle-caret: oklch(.4 .15 245);--ttn-color-circle-on-caret: oklch(1 0 0);--ttn-color-circle-playing: oklch(.08 .006 250);--ttn-color-circle-on-playing: oklch(.99 .012 250);--ttn-color-circle-midi: oklch(.08 .006 250);--ttn-color-circle-chord-root: oklch(.4 .15 245);--ttn-color-circle-on-chord-root: oklch(1 0 0);--ttn-color-circle-chord: oklch(.88 .06 235);--ttn-color-circle-tonic: oklch(.42 .11 70);--ttn-color-circle-on-tonic: oklch(1 0 0);--ttn-color-circle-scale: oklch(.25 .012 250);--ttn-color-circle-line-shadow: oklch(.08 .006 250 / .55);--ttn-color-circle-line-glow: oklch(.4 .15 245 / 0);--ttn-color-circle-playing-glow: oklch(.08 .006 250 / .3);--ttn-color-circle-figure-line: oklch(.14 .01 250);--ttn-color-circle-figure-fill: oklch(.14 .01 250 / .14);--ttn-color-circle-sector-fill: oklch(.25 .012 250 / .3);--ttn-color-circle-sector-fill-inner: oklch(.25 .012 250 / .06);--ttn-color-circle-sector-fill-outer: oklch(.25 .012 250 / .55);--ttn-color-circle-on-chord: oklch(.08 .006 250);--ttn-color-circle-interval1: oklch(.42 .15 350);--ttn-color-circle-interval2: oklch(.42 .15 60);--ttn-color-circle-interval3: oklch(.42 .15 255);--ttn-color-circle-interval4: oklch(.42 .15 150);--ttn-color-circle-interval5: oklch(.42 .15 200);--ttn-color-circle-interval6: oklch(.42 .15 295);--ttn-color-circle-characteristic: oklch(.42 .15 50);--ttn-color-circle-function-tonic: oklch(.5 .12 150 / .6);--ttn-color-circle-function-subdominant: oklch(.6 .12 80 / .6);--ttn-color-circle-function-dominant: oklch(.5 .15 28 / .6);--ttn-color-circle-fifths-flat: oklch(.44 .12 70);--ttn-color-circle-fifths-sharp: oklch(.42 .17 28);--ttn-color-circle-motion: oklch(.4 .15 320);--ttn-color-circle-neighbor: oklch(.32 .13 245);--ttn-color-circle-tension: oklch(.42 .18 28);--ttn-color-circle-tension-track: oklch(.55 .012 250);--ttn-color-circle-distance1: oklch(.25 .012 250 / .16);--ttn-color-circle-distance2: oklch(.25 .012 250 / .22);--ttn-color-circle-distance3: oklch(.25 .012 250 / .28);--ttn-color-circle-distance4: oklch(.25 .012 250 / .34);--ttn-color-circle-distance5: oklch(.25 .012 250 / .4);--ttn-color-circle-distance6: oklch(.25 .012 250 / .46);--ttn-color-circle-hover: oklch(.4 .15 245 / .2);--ttn-color-circle-selected: oklch(.4 .15 245 / .32);--ttn-opacity-circle-ring-inactive: .55;--ttn-size-circle-line: .9px;--ttn-size-circle-line-bold: 1.6px;--ttn-size-circle-line-thin: .5px;--ttn-border-width: 2px;--ttn-focus-width: 3px}:root[data-ttn-density=comfortable]{--ttn-space-gap-tight: 4px;--ttn-space-gap-default: 6px;--ttn-space-gap-loose: 12px;--ttn-space-panel-padding: 12px;--ttn-size-control-height: 32px;--ttn-size-control-height-small: 24px;--ttn-size-rail: 24px;--ttn-size-row: 26px;--ttn-size-pitch-row: 16px;--ttn-size-bar: 26px;--ttn-size-family-map-edge-min: 1px;--ttn-size-family-map-edge-max: 4px;--ttn-size-icon: 18px;--ttn-size-circle-text-min: 9px;--ttn-size-circle-note-text-min: 11px;--ttn-font-size-xs: 11px;--ttn-font-size-sm: 12px;--ttn-font-size-md: 13px;--ttn-font-size-lg: 15px;--ttn-font-size-xl: 18px;--ttn-font-size-music-ui: 26px}:root[data-ttn-density=touch]{--ttn-space-gap-tight: 8px;--ttn-space-gap-default: 12px;--ttn-space-gap-loose: 16px;--ttn-space-panel-padding: 16px;--ttn-size-control-height: 44px;--ttn-size-control-height-small: 36px;--ttn-size-rail: 44px;--ttn-size-row: 44px;--ttn-size-pitch-row: 24px;--ttn-size-bar: 44px;--ttn-size-family-map-edge-min: 2px;--ttn-size-family-map-edge-max: 6px;--ttn-size-icon: 22px;--ttn-size-circle-text-min: 9px;--ttn-size-circle-note-text-min: 11px;--ttn-font-size-xs: 13px;--ttn-font-size-sm: 14px;--ttn-font-size-md: 16px;--ttn-font-size-lg: 18px;--ttn-font-size-xl: 22px;--ttn-font-size-music-ui: 35px}:root[data-ttn-paper=cream]{--ttn-color-ink-on-presence: oklch(.965 .022 85);--ttn-color-sheet-paper: oklch(.965 .022 85);--ttn-color-sheet-ink: oklch(.17 .012 60);--ttn-color-sheet-ink-muted: oklch(.43 .014 60);--ttn-color-sheet-staff-line: oklch(.38 .012 60);--ttn-color-sheet-selection: oklch(.61 .112 222);--ttn-color-sheet-caret: oklch(.478 .194 353.1);--ttn-color-sheet-ghost-input: oklch(.63 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.625 .134 72);--ttn-color-sheet-playhead: oklch(.6 .112 175);--ttn-color-sheet-hover: oklch(.61 .11 222);--ttn-color-sheet-issue: oklch(.64 .2 25);--ttn-color-sheet-focus: oklch(.615 .14 240);--ttn-color-sheet-modified: oklch(.63 .156 55);--ttn-color-sheet-selection-fill: oklch(.925 .05 222);--ttn-color-sheet-caret-fill: oklch(.925 .042 353.1);--ttn-color-sheet-hover-fill: oklch(.925 .035 222);--ttn-color-sheet-playhead-fill: oklch(.925 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.925 .058 72);--ttn-color-sheet-issue-fill: oklch(.925 .038 25);--ttn-color-sheet-chip: oklch(.985 .016 85);--ttn-color-sheet-chip-border: oklch(.635 .012 70);--ttn-color-sheet-ladder-major: oklch(.5 .13 150);--ttn-color-sheet-ladder-minor: oklch(.5 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.53 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.5 .15 350);--ttn-color-sheet-ladder-other: oklch(.5 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.478 .194 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.925 .042 353.1);--ttn-color-voice-1: oklch(.625 .2 265);--ttn-color-voice-2: oklch(.6 .164 150);--ttn-color-voice-3: oklch(.635 .17 48);--ttn-color-voice-4: oklch(.645 .22 340);--ttn-color-presence-1: oklch(.5 .16 22);--ttn-color-presence-2: oklch(.48 .13 88);--ttn-color-presence-3: oklch(.48 .13 118);--ttn-color-presence-4: oklch(.5 .16 175);--ttn-color-presence-5: oklch(.5 .16 200);--ttn-color-presence-6: oklch(.5 .16 225);--ttn-color-presence-7: oklch(.5 .16 300);--ttn-color-presence-8: oklch(.5 .16 322)}:root[data-ttn-contrast=high][data-ttn-paper=cream]{--ttn-color-ink-on-presence: oklch(.965 .022 85);--ttn-color-sheet-paper: oklch(.965 .022 85);--ttn-color-sheet-ink: oklch(.17 .012 60);--ttn-color-sheet-ink-muted: oklch(.43 .014 60);--ttn-color-sheet-staff-line: oklch(.38 .012 60);--ttn-color-sheet-selection: oklch(.53 .098 222);--ttn-color-sheet-caret: oklch(.428 .176 353.1);--ttn-color-sheet-ghost-input: oklch(.55 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.54 .116 72);--ttn-color-sheet-playhead: oklch(.525 .098 175);--ttn-color-sheet-hover: oklch(.53 .098 222);--ttn-color-sheet-issue: oklch(.56 .2 25);--ttn-color-sheet-focus: oklch(.53 .12 240);--ttn-color-sheet-modified: oklch(.545 .134 55);--ttn-color-sheet-selection-fill: oklch(.885 .06 222);--ttn-color-sheet-caret-fill: oklch(.885 .068 353.1);--ttn-color-sheet-hover-fill: oklch(.885 .035 222);--ttn-color-sheet-playhead-fill: oklch(.885 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.885 .07 72);--ttn-color-sheet-issue-fill: oklch(.885 .05 25);--ttn-color-sheet-chip: oklch(.985 .016 85);--ttn-color-sheet-chip-border: oklch(.535 .012 70);--ttn-color-sheet-ladder-major: oklch(.5 .13 150);--ttn-color-sheet-ladder-minor: oklch(.5 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.53 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.5 .15 350);--ttn-color-sheet-ladder-other: oklch(.5 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.428 .176 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.885 .068 353.1);--ttn-color-voice-1: oklch(.545 .2 265);--ttn-color-voice-2: oklch(.52 .142 150);--ttn-color-voice-3: oklch(.55 .15 48);--ttn-color-voice-4: oklch(.565 .22 340);--ttn-color-presence-1: oklch(.5 .16 22);--ttn-color-presence-2: oklch(.48 .13 88);--ttn-color-presence-3: oklch(.48 .13 118);--ttn-color-presence-4: oklch(.5 .16 175);--ttn-color-presence-5: oklch(.5 .16 200);--ttn-color-presence-6: oklch(.5 .16 225);--ttn-color-presence-7: oklch(.5 .16 300);--ttn-color-presence-8: oklch(.5 .16 322)}:root[data-ttn-paper=night]{--ttn-color-ink-on-presence: oklch(.21 .008 250);--ttn-color-sheet-paper: oklch(.21 .008 250);--ttn-color-sheet-ink: oklch(.93 .006 250);--ttn-color-sheet-ink-muted: oklch(.74 .008 250);--ttn-color-sheet-staff-line: oklch(.66 .008 250);--ttn-color-sheet-selection: oklch(.78 .144 222);--ttn-color-sheet-caret: oklch(.72 .17 353.1);--ttn-color-sheet-ghost-input: oklch(.78 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.78 .16 72);--ttn-color-sheet-playhead: oklch(.78 .13 175);--ttn-color-sheet-hover: oklch(.78 .11 222);--ttn-color-sheet-issue: oklch(.78 .128 25);--ttn-color-sheet-focus: oklch(.78 .124 240);--ttn-color-sheet-modified: oklch(.78 .148 55);--ttn-color-sheet-selection-fill: oklch(.34 .06 222);--ttn-color-sheet-caret-fill: oklch(.34 .09 353.1);--ttn-color-sheet-hover-fill: oklch(.34 .035 222);--ttn-color-sheet-playhead-fill: oklch(.34 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.34 .07 72);--ttn-color-sheet-issue-fill: oklch(.34 .05 25);--ttn-color-sheet-chip: oklch(.27 .008 250);--ttn-color-sheet-chip-border: oklch(.6 .012 250);--ttn-color-sheet-ladder-major: oklch(.75 .14 150);--ttn-color-sheet-ladder-minor: oklch(.75 .11 245);--ttn-color-sheet-ladder-diminished: oklch(.82 .13 88);--ttn-color-sheet-ladder-augmented: oklch(.75 .14 350);--ttn-color-sheet-ladder-other: oklch(.7 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.72 .17 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.34 .09 353.1);--ttn-color-voice-1: oklch(.78 .11 265);--ttn-color-voice-2: oklch(.78 .17 150);--ttn-color-voice-3: oklch(.78 .14 48);--ttn-color-voice-4: oklch(.78 .174 340);--ttn-color-presence-1: oklch(.76 .13 22);--ttn-color-presence-2: oklch(.8 .13 88);--ttn-color-presence-3: oklch(.8 .13 118);--ttn-color-presence-4: oklch(.76 .13 175);--ttn-color-presence-5: oklch(.76 .13 200);--ttn-color-presence-6: oklch(.76 .13 225);--ttn-color-presence-7: oklch(.76 .13 300);--ttn-color-presence-8: oklch(.76 .13 322)}:root[data-ttn-contrast=high][data-ttn-paper=night]{--ttn-color-ink-on-presence: oklch(.21 .008 250);--ttn-color-sheet-paper: oklch(.21 .008 250);--ttn-color-sheet-ink: oklch(.93 .006 250);--ttn-color-sheet-ink-muted: oklch(.74 .008 250);--ttn-color-sheet-staff-line: oklch(.66 .008 250);--ttn-color-sheet-selection: oklch(.86 .096 222);--ttn-color-sheet-caret: oklch(.82 .11 353.1);--ttn-color-sheet-ghost-input: oklch(.86 .08 300);--ttn-color-sheet-ghost-suggestion: oklch(.86 .112 72);--ttn-color-sheet-playhead: oklch(.86 .13 175);--ttn-color-sheet-hover: oklch(.86 .096 222);--ttn-color-sheet-issue: oklch(.86 .074 25);--ttn-color-sheet-focus: oklch(.86 .076 240);--ttn-color-sheet-modified: oklch(.86 .088 55);--ttn-color-sheet-selection-fill: oklch(.4 .06 222);--ttn-color-sheet-caret-fill: oklch(.4 .1 353.1);--ttn-color-sheet-hover-fill: oklch(.4 .035 222);--ttn-color-sheet-playhead-fill: oklch(.4 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.4 .07 72);--ttn-color-sheet-issue-fill: oklch(.4 .05 25);--ttn-color-sheet-chip: oklch(.17 .008 250);--ttn-color-sheet-chip-border: oklch(.7 .012 250);--ttn-color-sheet-ladder-major: oklch(.75 .14 150);--ttn-color-sheet-ladder-minor: oklch(.75 .11 245);--ttn-color-sheet-ladder-diminished: oklch(.82 .13 88);--ttn-color-sheet-ladder-augmented: oklch(.75 .14 350);--ttn-color-sheet-ladder-other: oklch(.7 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.82 .11 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.4 .1 353.1);--ttn-color-voice-1: oklch(.86 .068 265);--ttn-color-voice-2: oklch(.86 .17 150);--ttn-color-voice-3: oklch(.86 .082 48);--ttn-color-voice-4: oklch(.86 .102 340);--ttn-color-presence-1: oklch(.76 .13 22);--ttn-color-presence-2: oklch(.8 .13 88);--ttn-color-presence-3: oklch(.8 .13 118);--ttn-color-presence-4: oklch(.76 .13 175);--ttn-color-presence-5: oklch(.76 .13 200);--ttn-color-presence-6: oklch(.76 .13 225);--ttn-color-presence-7: oklch(.76 .13 300);--ttn-color-presence-8: oklch(.76 .13 322)}:root[data-ttn-motion=reduced]{--ttn-motion-fast: 0ms;--ttn-motion-normal: 0ms;--ttn-motion-sheet-caret: 0ms;--ttn-motion-sheet-select: 0ms;--ttn-motion-sheet-drop: 0ms;--ttn-motion-sheet-breathe: 0ms}:root [data-ttn-paper=white]{--ttn-color-ink-on-presence: oklch(1 0 0);--ttn-color-sheet-paper: oklch(1 0 0);--ttn-color-sheet-ink: oklch(.14 0 0);--ttn-color-sheet-ink-muted: oklch(.42 .006 250);--ttn-color-sheet-staff-line: oklch(.36 .004 250);--ttn-color-sheet-selection: oklch(.635 .116 222);--ttn-color-sheet-caret: oklch(.478 .194 353.1);--ttn-color-sheet-ghost-input: oklch(.655 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.65 .138 72);--ttn-color-sheet-playhead: oklch(.63 .118 175);--ttn-color-sheet-hover: oklch(.635 .11 222);--ttn-color-sheet-issue: oklch(.665 .2 25);--ttn-color-sheet-focus: oklch(.64 .146 240);--ttn-color-sheet-modified: oklch(.655 .16 55);--ttn-color-sheet-selection-fill: oklch(.95 .032 222);--ttn-color-sheet-caret-fill: oklch(.95 .027 353.1);--ttn-color-sheet-hover-fill: oklch(.95 .033 222);--ttn-color-sheet-playhead-fill: oklch(.95 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.95 .038 72);--ttn-color-sheet-issue-fill: oklch(.95 .024 25);--ttn-color-sheet-chip: oklch(.985 .004 250);--ttn-color-sheet-chip-border: oklch(.66 .012 250);--ttn-color-sheet-ladder-major: oklch(.52 .13 150);--ttn-color-sheet-ladder-minor: oklch(.52 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.56 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.52 .15 350);--ttn-color-sheet-ladder-other: oklch(.52 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.478 .194 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.95 .027 353.1);--ttn-color-voice-1: oklch(.65 .186 265);--ttn-color-voice-2: oklch(.625 .17 150);--ttn-color-voice-3: oklch(.66 .17 48);--ttn-color-voice-4: oklch(.67 .22 340);--ttn-color-presence-1: oklch(.52 .16 22);--ttn-color-presence-2: oklch(.5 .13 88);--ttn-color-presence-3: oklch(.5 .13 118);--ttn-color-presence-4: oklch(.52 .16 175);--ttn-color-presence-5: oklch(.52 .16 200);--ttn-color-presence-6: oklch(.52 .16 225);--ttn-color-presence-7: oklch(.52 .16 300);--ttn-color-presence-8: oklch(.52 .16 322)}:root [data-ttn-paper=cream]{--ttn-color-ink-on-presence: oklch(.965 .022 85);--ttn-color-sheet-paper: oklch(.965 .022 85);--ttn-color-sheet-ink: oklch(.17 .012 60);--ttn-color-sheet-ink-muted: oklch(.43 .014 60);--ttn-color-sheet-staff-line: oklch(.38 .012 60);--ttn-color-sheet-selection: oklch(.61 .112 222);--ttn-color-sheet-caret: oklch(.478 .194 353.1);--ttn-color-sheet-ghost-input: oklch(.63 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.625 .134 72);--ttn-color-sheet-playhead: oklch(.6 .112 175);--ttn-color-sheet-hover: oklch(.61 .11 222);--ttn-color-sheet-issue: oklch(.64 .2 25);--ttn-color-sheet-focus: oklch(.615 .14 240);--ttn-color-sheet-modified: oklch(.63 .156 55);--ttn-color-sheet-selection-fill: oklch(.925 .05 222);--ttn-color-sheet-caret-fill: oklch(.925 .042 353.1);--ttn-color-sheet-hover-fill: oklch(.925 .035 222);--ttn-color-sheet-playhead-fill: oklch(.925 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.925 .058 72);--ttn-color-sheet-issue-fill: oklch(.925 .038 25);--ttn-color-sheet-chip: oklch(.985 .016 85);--ttn-color-sheet-chip-border: oklch(.635 .012 70);--ttn-color-sheet-ladder-major: oklch(.5 .13 150);--ttn-color-sheet-ladder-minor: oklch(.5 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.53 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.5 .15 350);--ttn-color-sheet-ladder-other: oklch(.5 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.478 .194 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.925 .042 353.1);--ttn-color-voice-1: oklch(.625 .2 265);--ttn-color-voice-2: oklch(.6 .164 150);--ttn-color-voice-3: oklch(.635 .17 48);--ttn-color-voice-4: oklch(.645 .22 340);--ttn-color-presence-1: oklch(.5 .16 22);--ttn-color-presence-2: oklch(.48 .13 88);--ttn-color-presence-3: oklch(.48 .13 118);--ttn-color-presence-4: oklch(.5 .16 175);--ttn-color-presence-5: oklch(.5 .16 200);--ttn-color-presence-6: oklch(.5 .16 225);--ttn-color-presence-7: oklch(.5 .16 300);--ttn-color-presence-8: oklch(.5 .16 322)}:root [data-ttn-paper=night]{--ttn-color-ink-on-presence: oklch(.21 .008 250);--ttn-color-sheet-paper: oklch(.21 .008 250);--ttn-color-sheet-ink: oklch(.93 .006 250);--ttn-color-sheet-ink-muted: oklch(.74 .008 250);--ttn-color-sheet-staff-line: oklch(.66 .008 250);--ttn-color-sheet-selection: oklch(.78 .144 222);--ttn-color-sheet-caret: oklch(.72 .17 353.1);--ttn-color-sheet-ghost-input: oklch(.78 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.78 .16 72);--ttn-color-sheet-playhead: oklch(.78 .13 175);--ttn-color-sheet-hover: oklch(.78 .11 222);--ttn-color-sheet-issue: oklch(.78 .128 25);--ttn-color-sheet-focus: oklch(.78 .124 240);--ttn-color-sheet-modified: oklch(.78 .148 55);--ttn-color-sheet-selection-fill: oklch(.34 .06 222);--ttn-color-sheet-caret-fill: oklch(.34 .09 353.1);--ttn-color-sheet-hover-fill: oklch(.34 .035 222);--ttn-color-sheet-playhead-fill: oklch(.34 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.34 .07 72);--ttn-color-sheet-issue-fill: oklch(.34 .05 25);--ttn-color-sheet-chip: oklch(.27 .008 250);--ttn-color-sheet-chip-border: oklch(.6 .012 250);--ttn-color-sheet-ladder-major: oklch(.75 .14 150);--ttn-color-sheet-ladder-minor: oklch(.75 .11 245);--ttn-color-sheet-ladder-diminished: oklch(.82 .13 88);--ttn-color-sheet-ladder-augmented: oklch(.75 .14 350);--ttn-color-sheet-ladder-other: oklch(.7 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.72 .17 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.34 .09 353.1);--ttn-color-voice-1: oklch(.78 .11 265);--ttn-color-voice-2: oklch(.78 .17 150);--ttn-color-voice-3: oklch(.78 .14 48);--ttn-color-voice-4: oklch(.78 .174 340);--ttn-color-presence-1: oklch(.76 .13 22);--ttn-color-presence-2: oklch(.8 .13 88);--ttn-color-presence-3: oklch(.8 .13 118);--ttn-color-presence-4: oklch(.76 .13 175);--ttn-color-presence-5: oklch(.76 .13 200);--ttn-color-presence-6: oklch(.76 .13 225);--ttn-color-presence-7: oklch(.76 .13 300);--ttn-color-presence-8: oklch(.76 .13 322)}:root[data-ttn-contrast=high] [data-ttn-paper=white]{--ttn-color-ink-on-presence: oklch(1 0 0);--ttn-color-sheet-paper: oklch(1 0 0);--ttn-color-sheet-ink: oklch(.14 0 0);--ttn-color-sheet-ink-muted: oklch(.42 .006 250);--ttn-color-sheet-staff-line: oklch(.36 .004 250);--ttn-color-sheet-selection: oklch(.555 .102 222);--ttn-color-sheet-caret: oklch(.438 .18 353.1);--ttn-color-sheet-ghost-input: oklch(.57 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.565 .12 72);--ttn-color-sheet-playhead: oklch(.545 .102 175);--ttn-color-sheet-hover: oklch(.555 .102 222);--ttn-color-sheet-issue: oklch(.585 .2 25);--ttn-color-sheet-focus: oklch(.555 .126 240);--ttn-color-sheet-modified: oklch(.57 .14 55);--ttn-color-sheet-selection-fill: oklch(.91 .06 222);--ttn-color-sheet-caret-fill: oklch(.91 .052 353.1);--ttn-color-sheet-hover-fill: oklch(.91 .035 222);--ttn-color-sheet-playhead-fill: oklch(.91 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.91 .07 72);--ttn-color-sheet-issue-fill: oklch(.91 .046 25);--ttn-color-sheet-chip: oklch(.985 .004 250);--ttn-color-sheet-chip-border: oklch(.56 .012 250);--ttn-color-sheet-ladder-major: oklch(.52 .13 150);--ttn-color-sheet-ladder-minor: oklch(.52 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.56 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.52 .15 350);--ttn-color-sheet-ladder-other: oklch(.52 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.438 .18 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.91 .052 353.1);--ttn-color-voice-1: oklch(.57 .2 265);--ttn-color-voice-2: oklch(.545 .15 150);--ttn-color-voice-3: oklch(.575 .156 48);--ttn-color-voice-4: oklch(.59 .22 340);--ttn-color-presence-1: oklch(.52 .16 22);--ttn-color-presence-2: oklch(.5 .13 88);--ttn-color-presence-3: oklch(.5 .13 118);--ttn-color-presence-4: oklch(.52 .16 175);--ttn-color-presence-5: oklch(.52 .16 200);--ttn-color-presence-6: oklch(.52 .16 225);--ttn-color-presence-7: oklch(.52 .16 300);--ttn-color-presence-8: oklch(.52 .16 322)}:root[data-ttn-contrast=high] [data-ttn-paper=cream]{--ttn-color-ink-on-presence: oklch(.965 .022 85);--ttn-color-sheet-paper: oklch(.965 .022 85);--ttn-color-sheet-ink: oklch(.17 .012 60);--ttn-color-sheet-ink-muted: oklch(.43 .014 60);--ttn-color-sheet-staff-line: oklch(.38 .012 60);--ttn-color-sheet-selection: oklch(.53 .098 222);--ttn-color-sheet-caret: oklch(.428 .176 353.1);--ttn-color-sheet-ghost-input: oklch(.55 .12 300);--ttn-color-sheet-ghost-suggestion: oklch(.54 .116 72);--ttn-color-sheet-playhead: oklch(.525 .098 175);--ttn-color-sheet-hover: oklch(.53 .098 222);--ttn-color-sheet-issue: oklch(.56 .2 25);--ttn-color-sheet-focus: oklch(.53 .12 240);--ttn-color-sheet-modified: oklch(.545 .134 55);--ttn-color-sheet-selection-fill: oklch(.885 .06 222);--ttn-color-sheet-caret-fill: oklch(.885 .068 353.1);--ttn-color-sheet-hover-fill: oklch(.885 .035 222);--ttn-color-sheet-playhead-fill: oklch(.885 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.885 .07 72);--ttn-color-sheet-issue-fill: oklch(.885 .05 25);--ttn-color-sheet-chip: oklch(.985 .016 85);--ttn-color-sheet-chip-border: oklch(.535 .012 70);--ttn-color-sheet-ladder-major: oklch(.5 .13 150);--ttn-color-sheet-ladder-minor: oklch(.5 .13 245);--ttn-color-sheet-ladder-diminished: oklch(.53 .12 75);--ttn-color-sheet-ladder-augmented: oklch(.5 .15 350);--ttn-color-sheet-ladder-other: oklch(.5 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.428 .176 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.885 .068 353.1);--ttn-color-voice-1: oklch(.545 .2 265);--ttn-color-voice-2: oklch(.52 .142 150);--ttn-color-voice-3: oklch(.55 .15 48);--ttn-color-voice-4: oklch(.565 .22 340);--ttn-color-presence-1: oklch(.5 .16 22);--ttn-color-presence-2: oklch(.48 .13 88);--ttn-color-presence-3: oklch(.48 .13 118);--ttn-color-presence-4: oklch(.5 .16 175);--ttn-color-presence-5: oklch(.5 .16 200);--ttn-color-presence-6: oklch(.5 .16 225);--ttn-color-presence-7: oklch(.5 .16 300);--ttn-color-presence-8: oklch(.5 .16 322)}:root[data-ttn-contrast=high] [data-ttn-paper=night]{--ttn-color-ink-on-presence: oklch(.21 .008 250);--ttn-color-sheet-paper: oklch(.21 .008 250);--ttn-color-sheet-ink: oklch(.93 .006 250);--ttn-color-sheet-ink-muted: oklch(.74 .008 250);--ttn-color-sheet-staff-line: oklch(.66 .008 250);--ttn-color-sheet-selection: oklch(.86 .096 222);--ttn-color-sheet-caret: oklch(.82 .11 353.1);--ttn-color-sheet-ghost-input: oklch(.86 .08 300);--ttn-color-sheet-ghost-suggestion: oklch(.86 .112 72);--ttn-color-sheet-playhead: oklch(.86 .13 175);--ttn-color-sheet-hover: oklch(.86 .096 222);--ttn-color-sheet-issue: oklch(.86 .074 25);--ttn-color-sheet-focus: oklch(.86 .076 240);--ttn-color-sheet-modified: oklch(.86 .088 55);--ttn-color-sheet-selection-fill: oklch(.4 .06 222);--ttn-color-sheet-caret-fill: oklch(.4 .1 353.1);--ttn-color-sheet-hover-fill: oklch(.4 .035 222);--ttn-color-sheet-playhead-fill: oklch(.4 .06 175);--ttn-color-sheet-ghost-suggestion-fill: oklch(.4 .07 72);--ttn-color-sheet-issue-fill: oklch(.4 .05 25);--ttn-color-sheet-chip: oklch(.17 .008 250);--ttn-color-sheet-chip-border: oklch(.7 .012 250);--ttn-color-sheet-ladder-major: oklch(.75 .14 150);--ttn-color-sheet-ladder-minor: oklch(.75 .11 245);--ttn-color-sheet-ladder-diminished: oklch(.82 .13 88);--ttn-color-sheet-ladder-augmented: oklch(.75 .14 350);--ttn-color-sheet-ladder-other: oklch(.7 .01 250);--ttn-color-sheet-ladder-pointer: oklch(.82 .11 353.1);--ttn-color-sheet-ladder-pointer-fill: oklch(.4 .1 353.1);--ttn-color-voice-1: oklch(.86 .068 265);--ttn-color-voice-2: oklch(.86 .17 150);--ttn-color-voice-3: oklch(.86 .082 48);--ttn-color-voice-4: oklch(.86 .102 340);--ttn-color-presence-1: oklch(.76 .13 22);--ttn-color-presence-2: oklch(.8 .13 88);--ttn-color-presence-3: oklch(.8 .13 118);--ttn-color-presence-4: oklch(.76 .13 175);--ttn-color-presence-5: oklch(.76 .13 200);--ttn-color-presence-6: oklch(.76 .13 225);--ttn-color-presence-7: oklch(.76 .13 300);--ttn-color-presence-8: oklch(.76 .13 322)}@media(prefers-reduced-motion:reduce){:root:not([data-ttn-motion=full]){--ttn-motion-fast: 0ms;--ttn-motion-normal: 0ms;--ttn-motion-sheet-caret: 0ms;--ttn-motion-sheet-select: 0ms;--ttn-motion-sheet-drop: 0ms;--ttn-motion-sheet-breathe: 0ms}}}@font-face{font-family:Bravura TTN;src:url(/ttn/app/assets/Bravura-CEAu5fi8.woff2) format("woff2");font-display:block}@font-face{font-family:TTN Edwin;src:url(/ttn/app/assets/Edwin-Roman-CKntOmwV.woff2) format("woff2");font-display:block}@font-face{font-family:TTN Edwin;src:url(/ttn/app/assets/Edwin-Italic-C6FiMtsO.woff2) format("woff2");font-style:italic;font-display:block}@font-face{font-family:TTN Edwin;src:url(/ttn/app/assets/Edwin-Bold-B8fyEUEB.woff2) format("woff2");font-weight:700;font-display:block}@font-face{font-family:TTN Noto Naskh Arabic;src:url(/ttn/app/assets/NotoNaskhArabic-Regular-6OX8txM7.woff2) format("woff2");font-display:block;unicode-range:U+D,U+600-6FF,U+750-77F,U+870-88E,U+890-891,U+898-8FF,U+2009,U+200B-2010,U+202F,U+204F,U+20C1,U+25CC,U+2E41,U+FB50-FDFF,U+FE70-FEFF,U+10EFD-10EFF}@font-face{font-family:TTN Noto Sans JP;src:url(/ttn/app/assets/NotoSansJP-Regular-s0sdUhM4.woff2) format("woff2");font-display:block;unicode-range:U+1A0-1A1,U+1AF-1B0,U+1CD-1DC,U+1F8-1F9,U+251,U+261,U+2CA-2CB,U+2EA-2EB,U+300-301,U+304,U+307,U+30C,U+1E3E-1E3F,U+1EA0-1EF9,U+2003,U+2011-2016,U+2025-2027,U+2035,U+203B,U+2042,U+2047-2049,U+2051,U+20A9,U+20AB,U+20DE,U+2100,U+2103,U+2109-210A,U+2121,U+2127,U+212B,U+213B,U+2160-216B,U+2170-217B,U+21B8-21B9,U+21C5,U+21CB-21CC,U+21E6-21E9,U+21F5,U+220A,U+2226-222D,U+2236,U+223D,U+2243,U+224C,U+2266-2267,U+226E-226F,U+2272-2273,U+2276-2277,U+228A-228B,U+22A0,U+22BF,U+22DA-22DB,U+22EF,U+2305-2307,U+2312,U+2318,U+23B0-23B1,U+23BE-23CC,U+23CE,U+23DA-23DB,U+2423,U+2460-25A9,U+25B1-25B3,U+25B6-25B7,U+25BD,U+25C0-25C1,U+25C9,U+25CE-25D3,U+25E2-25E5,U+25EF,U+2600-2603,U+2605-2606,U+2609,U+260E-260F,U+2616-2617,U+261C-261F,U+262F,U+2641,U+2661-266C,U+2672-267D,U+26A0,U+26BD-26BE,U+2702,U+2713,U+271A,U+273D,U+273F-2740,U+2756,U+2776-2793,U+27A1,U+2934-2935,U+29BF,U+29FA-29FB,U+2B05-2B07,U+2B1A,U+2B95,U+2E3A-2E3B,U+2E80-312F,U+3131-3163,U+3165-318E,U+3190-9FCC,U+F900-3106C}@font-face{font-family:TTN Noto Sans KR;src:url(/ttn/app/assets/NotoSansKR-Regular-D1t-zIhe.woff2) format("woff2");font-display:block;unicode-range:U+1100-11FF,U+3164,U+349A-A97C,U+AC00-D7A3,U+D7B0-D7C6,U+D7CB-D7FB,U+F95A-30729}@font-face{font-family:TTN Noto Sans;src:url(/ttn/app/assets/NotoSans-Regular-DuZeQrdB.woff2) format("woff2");font-display:block;unicode-range:U+180-377,U+37A-37F,U+3CF-3E1,U+3F0-52F,U+10FB,U+1AB0-1AC0,U+1AC5,U+1AC7-1ACE,U+1C80-1C88,U+1D00-1DF9,U+1DFB-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2000-2064,U+2066-2071,U+207A-208E,U+2090-209C,U+20A0-20C0,U+20F0,U+2101-215F,U+2183-2184,U+2189,U+2C60-2C7F,U+2DE0-2E5D,U+A640-AB6B,U+FB05-FE2F,U+FFFC-FFFD,U+10780-107BA,U+1DF00-1DF1E}@font-face{font-family:TTN Noto Sans Symbols;src:url(/ttn/app/assets/NotoSansSymbols-Regular-BXvlw6DG.woff2) format("woff2");font-display:block;unicode-range:U+20DF-20E0,U+20E2-20E4,U+216C-218B,U+2300-2315,U+2317,U+231C-2323,U+232C-2335,U+237C,U+2380-2394,U+2396-239A,U+23AF,U+23CD,U+23D0-23D9,U+23E2-23E8,U+260A-260D,U+2613,U+2624-262E,U+2638-2653,U+2670-267E,U+2690-269D,U+26A2-26A9,U+26AD-26BC,U+26CE,U+26E2-26FF,U+271D-2721,U+2921-2922,U+1F546-1F549,U+1F54F,U+1F610,U+1F700-1F773}@font-face{font-family:"TTN Noto Sans Symbols 2";src:url(/ttn/app/assets/NotoSansSymbols2-Regular-BKXk_fdd.woff2) format("woff2");font-display:block;unicode-range:U+7F,U+21AF,U+21EA-21F0,U+21F3,U+2218,U+22C4-22C6,U+2316,U+231A-232B,U+237B-237F,U+23CF,U+23E9-23EA,U+23ED-23EF,U+23F1-2426,U+2440-244A,U+25AD-2704,U+2706-2709,U+270B-2727,U+2729-274B,U+274D,U+274F-2753,U+2757-2794,U+2798-27AF,U+27B1-27BE,U+2800-28FF,U+2981,U+29EB,U+2B00-2B0D,U+2B12-2B2F,U+2B4D-2B73,U+2B76-2B94,U+2B97-2BFD,U+2BFF,U+4DC0-4DFF,U+FFF9-1FBF9}:root,[data-ttn-layer],[data-ttn-module]{--paper: var(--ttn-color-surface-app, #eef0f4);--surface: var(--ttn-color-surface-panel, #ffffff);--ink: var(--ttn-color-ink-primary, #14171f);--ink-soft: var(--ttn-color-ink-secondary, #565d6e);--rule: var(--ttn-color-border-subtle, #cfd4de);--accent: var(--ttn-color-accent-ink, #1f3d73);--accent-soft: var(--ttn-color-accent-soft, #dde4f2);--warn: var(--ttn-color-state-danger, #8a3f3f);--sheet-ink: var(--ttn-color-sheet-ink, #14171f);--sheet-paper: var(--ttn-color-sheet-paper, #ffffff);--sheet-dim: var(--ttn-color-sheet-ink-muted, #c2c8d4);color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:root:not([data-theme=light]) :is([data-ttn-layer],[data-ttn-module]){--paper: var(--ttn-color-surface-app, #101218);--surface: var(--ttn-color-surface-panel, #191c24);--ink: var(--ttn-color-ink-primary, #e7eaf1);--ink-soft: var(--ttn-color-ink-secondary, #99a1b3);--rule: var(--ttn-color-border-subtle, #2e3340);--accent: var(--ttn-color-accent-ink, #7fa3e0);--accent-soft: var(--ttn-color-accent-soft, #1d2839);--warn: var(--ttn-color-state-danger, #d98b8b);--sheet-ink: var(--ttn-color-sheet-ink, #14171f);--sheet-paper: var(--ttn-color-sheet-paper, #ffffff);--sheet-dim: var(--ttn-color-sheet-ink-muted, #c2c8d4)}}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}code{font-family:ui-monospace,IBM Plex Mono,monospace;font-size:12px}.bench-head{padding:20px 20px 12px;border-block-end:1px solid var(--rule)}.bench-head h1{margin:0 0 4px;font-size:22px;font-weight:600}.bench-sub,.bench-meta{margin:0;color:var(--ink-soft);max-width:78ch}.bench-meta{margin-block-start:6px;font-size:12px}.bench-body{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:20px;padding:16px 20px 48px;align-items:start}.bench-body--dictation{grid-template-columns:1fr}.bench-locale{display:contents}.bench-body--hosted{grid-template-columns:1fr}@media(max-width:860px){.bench-body{grid-template-columns:1fr}}.bench-side section{background:var(--surface);border:1px solid var(--rule);border-radius:4px;padding:12px 14px;margin-block-end:12px}.bench-side h2{margin:0 0 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.pieces{display:grid;gap:6px}.drop{border:1px dashed var(--rule);border-radius:4px;padding:10px 12px;margin-block-end:10px}.drop-over{border-color:var(--accent);background:var(--accent-soft)}.drop button{width:100%;text-align:center}.error{margin:8px 0 0;font-size:12px;color:var(--warn)}.classes .row{display:flex;justify-content:space-between;gap:10px;padding:3px 8px;font-size:12px;color:var(--ink-soft)}.classes .row b{color:var(--ink)}button{font:inherit;cursor:pointer;text-align:start;padding:6px 10px;border:1px solid var(--rule);border-radius:3px;background:var(--surface);color:var(--ink)}button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:500}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint{margin:8px 0 0;font-size:12px;color:var(--ink-soft);max-width:72ch}.zoom{display:grid;gap:6px;font-size:12px;color:var(--ink-soft)}.stats{margin:0;display:grid;gap:4px}.stats div{display:flex;justify-content:space-between;gap:12px}.stats dt{color:var(--ink-soft);font-size:12px}.stats dd{margin:0;font-family:ui-monospace,IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}.stats .warn dd{color:var(--warn);font-weight:600}.classes{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:3px;max-height:260px;overflow-y:auto}.classes button{width:100%;display:flex;justify-content:space-between;gap:10px;padding:3px 8px;font-size:12px}.classes b{font-family:ui-monospace,IBM Plex Mono,monospace;font-variant-numeric:tabular-nums;font-weight:500}.diagnostics{margin:0;padding-inline-start:18px;color:var(--warn);font-size:12px}.bench-sheet{display:grid;gap:16px;justify-items:start;min-width:0;overflow-x:auto}.bench-sheet{direction:ltr}:root[dir=rtl] .bench-sheet>:not(.sheet-page):not(.ttn-pages){direction:rtl}.sheet{background:var(--sheet-paper);border:1px solid var(--rule);border-radius:2px}.sheet-paper{fill:var(--sheet-paper)}.ink{fill:var(--sheet-ink);stroke:var(--sheet-ink)}.ink-staff-lines line,.ink-line line,.ink-line{stroke:var(--sheet-ink);stroke-linecap:butt}.ink-ellipse,.ink-rect,.ink-dot{stroke:none}.ink-font{font-family:Bravura TTN;fill:var(--sheet-ink);stroke:none}.ink-sign{fill:var(--sheet-ink);stroke:none;text-anchor:middle}.ink-hollow{fill:none;stroke:var(--sheet-ink);stroke-width:.16}.ink-stroke{fill:none;stroke:var(--sheet-ink)}.ink-glyph rect{fill:none;stroke:var(--sheet-dim);stroke-width:.06}.ink-glyph text,.ink-text{fill:var(--sheet-ink);stroke:none;text-anchor:middle;dominant-baseline:middle;font-family:ui-monospace,monospace}.ink-text{text-anchor:start}.ink-tab-fret .ink-text{text-anchor:middle;dominant-baseline:central}.ink-underline{fill:var(--sheet-ink);stroke:none}.ink-text.ink-text-house{font-family:TTN Edwin,TTN Noto Naskh Arabic,TTN Noto Sans JP,TTN Noto Sans KR,TTN Noto Sans,TTN Noto Sans Symbols,"TTN Noto Sans Symbols 2"}.ink-curve{fill:none;stroke:var(--sheet-ink)}.ink-curve.ink-filled{fill:var(--sheet-ink);stroke:none}.ink-curve.ink-tapered{fill:var(--sheet-ink);stroke-linejoin:round}.ink-dimmed{opacity:.16}.keys{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:12px}.keys dt{font-family:ui-monospace,IBM Plex Mono,monospace;color:var(--ink-soft)}.keys dd{margin:0}.ttn-pages[data-arrangement=single-v]{display:contents}.ttn-pages[data-arrangement=single-h],.ttn-pages[data-arrangement=spreads-h]{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:4px;inline-size:max-content;direction:ltr}.ttn-pages[data-arrangement=single-h]{gap:16px}.sheet-page{position:relative;width:fit-content}.sheet-page>.sheet{display:block;border:0;outline:1px solid var(--rule)}.print-root{display:none}@media print{@page{size:A4;margin:0}body{background:none}.bench{display:none}.print-root{display:block}.print-page{display:flex;justify-content:center;break-after:page}.print-page:last-child{break-after:auto}.print-page .sheet{border:none;border-radius:0}}.bench-notice{margin:8px 20px 0;padding:8px 12px;border:1px solid var(--rule);border-radius:4px;font-size:13px}.bench--app .bench-notice{position:fixed;z-index:45;inset-block-start:calc(2 * var(--ttn-size-control-height) + var(--ttn-space-gap-loose));inset-inline-start:50%;transform:translate(-50%);max-inline-size:min(40rem,calc(100vw - 2 * var(--ttn-space-panel-padding)));margin:0;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}.bench--app .bench-notice button{margin-inline-start:var(--ttn-space-gap-default);border:0;background:transparent;color:var(--ttn-color-ink-secondary)}.bench-start{padding:16px 20px 48px;max-width:72ch}.ttn-fsec{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none;z-index:2}.ttn-fsec-slot{position:absolute;display:flex;align-items:center}.ttn-fsec-mark{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);max-inline-size:100%;min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-sheet-ink-muted);border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-sheet-ink);font-size:var(--ttn-font-size-sm);white-space:nowrap;pointer-events:auto;cursor:default}.ttn-fsec-mark[data-selected]{border-color:var(--ttn-color-sheet-selection);background:var(--ttn-color-sheet-paper);outline:var(--ttn-focus-width) solid var(--ttn-color-sheet-selection);outline-offset:var(--ttn-border-width)}.ttn-fsec-field{min-inline-size:5rem;padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-focus-ring);color:var(--ttn-color-ink-primary);font:inherit}.ttn-fsec-field[aria-invalid=true]{border-color:var(--ttn-color-state-danger)}.ttn-fsec-chevron{display:grid;place-items:center;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon);padding:0;border:0;background:transparent;color:var(--ttn-color-sheet-ink-muted)}.ttn-fsec-chevron svg{inline-size:100%;block-size:100%;fill:none;stroke:currentColor;stroke-width:2}.ttn-fsec-handle{position:absolute;inset-block:0 calc(-1 * var(--ttn-space-gap-loose));inline-size:var(--ttn-size-control-height-small);display:grid;place-items:center;cursor:ew-resize;pointer-events:auto;touch-action:none}.ttn-fsec-handle[data-ttn-value=start]{transform:translate(-50%)}.ttn-fsec-handle[data-ttn-value=end]{transform:translate(50%)}.ttn-fsec-handle:after{content:"";inline-size:calc(2 * var(--ttn-border-width));block-size:100%;background:var(--ttn-color-sheet-selection)}.ttn-fsec-handle[data-invalid]:after{background:var(--ttn-color-sheet-issue)}.ttn-fsec-guide{position:absolute;inset-block:0 calc(-6 * var(--ttn-size-control-height));border-inline-start:calc(2 * var(--ttn-border-width)) dashed var(--ttn-color-sheet-selection)}.ttn-fsec-guide[data-invalid]{border-inline-start-color:var(--ttn-color-sheet-issue)}.ttn-fsec-tip{position:absolute;inset-block-start:calc(100% + var(--ttn-space-gap-default));inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);background:var(--ttn-color-sheet-chip);border:var(--ttn-border-width) solid var(--ttn-color-sheet-chip-border);border-radius:var(--ttn-radius-control);color:var(--ttn-color-sheet-ink);font-size:var(--ttn-font-size-xs);white-space:nowrap;z-index:3}.ttn-fsec-tip[data-invalid]{border-color:var(--ttn-color-sheet-issue)}.ttn-fsec-menu{position:absolute;z-index:4;inset-block-start:calc(100% + var(--ttn-space-gap-tight));inset-inline-start:0;display:grid;grid-template-columns:repeat(2,minmax(9rem,1fr));min-inline-size:20rem;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm);pointer-events:auto}.ttn-fsec-menu-head{grid-column:1 / -1;padding:var(--ttn-space-gap-tight) var(--ttn-space-gap-default);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-fsec-menu-item{display:flex;align-items:center;justify-content:space-between;min-block-size:var(--ttn-size-control-height-small);padding:var(--ttn-border-width) var(--ttn-space-gap-default);border-radius:var(--ttn-radius-control);cursor:default}.ttn-fsec-menu-item:hover,.ttn-fsec-menu-item[data-on]{background:var(--ttn-color-accent-soft)}.ttn-fsec-menu-wide{grid-column:1 / -1}.ttn-fsec-menu-danger{color:var(--ttn-color-state-danger)}.ttn-fsec-menu-danger:hover{background:var(--ttn-color-surface-raised);outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:calc(-1 * var(--ttn-focus-width))}.ttn-fsec-menu-danger kbd{font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs)}.ttn-fsec-menu-sep{grid-column:1 / -1;block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.bench-sheet[data-presentation=on]>:not(.ttn-pages):not(.sheet-page),.bench-sheet[data-presentation=on] .sheet-page>:not(.sheet){display:none!important}html,body,#root{height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none}#root{overflow:auto;padding-top:env(titlebar-area-height,0px);box-sizing:border-box}.ttn-cb-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-cb-dialog{position:relative;display:flex;flex-direction:column;inline-size:36rem;max-inline-size:100%;max-block-size:100%;overflow:hidden;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-cb-dialog--narrow{inline-size:30rem}.ttn-cb-dialog button,.ttn-cb-dialog input,.ttn-cb-dialog select,.ttn-cb-dialog textarea,.ttn-cb-banner button,.ttn-cb-screen button,.ttn-cb-screen textarea{font:inherit;color:inherit}.ttn-cb-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-cb-title{flex:1;min-inline-size:0;margin:0;overflow:hidden;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.ttn-cb-icon-btn{display:grid;place-items:center;flex:none;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-cb-icon-btn[aria-pressed=true]{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-cb-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-cb-body{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:var(--ttn-space-panel-padding)}.ttn-cb-foot{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-cb-spacer{flex:1}.ttn-cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);cursor:pointer}.ttn-cb-btn--primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-cb-btn--ghost{border-color:transparent;background:transparent;color:var(--ttn-color-accent-ink)}.ttn-cb-btn:disabled{cursor:default;opacity:.55}.ttn-cb-alert{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-sm)}.ttn-cb-alert-text{flex:1 1 16rem;min-inline-size:0;line-height:var(--ttn-font-line-height-normal)}.ttn-cb-alert--danger .ttn-cb-icon{color:var(--ttn-color-state-danger)}.ttn-cb-alert--warning .ttn-cb-icon{color:var(--ttn-color-state-warning)}.ttn-cb-alert--info .ttn-cb-icon{color:var(--ttn-color-state-info)}.ttn-cb-section-label{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cb-invite{display:flex;gap:var(--ttn-space-gap-default)}.ttn-cb-field,.ttn-cb-select,.ttn-cb-textarea{min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-sunken)}.ttn-cb-field{flex:1;min-inline-size:0}.ttn-cb-field:focus-visible,.ttn-cb-select:focus-visible,.ttn-cb-textarea:focus-visible,.ttn-cb-btn:focus-visible,.ttn-cb-icon-btn:focus-visible{outline:var(--ttn-border-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-cb-textarea{min-block-size:calc(2.5 * var(--ttn-size-control-height));padding-block:var(--ttn-space-gap-default);resize:vertical;line-height:var(--ttn-font-line-height-normal)}.ttn-cb-check{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height)}.ttn-cb-list{display:flex;flex-direction:column}.ttn-cb-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:calc(2 * var(--ttn-size-control-height));padding-inline:var(--ttn-space-gap-tight);border-radius:var(--ttn-radius-control)}.ttn-cb-row--request{background:var(--ttn-color-accent-soft)}.ttn-cb-avatar{display:grid;place-items:center;inline-size:calc(1.5 * var(--ttn-size-control-height));block-size:calc(1.5 * var(--ttn-size-control-height));border:calc(2 * var(--ttn-border-width)) solid var(--ttn-color-border-strong);border-radius:50%;background:var(--ttn-color-surface-raised);font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-cb-who{display:flex;flex-direction:column;min-inline-size:0}.ttn-cb-who>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ttn-cb-sub{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cb-row-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ttn-space-gap-default)}.ttn-cb-role{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);cursor:pointer}.ttn-cb-role[aria-disabled=true]{border-color:transparent;background:transparent;cursor:default}.ttn-cb-until{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary);text-align:end}.ttn-cb-pending{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-cb-menu{position:fixed;z-index:2;display:flex;flex-direction:column;min-inline-size:15rem;padding:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control)}.ttn-cb-scrim input[type=checkbox],.ttn-cb-scrim input[type=radio]{accent-color:var(--ttn-color-accent-solid)}.ttn-cb-menu-item{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-gap-default);border:0;border-radius:var(--ttn-radius-control);background:transparent;text-align:start;cursor:pointer}.ttn-cb-menu-item[aria-checked=true]{background:var(--ttn-color-accent-soft)}.ttn-cb-menu-item--danger{color:var(--ttn-color-state-danger)}.ttn-cb-menu-sep{block-size:var(--ttn-border-width);margin-block:var(--ttn-space-gap-tight);background:var(--ttn-color-border-subtle)}.ttn-cb-general{display:flex;flex-direction:column;gap:var(--ttn-space-gap-default)}.ttn-cb-general-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-cb-link-icon{display:grid;place-items:center;inline-size:calc(1.5 * var(--ttn-size-control-height));block-size:calc(1.5 * var(--ttn-size-control-height));border-radius:50%;background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-secondary)}.ttn-cb-link-icon--anyone{background:var(--ttn-color-accent-soft);color:var(--ttn-color-accent-ink)}.ttn-cb-warn{display:flex;align-items:center;gap:var(--ttn-space-gap-default);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-state-warning)}.ttn-cb-switch-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-size-control-height)}.ttn-cb-switch-row>span:first-child{flex:1;line-height:var(--ttn-font-line-height-normal)}.ttn-cb-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-cb-lead{margin:0;line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-cb-lead--muted{color:var(--ttn-color-ink-secondary)}.ttn-cb-banner{position:fixed;inset-block-start:var(--ttn-space-panel-padding);inset-inline:50% auto;z-index:900;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);max-inline-size:min(48rem,calc(100% - 2 * var(--ttn-space-panel-padding)));padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);transform:translate(-50%);background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-state-info);border-radius:var(--ttn-radius-panel);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-sm)}[dir=rtl] .ttn-cb-banner{transform:translate(50%)}.ttn-cb-banner>.ttn-cb-icon{color:var(--ttn-color-state-info)}.ttn-cb-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ttn-space-gap-loose);padding:calc(2 * var(--ttn-space-panel-padding));background:var(--ttn-color-surface-app);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);text-align:center}.ttn-cb-screen-mark{display:grid;place-items:center;inline-size:calc(3 * var(--ttn-size-icon));block-size:calc(3 * var(--ttn-size-icon));color:var(--ttn-color-ink-muted)}.ttn-cb-screen-mark>.ttn-cb-icon{inline-size:100%;block-size:100%}.ttn-cb-screen h1{margin:0;font-size:var(--ttn-font-size-xl);font-weight:var(--ttn-font-weight-bold)}.ttn-cb-screen .ttn-cb-textarea{inline-size:26rem;max-inline-size:100%;text-align:start}.ttn-cb-ok{display:flex;align-items:center;gap:var(--ttn-space-gap-default);color:var(--ttn-color-state-success)}.ttn-cb-danger{display:flex;align-items:center;gap:var(--ttn-space-gap-default);color:var(--ttn-color-state-danger);font-size:var(--ttn-font-size-sm)}.ttn-cb-screen-foot{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-cb-screen-foot a{color:var(--ttn-color-accent-ink)}.ttn-pr-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-scrim);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md);line-height:var(--ttn-font-line-height-tight)}.ttn-pr{--ttn-pr-hit: var(--ttn-size-control-height);position:relative;display:flex;flex-direction:column;inline-size:36rem;max-inline-size:100%;max-block-size:100%;overflow:hidden;background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-pr button,.ttn-pr textarea{font:inherit;color:inherit}.ttn-pr-head{display:flex;align-items:center;gap:var(--ttn-space-gap-default);flex:none;min-block-size:calc(var(--ttn-size-control-height) + 2 * var(--ttn-space-gap-default));padding-inline:var(--ttn-space-panel-padding) var(--ttn-space-gap-default);border-block-end:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pr-title{flex:1;min-inline-size:0;margin:0;font-size:var(--ttn-font-size-lg);font-weight:var(--ttn-font-weight-medium)}.ttn-pr-icon-btn{display:grid;place-items:center;flex:none;inline-size:var(--ttn-pr-hit);block-size:var(--ttn-pr-hit);padding:0;border:0;border-radius:var(--ttn-radius-control);background:transparent;color:var(--ttn-color-ink-secondary);cursor:pointer}.ttn-pr-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-pr-body{flex:1;min-block-size:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);padding:var(--ttn-space-panel-padding)}.ttn-pr-done{display:flex;flex-direction:column;align-items:center;gap:var(--ttn-space-gap-loose);padding-block:calc(3 * var(--ttn-space-panel-padding));text-align:center}.ttn-pr-done-mark{display:grid;place-items:center;inline-size:calc(2.5 * var(--ttn-size-control-height));block-size:calc(2.5 * var(--ttn-size-control-height));border-radius:50%;border:var(--ttn-focus-width) solid var(--ttn-color-state-success);color:var(--ttn-color-state-success)}.ttn-pr-done-mark .ttn-pr-icon{inline-size:calc(2 * var(--ttn-size-icon));block-size:calc(2 * var(--ttn-size-icon))}.ttn-pr-lead{margin:0;max-inline-size:28rem;font-size:var(--ttn-font-size-lg);line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-pr-form{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);margin:0;padding:0;border:0;min-inline-size:0}.ttn-pr-form:disabled{opacity:.6}.ttn-pr-label{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-pr-label-text{font-size:var(--ttn-font-size-sm);font-weight:var(--ttn-font-weight-medium)}.ttn-pr-field{display:block;min-block-size:5.5rem;padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);resize:vertical;background:var(--ttn-color-surface-sunken);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);line-height:var(--ttn-font-line-height-normal)}.ttn-pr-field::placeholder{color:var(--ttn-color-ink-muted)}.ttn-pr-field:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-pr-shots{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ttn-space-gap-default)}.ttn-pr-shots[data-count="2"],.ttn-pr-shots[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ttn-pr-shot{position:relative;margin:0;min-inline-size:0}.ttn-pr-shot-view{position:relative;display:block;inline-size:100%;block-size:9.5rem;padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-app);overflow:hidden;cursor:zoom-in}.ttn-pr-shots[data-count="2"] .ttn-pr-shot-view,.ttn-pr-shots[data-count="3"] .ttn-pr-shot-view{block-size:7.5rem}.ttn-pr-shot-view img{inline-size:100%;block-size:100%;object-fit:contain}.ttn-pr-shot-cap{position:absolute;inset-block-end:var(--ttn-space-gap-tight);inset-inline-start:var(--ttn-space-gap-tight);padding-inline:var(--ttn-space-gap-tight);background:var(--ttn-color-surface-overlay);font-family:var(--ttn-font-family-mono);font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-secondary)}.ttn-pr-shot-remove{position:absolute;inset-block-start:var(--ttn-space-gap-tight);inset-inline-end:var(--ttn-space-gap-tight);display:grid;place-items:center;inline-size:var(--ttn-size-control-height);block-size:var(--ttn-size-control-height);padding:0;border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-overlay);cursor:pointer}.ttn-pr-row{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default)}.ttn-pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ttn-space-gap-tight);min-inline-size:0;block-size:var(--ttn-pr-hit);padding-inline:var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);white-space:nowrap;cursor:pointer}.ttn-pr-btn-small{font-size:var(--ttn-font-size-sm)}.ttn-pr-btn[data-primary=true]{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium);padding-inline:var(--ttn-space-panel-padding)}.ttn-pr-btn:disabled{cursor:default;opacity:.6}.ttn-pr-btn[data-primary=true]:disabled{opacity:1;background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-disabled)}.ttn-pr-check{display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight)}.ttn-pr-check-row{display:flex;align-items:center;gap:var(--ttn-space-gap-default);min-block-size:var(--ttn-pr-hit);padding:0;border:0;background:transparent;text-align:start;cursor:pointer}.ttn-pr-check-row[aria-disabled=true]{cursor:default;opacity:.5}.ttn-pr-box{display:grid;place-items:center;flex:none;inline-size:calc(var(--ttn-size-icon) + 2 * var(--ttn-border-width));block-size:calc(var(--ttn-size-icon) + 2 * var(--ttn-border-width));border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-control);color:var(--ttn-color-ink-on-accent)}.ttn-pr-box[data-on=true]{border-color:var(--ttn-color-accent-solid);background:var(--ttn-color-accent-solid)}.ttn-pr-check-name{font-weight:var(--ttn-font-weight-medium)}.ttn-pr-note{padding-inline-start:calc(var(--ttn-size-icon) + 2 * var(--ttn-border-width) + var(--ttn-space-gap-default));font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal);color:var(--ttn-color-ink-secondary);text-wrap:pretty}.ttn-pr-more{border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle)}.ttn-pr-more-toggle{display:flex;align-items:center;gap:var(--ttn-space-gap-default);inline-size:100%;min-block-size:var(--ttn-pr-hit);padding:0;border:0;background:transparent;color:var(--ttn-color-ink-secondary);font-size:var(--ttn-font-size-sm);text-align:start;cursor:pointer}.ttn-pr-more-toggle[aria-expanded=false] .ttn-pr-icon{transform:rotate(-90deg)}.ttn-pr-more-list{margin:0;padding:0 0 var(--ttn-space-gap-default);padding-inline-start:calc(var(--ttn-size-icon) + var(--ttn-space-gap-default));list-style:none;display:flex;flex-direction:column;gap:var(--ttn-space-gap-tight);font-size:var(--ttn-font-size-sm);color:var(--ttn-color-ink-secondary)}.ttn-pr-more-list li{display:flex;align-items:center;gap:var(--ttn-space-gap-default)}.ttn-pr-more-list .ttn-pr-icon{color:var(--ttn-color-ink-muted)}.ttn-pr-line{display:flex;align-items:flex-start;gap:var(--ttn-space-gap-default);flex:none;margin-inline:var(--ttn-space-panel-padding);margin-block-end:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);border:var(--ttn-border-width) solid var(--ttn-pr-tone);border-radius:var(--ttn-radius-control);font-size:var(--ttn-font-size-sm);line-height:var(--ttn-font-line-height-normal)}.ttn-pr-line .ttn-pr-icon{color:var(--ttn-pr-tone)}.ttn-pr-line[data-tone=warning]{--ttn-pr-tone: var(--ttn-color-state-warning)}.ttn-pr-line[data-tone=info]{--ttn-pr-tone: var(--ttn-color-state-info)}.ttn-pr-line[data-tone=danger]{--ttn-pr-tone: var(--ttn-color-state-danger)}.ttn-pr-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default);flex:none;margin-inline:var(--ttn-space-panel-padding);margin-block-end:var(--ttn-space-gap-default);padding:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);background:var(--ttn-color-surface-raised);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control)}.ttn-pr-confirm-text{flex:1 1 12rem;font-weight:var(--ttn-font-weight-medium)}.ttn-pr-foot{display:flex;justify-content:flex-end;align-items:center;gap:var(--ttn-space-gap-default);flex:none;padding:var(--ttn-space-gap-default) var(--ttn-space-panel-padding);border-block-start:var(--ttn-border-width) solid var(--ttn-color-border-subtle);background:var(--ttn-color-surface-overlay)}.ttn-pr-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:grid;place-items:center;padding:var(--ttn-space-panel-padding);border:0;background:var(--ttn-color-surface-scrim);cursor:zoom-out}.ttn-pr-zoom img{max-inline-size:100%;max-block-size:100%}.ttn-pr-spin{animation:ttn-pr-spin 1s linear infinite}@keyframes ttn-pr-spin{to{transform:rotate(360deg)}}@media(max-width:40rem){.ttn-pr-scrim{padding:0;background:var(--ttn-color-surface-overlay)}.ttn-pr{--ttn-pr-hit: 44px;inline-size:100%;block-size:100%;border:0;border-radius:0}.ttn-pr-field{min-block-size:6rem}.ttn-pr-shot-view{block-size:8rem}.ttn-pr-foot .ttn-pr-btn{flex:1 1 0}}.ttn-wl-guest{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding-inline:var(--ttn-space-panel-padding);padding-block-end:7vh;background:var(--ttn-color-surface-scrim);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md)}@media(min-height:900px){.ttn-wl-guest{padding-block-end:18vh}}.ttn-wl-card{display:flex;flex-direction:column;gap:var(--ttn-space-gap-loose);inline-size:28rem;max-inline-size:100%;padding:calc(2 * var(--ttn-space-panel-padding));background:var(--ttn-color-surface-overlay);border:var(--ttn-border-width) solid var(--ttn-color-border-strong);border-radius:var(--ttn-radius-panel)}.ttn-wl-body{margin:0;font-size:var(--ttn-font-size-lg);line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}.ttn-wl-row{display:flex;flex-wrap:wrap;gap:var(--ttn-space-gap-default)}.ttn-wl-note{font-size:var(--ttn-font-size-xs);color:var(--ttn-color-ink-muted)}.ttn-wl-btn{display:inline-flex;align-items:center;gap:var(--ttn-space-gap-default);block-size:var(--ttn-size-control-height);padding-inline:var(--ttn-space-panel-padding);border:var(--ttn-border-width) solid var(--ttn-color-border-default);border-radius:var(--ttn-radius-control);background:var(--ttn-color-surface-raised);color:var(--ttn-color-ink-primary);font:inherit;cursor:pointer}.ttn-wl-btn--primary{border-color:transparent;background:var(--ttn-color-accent-solid);color:var(--ttn-color-ink-on-accent);font-weight:var(--ttn-font-weight-medium)}.ttn-wl-btn--small{block-size:var(--ttn-size-control-height-small);padding-inline:var(--ttn-space-gap-loose);font-size:var(--ttn-font-size-sm);white-space:nowrap}.ttn-wl-btn:focus-visible{outline:var(--ttn-focus-width) solid var(--ttn-color-focus-ring);outline-offset:var(--ttn-border-width)}.ttn-wl-icon{display:block;flex:none;inline-size:var(--ttn-size-icon);block-size:var(--ttn-size-icon)}.ttn-wl-banner{position:fixed;inset-inline:0;inset-block-start:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ttn-space-gap-default) var(--ttn-space-gap-loose);min-block-size:var(--ttn-size-control-height);padding-block:var(--ttn-space-gap-default);padding-inline:var(--ttn-space-panel-padding);background:var(--ttn-color-surface-overlay);border-block-end:var(--ttn-focus-width) solid var(--ttn-color-state-warning);color:var(--ttn-color-ink-primary);font-family:var(--ttn-font-family-ui);font-size:var(--ttn-font-size-md)}.ttn-wl-banner-icon{color:var(--ttn-color-state-warning)}.ttn-wl-banner-text{flex:1 1 20rem;min-inline-size:0;line-height:var(--ttn-font-line-height-normal);text-wrap:pretty}