.tt-el-bn-scope{

            --tt-el-bn-color-rim:        var(--color-tea);
            --tt-el-bn-frame-color: var(--color-tea-light);
            --tt-el-bn-pill-color: var(--color-linen-light);
            --tt-el-bn-color-active:  var(--color-cream);
            --tt-el-bn-color-inactive:   var(--color-tea-light);

            --tt-el-bn-frame-rgb: 177, 182, 159;
            --tt-el-bn-pill-rgb: 224, 206, 170;

            --tt-el-bn-icon-height: calc(var(--tt-el-bn-seed, 26) * 1px);
            --tt-el-bn-text-block: calc(var(--tt-el-bn-icon-height) / 1.618033988749895);
            --tt-el-bn-label-size: calc(var(--tt-el-bn-text-block) * 1.618033988749895 / 2.618033988749895);

            --tt-el-bn-label-pad: calc((var(--tt-el-bn-text-block) - var(--tt-el-bn-label-size)) * (1 - var(--tt-el-bn-morph, 0)));

            --tt-el-bn-item-content: calc(var(--tt-el-bn-icon-height) + var(--tt-el-bn-text-block));

            --tt-el-bn-inner-full:    calc(var(--tt-el-bn-item-content) * 1.618033988749895);
            --tt-el-bn-inner-compact: calc(var(--tt-el-bn-icon-height) * 1.618033988749895);
            --tt-el-bn-inner: calc(var(--tt-el-bn-inner-full)
                            + (var(--tt-el-bn-inner-compact) - var(--tt-el-bn-inner-full)) * var(--tt-el-bn-morph, 0));
            --tt-el-bn-inner-pad-full:    calc((var(--tt-el-bn-inner-full) - var(--tt-el-bn-item-content)) / 2);
            --tt-el-bn-inner-pad-compact: calc((var(--tt-el-bn-inner-compact) - var(--tt-el-bn-icon-height)) / 2);
            --tt-el-bn-inner-pad: calc(var(--tt-el-bn-inner-pad-full)
                            + (var(--tt-el-bn-inner-pad-compact) - var(--tt-el-bn-inner-pad-full)) * var(--tt-el-bn-morph, 0));

            --tt-el-bn-frame-border-w: 1px;
            --tt-el-bn-frame-height: calc(var(--tt-el-bn-inner) + 2px);

            --tt-el-bn-rim-size: calc(var(--tt-el-bn-inner-pad) / 2.618033988749895);

            --tt-el-bn-pill-gap: var(--tt-el-bn-rim-size);
            --tt-el-bn-pill-height: calc(var(--tt-el-bn-inner) - var(--tt-el-bn-pill-gap) * 2);
            --tt-el-bn-pill-radius: calc(var(--tt-el-bn-pill-height) / 2);

            --tt-el-bn-bar-radius: calc(var(--tt-el-bn-inner) / 2);
            --tt-el-bn-frame-radius: calc(var(--tt-el-bn-bar-radius) + 1px);
            --tt-el-bn-shell-radius: calc(var(--tt-el-bn-frame-radius) + var(--tt-el-bn-rim-size));

            --tt-el-bn-bar-w: 400px;

            --tt-el-bn-margin: calc(var(--tt-el-bn-rim-size) * 1.618033988749895);

            --tt-el-bn-share-half: calc(var(--tt-el-bn-icon-gap) / 2);

            --tt-el-bn-item-gap-ratio: 2.618033988749895;
            --tt-el-bn-item-gap: calc(var(--tt-el-bn-rim-size) * var(--tt-el-bn-item-gap-ratio));

            --tt-el-bn-end-comp: 0px;

            --tt-el-bn-reveal-y: calc(var(--tt-el-bn-rim-size) * 4.23606797749979);
            --tt-el-bn-reveal-t: 420ms;

            --tt-el-bn-pill-ratio: 1.3416407865;
            --tt-el-bn-bubble-w: calc(var(--tt-el-bn-pill-height) * var(--tt-el-bn-pill-ratio));
            --tt-el-bn-icon-gap: calc((var(--tt-el-bn-bubble-w) - var(--tt-el-bn-icon-height)) / 2 + var(--tt-el-bn-rim-size));

            --tt-el-bn-safe-ratio: 0.618033988749895;
            --tt-el-bn-safe-raw: env(safe-area-inset-bottom, 0px);
            --tt-el-bn-safe-k: var(--tt-el-bn-safe-ratio);   /* v6.49.0 — the share in use (compact overrides) */
            --tt-el-bn-safe: calc(var(--tt-el-bn-safe-raw) * var(--tt-el-bn-safe-k));
            --tt-el-bn-safe-x: max(env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
            --tt-el-bn-gap: var(--tt-el-bn-margin);
            --tt-el-bn-gap-x: var(--tt-el-bn-margin);
            --tt-el-bn-pad-x: var(--tt-el-bn-gap-x);
            --tt-el-bn-pad-b: max(var(--tt-el-bn-safe), var(--tt-el-bn-gap));

            --tt-el-bn-rim-bg: var(--tt-el-bn-color-rim);
            --tt-el-bn-frame-border-color: rgba(var(--tt-el-bn-frame-rgb), var(--tt-el-bn-frame-opacity, .382));
            --tt-el-bn-frame-border-color: color-mix(in srgb, var(--tt-el-bn-frame-color) 50%, transparent);   /* v6.2.5 — a fixed floor: if an engine rejects calc() inside a
                  color-mix percentage, this is what keeps the border shorthand valid. */
            --tt-el-bn-frame-border-color: color-mix(in srgb, var(--tt-el-bn-frame-color) calc(var(--tt-el-bn-frame-opacity, .382) * 100%), transparent);
            --tt-el-bn-bar-bg: var(--tt-el-bn-color-rim);
            --tt-el-bn-tint-active: var(--tt-el-bn-color-active);
            --tt-el-bn-tint-inactive: var(--tt-el-bn-color-inactive);
            --tt-el-bn-pill-bg: rgba(var(--tt-el-bn-pill-rgb), 0.146);
            --tt-el-bn-pill-bg: color-mix(in srgb, var(--tt-el-bn-pill-color) 14.6%, transparent);
            --tt-el-bn-pill-bg-press: rgba(var(--tt-el-bn-pill-rgb), 0.236);
            --tt-el-bn-pill-bg-press: color-mix(in srgb, var(--tt-el-bn-pill-color) 23.6%, transparent);
            --tt-el-bn-pill-bg-drag: rgba(var(--tt-el-bn-pill-rgb), 0.186);
            --tt-el-bn-pill-bg-drag: color-mix(in srgb, var(--tt-el-bn-pill-color) 18.6%, transparent);

            --tt-el-bn-t-press: 0.18s;
            --tt-el-bn-t-fade: 0.24s;
        }

        .tt-el-bn-scope[data-endcomp="on"] { --tt-el-bn-end-comp: calc(var(--tt-el-bn-item-gap) / 2); }
                .tt-el-bn-item:first-child { margin-left: calc(var(--tt-el-bn-share-half) + var(--tt-el-bn-end-comp)); }
        .tt-el-bn-item:last-child  { margin-right: calc(var(--tt-el-bn-share-half) + var(--tt-el-bn-end-comp)); }

        .tt-el-bn-scope[data-density="compact"] { --tt-el-bn-morph: 1; --tt-el-bn-safe-k: var(--tt-el-bn-safe-ratio-compact, calc(var(--tt-el-bn-safe-ratio) * 1.272019649514069)); }   /* v6.49.0 */

        .tt-el-bn-scope[data-inset="concentric"] {
            --tt-el-bn-i: max(var(--tt-el-bn-safe), var(--tt-el-bn-safe-x), var(--tt-el-bn-gap));
            --tt-el-bn-pad-x: var(--tt-el-bn-i);
            --tt-el-bn-pad-b: max(var(--tt-el-bn-safe), var(--tt-el-bn-gap));   /* v6.81.1 — never the side inset */
        }
        .tt-el-bn-scope[data-inset="additive"] {
            --tt-el-bn-i: calc(max(var(--tt-el-bn-safe), var(--tt-el-bn-safe-x)) + var(--tt-el-bn-gap));
            --tt-el-bn-pad-x: var(--tt-el-bn-i);
            --tt-el-bn-pad-b: calc(var(--tt-el-bn-safe) + var(--tt-el-bn-gap));   /* v6.81.1 — never the side inset */
        }
        .tt-el-bn-scope[data-inset="free"] {
            --tt-el-bn-pad-x: max(var(--tt-el-bn-safe-x), var(--tt-el-bn-gap-x));
            --tt-el-bn-pad-b: calc(var(--tt-el-bn-safe) + var(--tt-el-bn-gap));
        }

        @media (prefers-reduced-motion: reduce) {
        }
        .tt-el-bn-reduced .tt-el-bn-pill {
            transition: opacity 140ms ease !important;
            transform: translateY(-50%) scale(1, 1) !important;
        }
        .tt-el-bn-reduced .tt-el-bn-pill.tt-el-bn-crossfade-out {
            opacity: 0;
        }
        .tt-el-bn-reduced .tt-el-bn-item.tab-fly-in {
            animation: ttFadeIn 200ms ease both !important;
        }
        .tt-el-bn-reduced .tt-el-bn-item.tab-fly-out {
            animation: ttFadeOut 180ms ease both !important;
        }
        .tt-el-bn-reduced .tt-el-bn-item.bouncing {
            animation: none !important; transform: none !important;
        }
        @keyframes ttFadeIn {
            from { opacity: 0; transform: none; }
            to   { opacity: 1; transform: none; }
        }
        @keyframes ttFadeOut {
            from { opacity: 1; transform: none; }
            to   { opacity: 0; transform: none; }
        }

        .tt-el-bn-items.tt-el-bn-scrollable {
            -webkit-mask-image: linear-gradient(to right, transparent 0px, black 14px, black calc(100% - 14px), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0px, black 14px, black calc(100% - 14px), transparent 100%);
        }
        .tt-el-bn-items.tt-el-bn-scroll-start {
            -webkit-mask-image: linear-gradient(to right, black 0px, black calc(100% - 14px), transparent 100%);
            mask-image: linear-gradient(to right, black 0px, black calc(100% - 14px), transparent 100%);
        }
        .tt-el-bn-items.tt-el-bn-scroll-end {
            -webkit-mask-image: linear-gradient(to right, transparent 0px, black 14px, black 100%);
            mask-image: linear-gradient(to right, transparent 0px, black 14px, black 100%);
        }

        :root[data-tt-bottomnav="on"] .tt-bottomnav-space::after,
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space--full::after,
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space--compact::after {
            content: '';
            display: block;

            flex: 0 0 auto;
            width: 100%;
            pointer-events: none;
        }

        :root[data-tt-el-bn-space-mode="glide"][data-tt-el-bn-space-glide="on"] .tt-bottomnav-space::after {
            transition: height var(--tt-el-bn-space-ms, 550ms) var(--tt-el-bn-space-ease, ease-out);   /* v6.48.2 — only this box animates */
        }

        :root[data-tt-bottomnav="on"] .tt-bottomnav-space::after {   /* v6.52.0 — the larger density, held through a morph */
            height: max(var(--tt-el-bn-space-live, 0px), var(--tt-el-bn-space-full, 88px), var(--tt-el-bn-space-compact, 62px));
        }
        :root[data-tt-bottomnav="on"][data-tt-el-bn-space-mode="glide"] .tt-bottomnav-space::after {
            height: max(var(--tt-el-bn-space-live, 0px),
                    calc(var(--tt-el-bn-space-full, 88px)
                       + (var(--tt-el-bn-space-compact, 62px) - var(--tt-el-bn-space-full, 88px))
                       * var(--tt-el-bn-morph-doc, 0)));   /* v6.23.1 — never less than the nav actually occupies */
        }
        /* v6.53.0 — Follow: in-flow reserve set per element (once per change, out of sight); pinned glide by translate */
        :root[data-tt-bottomnav="on"][data-tt-el-bn-space-mode="follow"] .tt-bottomnav-space[data-tt-el-bn-space="flow"]::after {
            height: var(--tt-el-bn-space-el, max(var(--tt-el-bn-space-live, 0px), var(--tt-el-bn-space-full, 88px), var(--tt-el-bn-space-compact, 62px)));
        }
        :root[data-tt-bottomnav="on"][data-tt-el-bn-space-mode="follow"] .tt-bottomnav-space[data-tt-el-bn-space="pin"] {
            translate: 0 var(--tt-el-bn-space-shift, 0px);
            transition: translate var(--tt-el-bn-space-ms, 550ms) var(--tt-el-bn-space-ease, ease-out);
        }
        :root[data-tt-bottomnav="on"][data-tt-el-bn-space-mode="follow"] .tt-bottomnav-space[data-tt-el-bn-space="flow"][data-tt-el-bn-space-anim="on"]::after {
            transition: height var(--tt-el-bn-space-ms, 550ms) var(--tt-el-bn-space-ease, ease-out);   /* v6.53.1 — the settle's close, this box only */
        }
        @media (prefers-reduced-motion: reduce) {
            :root[data-tt-el-bn-space-mode="follow"] .tt-bottomnav-space[data-tt-el-bn-space="pin"],
            :root[data-tt-el-bn-space-mode="follow"] .tt-bottomnav-space[data-tt-el-bn-space-anim="on"]::after { transition: none; }
        }
        /* v6.54.0 — nested spacers never stack: only the outermost reserves */
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space .tt-bottomnav-space::after,
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space .tt-bottomnav-space--full::after,
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space .tt-bottomnav-space--compact::after { content: none; }
        /* v6.64.0 — sticky buttons above the bar, at its width */
        :root[data-tt-bottomnav="on"] .tt-bottomnav-sticky,
        :root[data-tt-bottomnav="on"] .tt-bottomnav-sticky--full,
        :root[data-tt-bottomnav="on"] .tt-bottomnav-sticky--compact {
            position: fixed; left: var(--tt-el-bn-above-cx, 50%); right: auto; margin: 0; translate: -50% 0; box-sizing: border-box; max-width: 100%;
            z-index: var(--tt-el-bn-sticky-z, 10);
        }
        :root[data-tt-bottomnav="on"] .tt-bottomnav-sticky {
            width: var(--tt-el-bn-above-w, var(--tt-el-bn-w-live, auto));
            bottom: calc(var(--tt-el-bn-above-b, var(--tt-el-bn-space-live, 88px)) + var(--tt-el-bn-above-gap, 8px));
            transition: width var(--tt-el-bn-space-ms, 550ms) var(--tt-el-bn-space-ease, ease-out),
                        bottom var(--tt-el-bn-space-ms, 550ms) var(--tt-el-bn-space-ease, ease-out);
        }
        :root[data-tt-bottomnav="on"] .tt-bottomnav-sticky--full {
            width: var(--tt-el-bn-w-full, var(--tt-el-bn-w-live, auto));
            bottom: calc(var(--tt-el-bn-b-full, var(--tt-el-bn-space-full, 88px)) + var(--tt-el-bn-above-gap, 8px));
        }
        :root[data-tt-bottomnav="on"] .tt-bottomnav-sticky--compact {
            width: var(--tt-el-bn-w-compact, var(--tt-el-bn-w-live, auto));
            bottom: calc(var(--tt-el-bn-b-compact, var(--tt-el-bn-space-compact, 62px)) + var(--tt-el-bn-above-gap, 8px));
        }
        @media (prefers-reduced-motion: reduce) { :root .tt-bottomnav-sticky { transition: none; } }
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space--full::after    { height: var(--tt-el-bn-space-full, 88px); }
        :root[data-tt-bottomnav="on"] .tt-bottomnav-space--compact::after { height: var(--tt-el-bn-space-compact, 62px); }

        .tt-el-bn-dock {
            position: fixed; bottom: 0; left: 0; right: 0; z-index: var(--tt-el-bn-z, 10);
            display: flex; justify-content: center; align-items: flex-end;

            padding: 0 var(--tt-el-bn-pad-x) var(--tt-el-bn-pad-b);
            pointer-events: none;

            transition: opacity var(--tt-el-bn-reveal-t, 420ms) ease,
                        transform var(--tt-el-bn-reveal-t, 420ms) cubic-bezier(0.22, 1, 0.36, 1);
        }

        .tt-el-bn-shell, .tt-el-bn-shell * {
            -webkit-touch-callout: none;
            -webkit-user-select: none; user-select: none;
            -webkit-user-drag: none;
        }

        .tt-el-bn-shell {
            position: relative; width: 100%;
            max-width: calc(var(--tt-el-bn-bar-w, calc(var(--tt-el-bn-max-width, 400) * 1px))
                       + var(--tt-el-bn-rim-size) * 2 + var(--tt-el-bn-frame-border-w) * 2);
            min-width: calc(var(--tt-el-bn-inner) * 2 + var(--tt-el-bn-rim-size) * 2 + var(--tt-el-bn-frame-border-w) * 2);
            border-radius: var(--tt-el-bn-shell-radius);
            padding: var(--tt-el-bn-rim-size);

            pointer-events: none;

            touch-action: none;
            transform: scale(var(--tt-el-bn-bar-scale, 1));

            transform-origin: center center;
            background: var(--tt-el-bn-rim-bg);

            transition: padding 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        transform 0s;
        }

        .tt-el-bn-frame {
            position: relative; width: 100%;
            height: calc(var(--tt-el-bn-inner) + var(--tt-el-bn-frame-border-w) * 2);
            border-radius: var(--tt-el-bn-frame-radius);
            border: var(--tt-el-bn-frame-border-w) solid var(--tt-el-bn-frame-border-color);
            overflow: visible;
            transition: height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);
        }

        .tt-el-bn-bar {
            position: relative; display: flex; align-items: center;
            width: 100%; height: 100%;
            background: var(--tt-el-bn-bar-bg);
            border-radius: var(--tt-el-bn-bar-radius);
            padding: 0;
            overflow: visible; touch-action: none;
            transition: border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);
        }

        .tt-el-bn-label.density-hide {
            opacity: 0; max-height: 0 !important; height: 0 !important;
            transform: translateY(4px) scale(0.8);
            pointer-events: none;
            transition: opacity 0.25s ease, transform 0.35s ease,
                        max-height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);
        }
        .tt-el-bn-label.density-show {
            opacity: 1;
            transform: translateY(0) scale(1);
            transition: opacity 0.3s ease 0.1s, transform 0.35s ease 0.05s,
                        max-height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);
        }

        .tt-el-bn-pill {
            position: absolute; top: 50%; left: 0;
            height: var(--tt-el-bn-pill-height);
            background: var(--tt-el-bn-pill-bg);

            border-radius: var(--tt-el-bn-pill-radius);
            transform: translateY(-50%) scale(1, 1);
            transform-origin: center center;
            pointer-events: none; z-index: 0;
            will-change: left, width, transform;
            contain: layout style;
            border: 0.5px solid rgba(var(--tt-el-bn-pill-rgb), 0.08);
            border: 0.5px solid color-mix(in srgb, var(--tt-el-bn-pill-color) 8%, transparent);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.06),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.08);
        }

        .tt-el-bn-pill.idle {

            transition:
                height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                background var(--tt-el-bn-t-fade) ease,
                box-shadow var(--tt-el-bn-t-fade) ease;
        }
        .tt-el-bn-pill.pressing {
            background: var(--tt-el-bn-pill-bg-press);
            border-color: rgba(var(--tt-el-bn-pill-rgb), 0.12);
            border-color: color-mix(in srgb, var(--tt-el-bn-pill-color) 12%, transparent);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.10),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.06);
            transition: left 0s, width 0s, transform 0s, background var(--tt-el-bn-t-press) ease;
        }
        .tt-el-bn-pill.dragging {
            background: var(--tt-el-bn-pill-bg-drag);
            border-color: rgba(var(--tt-el-bn-pill-rgb), 0.14);
            border-color: color-mix(in srgb, var(--tt-el-bn-pill-color) 14%, transparent);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.08),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.06);
            transition: left 0s, width 0s, transform 0s, background 0.08s ease;
        }
        .tt-el-bn-pill.settling {

            transition: left 0s, width 0s, transform 0s, background var(--tt-el-bn-t-fade) ease;
        }
        .tt-el-bn-pill.animating, .tt-el-bn-pill.tapfly {
            transition: left 0s, width 0s, transform 0s, background var(--tt-el-bn-t-fade) ease;
        }

        .tt-el-bn-pill-slices {
            --tt-el-bn-sl-bg: var(--tt-el-bn-pill-bg);
            --tt-el-bn-sl-bc: rgba(var(--tt-el-bn-pill-rgb), 0.08);
            --tt-el-bn-sl-bc: color-mix(in srgb, var(--tt-el-bn-pill-color) 8%, transparent);
            position: absolute; inset: 0; z-index: 0;
            pointer-events: none; display: none;
        }
        .tt-el-bn-engine-composited .tt-el-bn-pill-slices { display: block; }
        .tt-el-bn-engine-composited .tt-el-bn-pill { display: none; }
        .tt-el-bn-pill-slices.pressing { --tt-el-bn-sl-bg: var(--tt-el-bn-pill-bg-press); --tt-el-bn-sl-bc: rgba(var(--tt-el-bn-pill-rgb), 0.12); --tt-el-bn-sl-bc: color-mix(in srgb, var(--tt-el-bn-pill-color) 12%, transparent); }
        .tt-el-bn-pill-slices.dragging { --tt-el-bn-sl-bg: var(--tt-el-bn-pill-bg-drag);  --tt-el-bn-sl-bc: rgba(var(--tt-el-bn-pill-rgb), 0.14); --tt-el-bn-sl-bc: color-mix(in srgb, var(--tt-el-bn-pill-color) 14%, transparent); }
        .tt-el-bn-sl {
            position: absolute; top: 50%; left: 0;

            height: var(--tt-el-bn-pill-height);
            margin-top: calc(var(--tt-el-bn-pill-height) / -2);
            background: var(--tt-el-bn-sl-bg);
            transform-origin: 0 50%;
            backface-visibility: hidden;
            will-change: auto;
        }
        .tt-el-bn-sl-cap {
            width: var(--tt-el-bn-pill-height);
            border-radius: 50%;
            border: var(--tt-el-bn-sl-bw, 0.5px) solid var(--tt-el-bn-sl-bc);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.06),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.08);
        }
        /* v6.11.5 — open by the drop shadow's reach on the uncut sides (0 at rest: the variable is set with the glass) */
        .tt-el-bn-sl-cap-l { clip-path: inset(calc(-1 * var(--tt-el-bn-drop-m, 0px)) 50% calc(-1 * var(--tt-el-bn-drop-m, 0px)) calc(-1 * var(--tt-el-bn-drop-m, 0px))); }
        .tt-el-bn-sl-cap-r { clip-path: inset(calc(-1 * var(--tt-el-bn-drop-m, 0px)) calc(-1 * var(--tt-el-bn-drop-m, 0px)) calc(-1 * var(--tt-el-bn-drop-m, 0px)) 50%); }
        .tt-el-bn-sl-body {

            border-top: var(--tt-el-bn-sl-bw, 0.5px) solid var(--tt-el-bn-sl-bc);
            border-bottom: var(--tt-el-bn-sl-bw, 0.5px) solid var(--tt-el-bn-sl-bc);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.06),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.08);
        }

        .tt-el-bn-input {
            position: absolute; inset: 0; z-index: 2;
            display: flex; align-items: stretch;
            pointer-events: auto;
            touch-action: none;
        }
        .tt-el-bn-hit {
            flex: 1 1 0%;
            display: block; padding: 0; margin: 0; border: 0;
            background: none; font: inherit; color: inherit; cursor: pointer;
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none; user-select: none;
        }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-density="compact"] .tt-el-bn-input {
            top: calc(-1 * var(--tt-el-bn-hit-extra, max(0px, var(--tt-el-bn-space-full, 0px) - var(--tt-el-bn-space-compact, 0px))));   /* v6.57.0 — the compact touch zone (before calibration: the footprints' difference) */
        }
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-icon,
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-label,
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-item,
        .tt-el-bn-scope[data-tt-el-bn-morphing][data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label.density-hide,
        .tt-el-bn-scope[data-tt-el-bn-morphing][data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label.density-show,
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-item-inner,
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-accent,
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-accent-clip,
        .tt-el-bn-scope[data-tt-el-bn-morphing] .tt-el-bn-accent-content { transition: none !important; }   /* v6.57.1 */
        /* v6.67.1 — the bar's paint as three real elements (iOS composites their transforms; it did not run ::before animations) */
        .tt-el-bn-scope.tt-el-bn-mdrag .tt-el-bn-item > .tt-el-bn-accent:not(.tt-el-bn-none) { opacity: 0 !important; }   /* v6.72.0 — mid-change drag: the windows belong to the change */
        .tt-el-bn-paint { display: none; }
        .tt-el-bn-scope[data-tt-el-bn-g2="on"][data-tt-el-bn-paint] .tt-el-bn-paint { display: block; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
        .tt-el-bn-scope[data-tt-el-bn-g2="on"][data-tt-el-bn-paint] .tt-el-bn-shell::before,
        .tt-el-bn-scope[data-tt-el-bn-g2="on"][data-tt-el-bn-paint] .tt-el-bn-frame::before,
        .tt-el-bn-scope[data-tt-el-bn-g2="on"][data-tt-el-bn-paint] .tt-el-bn-bar::before { content: none; }
        /* boxes and transform origins are written from the live layout (paintGeo): the frame's and the bar's own boxes */
        .tt-el-bn-paint > i { position: absolute; display: block; left: 0; top: 0; }
        .tt-el-bn-paint-rim   { background: var(--tt-el-bn-rim-bg); clip-path: var(--tt-el-bn-g2-shell); }
        .tt-el-bn-paint-frame { background: var(--tt-el-bn-frame-border-color); clip-path: var(--tt-el-bn-g2-frame); }
        .tt-el-bn-paint-bar   { background: var(--tt-el-bn-bar-bg); clip-path: var(--tt-el-bn-g2-bar); }
        /* the row must not clip the icons while they sit where the larger bar puts them */
        .tt-el-bn-scope[data-tt-el-bn-vis] .tt-el-bn-items { overflow: visible; }
        /* the bubble is paint, not content: it scales with the bar, about the same point as the bar's fill */
        .tt-el-bn-scope[data-tt-el-bn-vis] .tt-el-bn-pill-slices {
            transform-origin: 50% calc(100% + var(--tt-el-bn-rim-size, 0px) + var(--tt-el-bn-frame-border-w, 0px));
        }
        .tt-el-bn-hit:focus-visible {
            outline: 2px solid var(--tt-el-bn-color-active); outline-offset: -3px; border-radius: 999px;
        }

        .tt-el-bn-items {
            display: flex; width: 100%; position: relative; z-index: 1; height: 100%;
            gap: var(--tt-el-bn-item-gap);
            overflow-x: auto; overflow-y: hidden;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
        }
        .tt-el-bn-items::-webkit-scrollbar { display: none; }
        .tt-el-bn-items { scrollbar-width: none; }

        .tt-el-bn-item > *, .tt-el-bn-item svg, .tt-el-bn-item svg * { pointer-events: none; }

        .tt-el-bn-item { transform-origin: center center; }

        .tt-el-bn-item {
            flex: 1 1 0%; display: flex; flex-direction: column; align-items: center;
            justify-content: center;
            gap: var(--tt-el-bn-label-pad);
            height: 100%; cursor: pointer; position: relative;
            border: none; background: none; padding: 0; outline: none;
            min-width: 0;
            transition: gap 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);
            contain: layout style;
        }

        .tt-el-bn-items { pointer-events: none; }

        .tt-el-bn-items.tt-el-bn-scrollable { touch-action: pan-x; }
        .tt-el-bn-items.tt-el-bn-scrollable .tt-el-bn-item {
            flex: 0 0 auto;
            min-width: var(--tt-el-bn-inner);
        }
        .tt-el-bn-item.tab-fly-in {
            animation: tabFlyIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
        }

        .tt-el-bn-item.tab-fly-out {
            animation: tabFlyOut 0.3s cubic-bezier(0.55, 0, 1, 0.45) both;
            pointer-events: none;
        }
        @keyframes tabFlyIn {
            0%   { transform: scale(0) translateY(30px); opacity: 0; }
            50%  { transform: scale(1.15) translateY(-4px); opacity: 1; }
            75%  { transform: scale(0.95) translateY(1px); opacity: 1; }
            100% { transform: scale(1) translateY(0); opacity: 1; }
        }
        @keyframes tabFlyOut {
            0%   { transform: scale(1) translateY(0); opacity: 1; }
            100% { transform: scale(0) translateY(20px); opacity: 0; }
        }

        .tt-el-bn-item.bouncing .tt-el-bn-icon {
            animation: ttIconBounce 420ms cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        @keyframes ttIconBounce {
            0%   { transform: translateY(0) scale(1); }
            32%  { transform: translateY(-14%) scale(1.13); }
            62%  { transform: translateY(2%) scale(0.97); }
            100% { transform: translateY(0) scale(1); }
        }

        .tt-el-bn-item:focus-visible { outline: 2px solid var(--tt-el-bn-color-active); outline-offset: -2px; border-radius: var(--tt-el-bn-pill-radius); }

        .tt-el-bn-icon {
            width: var(--tt-el-bn-icon-height); height: var(--tt-el-bn-icon-height);
            display: flex; align-items: center; justify-content: center;
            color: var(--tt-el-bn-tint-inactive);
            transition: color var(--tt-el-bn-t-fade) ease, transform var(--tt-el-bn-t-press) ease,
                        width 0.35s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        height 0.35s cubic-bezier(0.22, 0.68, 0.35, 1.0);
            position: relative;
        }
        .tt-el-bn-icon svg {

            width: 100%; height: 100%;
            fill: none; stroke: currentColor;
            stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round;
        }
        .tt-el-bn-item.active .tt-el-bn-icon { color: var(--tt-el-bn-tint-active); }
        .tt-el-bn-item.active .tt-el-bn-icon svg { stroke: var(--tt-el-bn-tint-active); }

        .tt-el-bn-label {
            font-family: 'Cormorant Garamond', Georgia, serif;
            font-size: var(--tt-el-bn-label-size); font-weight: 400;
            letter-spacing: 0;
            text-transform: uppercase;
            line-height: calc(var(--tt-el-bn-label-size) * 0.7);
            height: calc(var(--tt-el-bn-label-size) * 0.7);
            overflow: hidden;
            display: block; text-align: center;
            color: var(--tt-el-bn-tint-inactive);
            transition: color var(--tt-el-bn-t-fade) ease,
                        font-size 0.35s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        height 0.35s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        opacity 0.25s ease, transform 0.3s ease, max-height 0.35s ease;
            white-space: nowrap; text-overflow: ellipsis;

            max-width: calc(100% - var(--tt-el-bn-rim-size) * 2);
            box-sizing: border-box;
        }
        .tt-el-bn-item.active .tt-el-bn-label { color: var(--tt-el-bn-tint-active); font-weight: 500; }

        @media (hover: hover) {
            .tt-el-bn-item:not(.active):hover .tt-el-bn-icon,
            .tt-el-bn-item:not(.active):hover .tt-el-bn-label { color: var(--tt-el-bn-color-active); }
        }

        .tt-el-bn-item.drag-preview .tt-el-bn-icon { color: var(--tt-el-bn-tint-active); transition: color 0.1s ease; }
        .tt-el-bn-item.drag-preview .tt-el-bn-label { color: var(--tt-el-bn-tint-active); transition: color 0.1s ease; }
        .tt-el-bn-item.drag-preview .tt-el-bn-icon svg { stroke: var(--tt-el-bn-tint-active); }
        .tt-el-bn-item.drag-deactivated .tt-el-bn-icon { color: var(--tt-el-bn-tint-inactive); transition: color 0.1s ease; }
        .tt-el-bn-item.drag-deactivated .tt-el-bn-label { color: var(--tt-el-bn-tint-inactive); transition: color 0.1s ease; }
        .tt-el-bn-item.drag-deactivated .tt-el-bn-icon svg { fill: none; stroke: currentColor; stroke-width: 1.5; }

        .tt-el-bn-hud {
            position: fixed; left: 12px; z-index: 2147482900;
            bottom: calc(8px + var(--tt-el-bn-space-full, 0px)
                   + (var(--tt-el-bn-space-compact, 0px) - var(--tt-el-bn-space-full, 0px))
                   * var(--tt-el-bn-morph, 0));
            display: none; flex-direction: column; align-items: flex-start; gap: 6px;
            max-width: min(92vw, 460px); pointer-events: none;
            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
            font-size: 11px; line-height: 1.45; color: #f5f1e6;
        }
        .tt-el-bn-hud.show { display: flex; }

        .tt-el-bn-hud-pill {
            display: inline-flex; align-items: center; gap: 7px;
            margin: 0; padding: 7px 13px;
            border: 1px solid rgba(184,148,95,.45); border-radius: 999px;
            background: rgba(27,36,32,.72);
            -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
            color: inherit; font: inherit; pointer-events: auto; cursor: pointer;
            transition: transform .24s cubic-bezier(.32,.72,0,1), opacity .18s linear;
        }
        .tt-el-bn-hud-pill:active { transform: scale(.95); }
        .tt-el-bn-hud-dot {
            width: 6px; height: 6px; border-radius: 999px; background: #b8945f;
            transition: transform .3s cubic-bezier(.32,.72,0,1);
        }
        .tt-el-bn-hud.has-new .tt-el-bn-hud-dot { transform: scale(1.9); }
        .tt-el-bn-hud-lbl { opacity: .75; letter-spacing: .04em; }
        .tt-el-bn-hud-num {
            padding: 1px 6px; border-radius: 999px;
            background: rgba(245,241,230,.14); font-size: 10px;
        }

        .tt-el-bn-hud-panel {
            width: min(92vw, 460px); max-height: min(52vh, 460px);
            display: flex; flex-direction: column; overflow: hidden;
            border: 1px solid rgba(184,148,95,.45); border-radius: 12px;
            background: rgba(27,36,32,.94);
            -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
            opacity: 0; transform: scale(.9) translateY(8px); transform-origin: 0 100%;
            pointer-events: none; visibility: hidden;
            transition: opacity .2s linear, transform .32s cubic-bezier(.32,.72,0,1), visibility 0s linear .32s;
        }
        .tt-el-bn-hud.is-open .tt-el-bn-hud-panel {
            opacity: 1; transform: none; pointer-events: auto; visibility: visible;
            transition: opacity .2s linear, transform .32s cubic-bezier(.32,.72,0,1), visibility 0s;
        }
        .tt-el-bn-hud.is-open .tt-el-bn-hud-pill { opacity: 0; transform: scale(.8); pointer-events: none; }

        .tt-el-bn-hud-bar {
            display: flex; align-items: center; gap: 6px; flex: 0 0 auto;
            padding: 8px 8px 8px 11px; border-bottom: 1px solid rgba(245,241,230,.12);
        }
        .tt-el-bn-hud-title {
            flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
            white-space: nowrap; opacity: .75;
        }
        .tt-el-bn-hud-btn {
            padding: 4px 9px; border: 1px solid rgba(245,241,230,.18); border-radius: 999px;
            background: transparent; color: inherit; font: inherit; cursor: pointer; pointer-events: auto;
            transition: background .18s linear, transform .18s cubic-bezier(.32,.72,0,1);
        }
        .tt-el-bn-hud-btn:active { transform: scale(.92); background: rgba(245,241,230,.12); }
        .tt-el-bn-hud-btn.x { padding: 4px 8px; }

        .tt-el-bn-hud-tabs { display: flex; gap: 5px; padding: 0 11px 6px; flex: 0 0 auto; }
        .tt-el-bn-hud-tab {
            padding: 3px 11px; border: 1px solid rgba(245,241,230,.18); border-radius: 999px;
            background: transparent; color: inherit; font: inherit; opacity: .55;
            cursor: pointer; pointer-events: auto;
        }
        .tt-el-bn-hud-tab.is-active { opacity: 1; background: rgba(245,241,230,.12); }

        .tt-el-bn-hud-pane {
            flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch; padding: 8px 11px 10px;
            white-space: pre-wrap; word-break: break-word; touch-action: pan-y;
            font-variant-numeric: tabular-nums;
        }
        .tt-el-bn-hud-pane[hidden] { display: none; }
        .tt-el-bn-hud .dr { display: flex; justify-content: space-between; gap: 10px; }
        .tt-el-bn-hud .dr span:first-child { opacity: .6; flex: 0 0 auto; }
        .tt-el-bn-hud .dv {
            font-weight: 600; color: #e0ceaa; text-align: right;
            min-width: 0; word-break: break-word;
        }
        .tt-el-bn-hud .dv.grn { color: #8fb39a; }
        .tt-el-bn-hud .dv.red { color: #d88b7a; }
        .tt-el-bn-hud .dv.gold { color: #b8945f; }

        @media (prefers-reduced-motion: reduce) {
            .tt-el-bn-hud-pill, .tt-el-bn-hud-panel, .tt-el-bn-hud-btn, .tt-el-bn-hud-dot {
                transition-duration: 1ms;
            }
        }

        .tt-el-bn-scope{
            --tt-el-bn-wf-dock:   214, 108, 214;
            --tt-el-bn-wf-shell:  159,  80,  80;
            --tt-el-bn-wf-frame:   80,  80, 200;
            --tt-el-bn-wf-bar:     80, 160,  80;
            --tt-el-bn-wf-items:   60, 190, 190;
            --tt-el-bn-wf-item:   200, 200,  80;
            --tt-el-bn-wf-pill:   224, 206, 170;
            --tt-el-bn-wf-icon:   255, 120,  50;
            --tt-el-bn-wf-label:   50, 180, 220;
        }

        .tt-el-bn-scope.wireframe .tt-el-bn-dock {
            outline: 1px dashed rgba(var(--tt-el-bn-wf-dock), 0.45);
            outline-offset: -1px;
            background: rgba(var(--tt-el-bn-wf-dock), 0.06);
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-dock::before {
            content: ''; position: absolute; pointer-events: none;
            top: 0; left: var(--tt-el-bn-pad-x); right: var(--tt-el-bn-pad-x);
            bottom: var(--tt-el-bn-pad-b);
            outline: 1px dashed rgba(var(--tt-el-bn-wf-dock), 0.85);
        }

        .tt-el-bn-scope.wireframe .tt-el-bn-shell { outline: 1px dashed rgba(var(--tt-el-bn-wf-shell), 0.6); outline-offset: 0; }
        .tt-el-bn-scope.wireframe .tt-el-bn-shell::after {
            content: 'rim'; position: absolute; top: -14px; left: 8px;
            font-size: 8px; color: rgba(var(--tt-el-bn-wf-shell), 0.85); font-family: monospace;
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-frame { outline: 1px dashed rgba(var(--tt-el-bn-wf-frame), 0.6); }
        .tt-el-bn-scope.wireframe .tt-el-bn-frame::after {
            content: 'frame'; position: absolute; top: -14px; right: 8px;
            font-size: 8px; color: rgba(var(--tt-el-bn-wf-frame), 0.85); font-family: monospace;
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-bar { outline: 1px dashed rgba(var(--tt-el-bn-wf-bar), 0.6); }
        .tt-el-bn-scope.wireframe .tt-el-bn-items { outline: 1px dashed rgba(var(--tt-el-bn-wf-items), 0.55); outline-offset: -1px; }
        .tt-el-bn-scope.wireframe .tt-el-bn-pill { outline: 2px dashed rgba(var(--tt-el-bn-wf-pill), 0.7); }
        .tt-el-bn-scope.wireframe .tt-el-bn-item { outline: 1px dashed rgba(var(--tt-el-bn-wf-item), 0.4); }

        .tt-el-bn-scope.wireframe .tt-el-bn-item::after {
            content: ''; position: absolute; top: 0; bottom: 0; pointer-events: none;
            left: calc(-1 * var(--tt-el-bn-item-gap) / 2);
            right: calc(-1 * var(--tt-el-bn-item-gap) / 2);
            outline: 1px dotted rgba(var(--tt-el-bn-wf-item), 0.75);
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-item:first-child::after {
            left: calc(-1 * (var(--tt-el-bn-share-half) + var(--tt-el-bn-end-comp)));
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-item:last-child::after {
            right: calc(-1 * (var(--tt-el-bn-share-half) + var(--tt-el-bn-end-comp)));
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-icon { outline: 1px solid rgba(var(--tt-el-bn-wf-icon), 0.5); }
        .tt-el-bn-scope.wireframe .tt-el-bn-label { outline: 1px solid rgba(var(--tt-el-bn-wf-label), 0.5); }

        .tt-el-bn-scope.wireframe .tt-el-bn-item::before {
            content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%;
            background: rgba(255,255,255,0.10);
        }

        .tt-el-bn-scope.wireframe .tt-el-bn-bar::before {
            content: ''; position: absolute; top: 0; bottom: 0;
            left: var(--tt-el-bn-inner-pad); width: 1px;
            background: rgba(var(--tt-el-bn-wf-bar), 0.4); z-index: 5;
        }
        .tt-el-bn-scope.wireframe .tt-el-bn-bar::after {
            content: ''; position: absolute; top: 0; bottom: 0;
            right: var(--tt-el-bn-inner-pad); width: 1px;
            background: rgba(var(--tt-el-bn-wf-bar), 0.4); z-index: 5;
        }
        .tt-el-bn-scope.wireframe .wf-legend { display: block; }
.tt-el-bn-dupe-warning{position:fixed;left:12px;right:12px;bottom:12px;z-index:100000;
background:var(--color-lotus);color:var(--color-paper);font:500 12px/1.45 system-ui,sans-serif;
padding:10px 14px;border-radius:10px;text-align:center}

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-press {

            display: block;
            width: 100%;
            margin-inline: auto;
            transform: scale(var(--tt-el-bn-bar-scale, 1));
            transform-origin: 50% 50%;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-items-inner {
            display: flex; height: 100%; width: 100%;

            padding-inline: max(0px, calc(
                ((var(--tt-el-bn-pill-height) * var(--tt-el-bn-pill-ratio) - var(--tt-el-bn-icon-height)) / 2
                 + var(--tt-el-bn-rim-size) - var(--tt-el-bn-item-gap)) / 2));
            box-sizing: border-box;
            gap: 0;
            min-width: 0;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item-inner,
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent-mag {

            padding-inline: calc(var(--tt-el-bn-item-gap) / 2);
            box-sizing: border-box;
            width: 100%; min-width: 0;

            position: relative;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: var(--tt-el-bn-label-pad);

            transform-origin: center center;
            transition: gap 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);

;
}
/* v6.79.0 — inline labels: icon then label in a row */
.tt-el-bn-scope[data-tt-el-bn-inline][data-density="full"] .tt-el-bn-item,
.tt-el-bn-scope[data-tt-el-bn-inline][data-density="full"] .tt-el-bn-item-inner,
.tt-el-bn-scope[data-tt-el-bn-inline][data-density="full"] .tt-el-bn-accent-mag { flex-direction: row; gap: var(--tt-el-bn-inline-gap); }
.tt-el-bn-scope[data-tt-el-bn-inline][data-density="full"] .tt-el-bn-label { max-width: none; overflow: visible; text-overflow: clip; flex: 0 0 auto; }
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item:first-child { margin-left: 0;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item:last-child { margin-right: 0;

;
}

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] {
            --tt-el-bn-wf-dock:   214, 108, 214;
            --tt-el-bn-wf-shell:  159,  80,  80;
            --tt-el-bn-wf-frame:   80,  80, 200;
            --tt-el-bn-wf-bar:     80, 160,  80;
            --tt-el-bn-wf-items:   60, 190, 190;
            --tt-el-bn-wf-item:   200, 200,  80;
            --tt-el-bn-wf-pill:   224, 206, 170;
            --tt-el-bn-wf-icon:   255, 120,  50;
            --tt-el-bn-wf-label:   50, 180, 220;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-endcomp="on"] { --tt-el-bn-end-comp: calc(var(--tt-el-bn-item-gap) / 2);

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-density="compact"] { --tt-el-bn-morph: 1;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-inset="concentric"] {
            --tt-el-bn-pad-x: var(--tt-el-bn-i);
            --tt-el-bn-padding-b: max(var(--tt-el-bn-safe), var(--tt-el-bn-gap));

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-inset="additive"] {
            --tt-el-bn-pad-x: var(--tt-el-bn-i);
            --tt-el-bn-padding-b: calc(var(--tt-el-bn-safe) + var(--tt-el-bn-gap));

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-inset="free"] {
            --tt-el-bn-padding-b: calc(var(--tt-el-bn-safe) + var(--tt-el-bn-gap));

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-dock {
            position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
            display: flex; justify-content: center; align-items: flex-end;

            padding: 0 var(--tt-el-bn-pad-x) var(--tt-el-bn-pad-b);
            pointer-events: none;

            transition: opacity var(--tt-el-bn-reveal-t, 420ms) ease,
                        transform var(--tt-el-bn-reveal-t, 420ms) cubic-bezier(0.22, 1, 0.36, 1);

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-shell, .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-shell * {
            -webkit-touch-callout: none;
            -webkit-user-select: none; user-select: none;
            -webkit-user-drag: none;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-shell {
            position: relative; width: 100%;
            min-width: calc(var(--tt-el-bn-inner) * 2 + var(--tt-el-bn-rim-size) * 2 + var(--tt-el-bn-frame-border-w) * 2);
            border-radius: var(--tt-el-bn-shell-radius);
            padding: var(--tt-el-bn-rim-size);

            pointer-events: none;

            touch-action: none;

            transform-origin: center center;
            background: var(--tt-el-bn-rim-bg);

            transition: padding 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        transform 0s;   /* v10.72 — sprung in JS, see applyBarPress */
        ;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar {
            position: relative; display: flex; align-items: center;
            width: 100%; height: 100%;
            background: var(--tt-el-bn-bar-bg);
            border-radius: var(--tt-el-bn-bar-radius);
            padding: 0;
            overflow: visible; touch-action: none;
            transition: border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label.density-hide {
            opacity: 0; max-height: 0 !important; height: 0 !important;
            transform: translateY(4px) scale(0.8);
            pointer-events: none;
            transition: opacity 0.25s ease, transform 0.35s ease,
                        max-height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                        height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);

}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill {
            position: absolute; top: 50%; left: 0;
            height: var(--tt-el-bn-pill-height);
            /* width and left are JS-owned; aspect-ratio here would double-constrain */
            border-radius: var(--tt-el-bn-pill-radius);
            transform: translateY(-50%) scale(1, 1);
            transform-origin: center center;
            pointer-events: none; z-index: 0;
            will-change: left, width, transform;
            contain: layout style;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill.idle {

            transition:
                height 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                border-radius 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0),
                background var(--tt-el-bn-t-fade) ease,
                box-shadow var(--tt-el-bn-t-fade) ease,
                backdrop-filter var(--tt-el-bn-t-fade) ease;

}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill.pressing {
            background: var(--tt-el-bn-pill-bg-press);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.10),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.06);
            transition: left 0s, width 0s, transform 0s, background var(--tt-el-bn-t-press) ease;

}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill.dragging {
            background: var(--tt-el-bn-pill-bg-drag);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.08),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.06);
            transition: left 0s, width 0s, transform 0s, background 0.08s ease;

}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill.settling {
            /* Spring physics handles position/scale */
            transition: left 0s, width 0s, transform 0s, background var(--tt-el-bn-t-fade) ease;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill-slices {

            isolation: isolate;
            position: absolute; inset: 0; z-index: 0;
            pointer-events: none;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill-slices.pressing { --tt-el-bn-sl-bg: var(--tt-el-bn-pill-bg-press);

}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-pill-slices.dragging { --tt-el-bn-sl-bg: var(--tt-el-bn-pill-bg-drag);

}

.tt-el-bn-scope[data-tt-el-bn-glass="on"] .tt-el-bn-pill-slices.pressing,
.tt-el-bn-scope[data-tt-el-bn-glass="on"] .tt-el-bn-pill-slices.dragging {
    --tt-el-bn-sl-bg: var(--tt-el-bn-pill-bg);
    --tt-el-bn-sl-bc: rgba(var(--tt-el-bn-pill-rgb), 0.08);
    --tt-el-bn-sl-bc: color-mix(in srgb, var(--tt-el-bn-pill-color) 8%, transparent);
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-sl-body {

            border-top: var(--tt-el-bn-sl-bw, 0.5px) solid var(--tt-el-bn-sl-bc);
            border-bottom: var(--tt-el-bn-sl-bw, 0.5px) solid var(--tt-el-bn-sl-bc);
            box-shadow:
                inset 0 0.5px 0 rgba(var(--color-paper-rgb), 0.06),
                inset 0 -0.5px 0 rgba(var(--color-linen-deep-rgb), 0.08);

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-input {
            position: absolute; inset: 0; z-index: 2;
            display: flex; align-items: stretch;
            pointer-events: auto;
            touch-action: none;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-hit:focus-visible { outline-offset: -3px; border-radius: 999px;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-items { pointer-events: none;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item > *, .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item svg, .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item svg * { pointer-events: none;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item {
            flex: 1 1 0%; display: flex; flex-direction: column; align-items: center;
            justify-content: center;
            height: 100%; cursor: pointer; position: relative;
            border: none; background: none; padding: 0; outline: none;
            min-width: 0;
            transition: gap 0.45s cubic-bezier(0.22, 0.68, 0.35, 1.0);
            contain: layout style;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item.tab-fly-out {
            animation: tabFlyOut 0.3s cubic-bezier(0.55, 0, 1, 0.45) both;
            pointer-events: none;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item.bouncing .tt-el-bn-icon {
            animation: ttIconBounce 420ms cubic-bezier(0.34, 1.56, 0.64, 1);

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item:focus-visible { outline-offset: -2px; border-radius: var(--tt-el-bn-pill-radius);

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-icon svg {
            /* NOTE: Icons scaled to fill container. Replace with aspect-ratio-preserved production SVGs. */
            width: 100%; height: 100%;
            fill: none; stroke: currentColor;
            stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round;

;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label {
            font-family: 'Cormorant Garamond', Georgia, serif;
            font-size: var(--tt-el-bn-label-size);
            letter-spacing: 0;
            text-transform: uppercase;
            line-height: calc(var(--tt-el-bn-label-size) * 0.7);
            height: calc(var(--tt-el-bn-label-size) * 0.7);
            overflow: hidden;
            display: block; text-align: center;
            opacity: var(--tt-el-bn-label-fade, 1);
            white-space: nowrap; text-overflow: ellipsis;

            max-width: calc(100% - var(--tt-el-bn-rim-size) * 2);
            box-sizing: border-box;

;
}

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-press {

    display: block;
    max-width: calc(var(--tt-el-bn-bar-w, calc(var(--tt-el-bn-max-width, 400) * 1px))
                       + var(--tt-el-bn-rim-size) * 2 + var(--tt-el-bn-frame-border-w) * 2);
    margin-inline: auto;
;
}
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-shell {
    transform: none;
;
}

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label.density-hide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: none !important;
    height: auto !important;
    transition: opacity 0.25s ease, transform 0.35s ease !important;
}

/* The bake owns every transform while it runs; a CSS transition on the same
   property fights it and is what makes the morph read as rubbery. */
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-shell,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-frame,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-item,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-icon,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-sl {
    transition: none !important;
}

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-shell.tt-el-bn-settling,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar.tt-el-bn-settling .tt-el-bn-item,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar.tt-el-bn-settling .tt-el-bn-icon,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar.tt-el-bn-settling .tt-el-bn-items,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar.tt-el-bn-settling .tt-el-bn-pill-slices,
.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-bar.tt-el-bn-settling .tt-el-bn-sl {
    transition: transform 110ms cubic-bezier(0.22, 0.68, 0.35, 1) !important;
}

/* The layout engine still wants the hard hide it always had. */
.tt-el-bn-scope:not([data-tt-el-bn-bar-engine="composited"]) .tt-el-bn-label.density-hide { opacity: 0 !important; }

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-label.density-show { transition: none !important; }

.tt-el-bn-scope[data-lens="on"] .tt-el-bn-items .tt-el-bn-item.active {
    --tt-el-bn-tint-active: var(--tt-el-bn-tint-inactive);
}
.tt-el-bn-scope[data-lens="on"] .tt-el-bn-items .tt-el-bn-item.active .tt-el-bn-label {
    font-weight: 400;
}

        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent {

            position: absolute; inset: 0; container-type: size;
            pointer-events: none; display: none; }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-lens="on"] .tt-el-bn-item { position: relative; }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"][data-lens="on"] .tt-el-bn-accent { display: block; }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent-clip {
            position: absolute; top: 50%; left: 0;
            width: var(--tt-el-bn-acc-pw, 80px); height: var(--tt-el-bn-acc-ph, 40px);
            margin-top: calc(var(--tt-el-bn-acc-ph, 40px) / -2);
            border-radius: var(--tt-el-bn-pill-radius, 999px); overflow: hidden;
            transform-origin: 0 50%; will-change: transform; }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent-content {

            position: absolute; top: 50%; left: 0;
            width: 100cqw; height: 100cqh; margin-top: -50cqh;
            display: flex; align-items: center; justify-content: center;
            transform-origin: 0 50%; will-change: transform;
            --tt-el-bn-tint-inactive: var(--tt-el-bn-color-active);
            --tt-el-bn-tint-active:   var(--tt-el-bn-color-active); }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent-mag {
            /* v6.5.0 — layout comes from item-inner's own rule, shared by selector
               above; nothing is copied here, so there is nothing to keep in step. */
            will-change: transform; }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent .tt-el-bn-label { font-weight: 500; }
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent .tt-el-bn-label,
        .tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent .tt-el-bn-icon { transition: none !important; }

.tt-el-bn-scope.tt-el-bn-lens-on .tt-el-bn-pill-slices,
.tt-el-bn-scope.tt-el-bn-lens-on .tt-el-bn-pill,
.tt-el-bn-scope.tt-el-bn-lens-on .tt-el-bn-accent { opacity: 0 !important; }

.tt-el-bn-scope[data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent { overflow: hidden; }
.tt-el-bn-accent-floor { position: absolute; inset: calc(2 * var(--tt-el-bn-frame-border-w, 1px)); border-radius: inherit;   /* v6.11.3 — clear of the rim's two hairlines */ background-color: var(--tt-el-bn-glass-floor, transparent); background-image: var(--tt-el-bn-drop-floor, none); opacity: 0; pointer-events: none; }
.tt-el-bn-accent-mag { transform-origin: 50% 50%; }

.tt-el-bn-sl-glass { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; display: block; }

.tt-el-bn-sl-cap > .tt-el-bn-sl-glass::before, .tt-el-bn-sl-cap > .tt-el-bn-sl-glass::after {
  content: ''; position: absolute; inset: calc(-1 * var(--tt-el-bn-sl-bw-used, 0.5px)); border-radius: 50%; pointer-events: none; }
.tt-el-bn-sl-cap > .tt-el-bn-sl-glass::after { background: var(--tt-el-bn-rim-cap-hi, none);
  -webkit-mask-image: var(--tt-el-bn-rim-cap-hi-mask, none); mask-image: var(--tt-el-bn-rim-cap-hi-mask, none); }
.tt-el-bn-sl-cap > .tt-el-bn-sl-glass::before { background: var(--tt-el-bn-rim-cap-lo, none);
  -webkit-mask-image: var(--tt-el-bn-rim-cap-lo-mask, none); mask-image: var(--tt-el-bn-rim-cap-lo-mask, none); z-index: 1; }

.tt-el-bn-sl-body > .tt-el-bn-sl-glass::before, .tt-el-bn-sl-body > .tt-el-bn-sl-glass::after {
  content: ''; position: absolute; left: 0; right: 0; top: calc(-1 * var(--tt-el-bn-sl-bw-used, 0.5px)); bottom: calc(-1 * var(--tt-el-bn-sl-bw-used, 0.5px)); pointer-events: none; }
.tt-el-bn-sl-body > .tt-el-bn-sl-glass::after { background: var(--tt-el-bn-rim-body-hi, none); }
.tt-el-bn-sl-body > .tt-el-bn-sl-glass::before { background: var(--tt-el-bn-rim-body-lo, none); z-index: 1; }

.tt-el-bn-sl-drop { position: absolute; pointer-events: none; display: block; }
.tt-el-bn-sl-cap .tt-el-bn-sl-drop { inset: calc(-1 * var(--tt-el-bn-drop-m, 0px)); background: var(--tt-el-bn-drop-cap, none); }
.tt-el-bn-sl-body .tt-el-bn-sl-drop { left: 0; right: 0; top: calc(-1 * var(--tt-el-bn-drop-m, 0px)); bottom: calc(-1 * var(--tt-el-bn-drop-m, 0px));
  background: var(--tt-el-bn-drop-body, none); }

.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-shell,
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-frame,
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-bar { isolation: isolate; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-shell { background: transparent; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-shell::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--tt-el-bn-rim-bg); clip-path: var(--tt-el-bn-g2-shell); }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-frame { border-color: transparent; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-frame::before { content: ''; position: absolute; inset: calc(-1 * var(--tt-el-bn-frame-border-w)); z-index: -1; pointer-events: none;
    background: var(--tt-el-bn-frame-border-color); clip-path: var(--tt-el-bn-g2-frame); }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-bar { background: transparent; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-bar::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: var(--tt-el-bn-bar-bg); clip-path: var(--tt-el-bn-g2-bar); }

.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap { -webkit-background-clip: text; background-clip: text; border-color: transparent; border-radius: 0; box-shadow: none; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap::before,
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap::after { content: ''; position: absolute; inset: calc(-1 * var(--tt-el-bn-sl-bw-used, var(--tt-el-bn-sl-bw, 0.5px))); pointer-events: none; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap::before { background-color: inherit; -webkit-background-clip: border-box; background-clip: border-box; clip-path: var(--tt-el-bn-g2-cap); }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap::after { background: var(--tt-el-bn-sl-bc); clip-path: var(--tt-el-bn-g2-cap-edge); }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap > .tt-el-bn-sl-glass,
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap > .tt-el-bn-sl-glass::before,
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap > .tt-el-bn-sl-glass::after { border-radius: 0; }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-sl-cap .tt-el-bn-sl-drop { background-repeat: no-repeat; }
/* the magnified-glyph clip and its floor: the bubble's shape, and its offset two hairlines in */
.tt-el-bn-scope[data-tt-el-bn-g2="on"][data-tt-el-bn-bar-engine="composited"] .tt-el-bn-accent-clip { border-radius: 0; clip-path: var(--tt-el-bn-g2-acc, none); }
.tt-el-bn-scope[data-tt-el-bn-g2="on"] .tt-el-bn-accent-floor { border-radius: 0; clip-path: var(--tt-el-bn-g2-acc-floor, none); }
/* v6.16.3 — the glass's texture measured at the destination layout (lensBuild, one synchronous read, never painted) */
.tt-el-bn-scope.tt-el-bn-lens-measure .tt-el-bn-dock,
.tt-el-bn-scope.tt-el-bn-lens-measure .tt-el-bn-shell,
.tt-el-bn-scope.tt-el-bn-lens-measure .tt-el-bn-frame,
.tt-el-bn-scope.tt-el-bn-lens-measure .tt-el-bn-bar,
.tt-el-bn-scope.tt-el-bn-lens-measure .tt-el-bn-items,
.tt-el-bn-scope.tt-el-bn-lens-measure .tt-el-bn-items * { transform: none !important; translate: none !important; scale: none !important; }
.tt-el-bn-scope.tt-el-bn-lens-measure[data-density="full"] .tt-el-bn-items .tt-el-bn-label { opacity: 1 !important; visibility: visible !important; }
/* v6.82.0 — the rotation stamp's readout: narrow and below the status bar, so it is never the strip's top layer */
.tt-el-bn-stamp {
    position: fixed; left: 0; top: calc(env(safe-area-inset-top, 0px) + var(--phi-space-xl, 3.33rem)); z-index: 2147482000;
    max-width: 62vw; padding: var(--phi-space-3xs, .24rem); border-radius: 0 var(--phi-space-2xs, .49rem) var(--phi-space-2xs, .49rem) 0;
    font: var(--phi-step--2, .62rem)/1.35 ui-monospace, Menlo, monospace; color: var(--color-paper, #FDFBF3);
    background: rgba(var(--color-linen-deep-rgb, 73, 68, 61), .86); pointer-events: auto;
}
.tt-el-bn-stamp-bar { display: flex; gap: var(--phi-space-3xs, .24rem); align-items: center; margin-bottom: var(--phi-space-3xs, .24rem); }
.tt-el-bn-stamp pre { margin: 0; max-height: 30vh; overflow: auto; white-space: pre; }