/* Theme switcher and pipeline labels. Pages style them through --td-* and --pipe-* variables. */
.td{position:fixed;z-index:70;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));font:500 13px/1.2 var(--td-font,system-ui,sans-serif)}
.td-b{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border-radius:999px;background:var(--td-bg,#111);color:var(--td-fg,#fff);border:1px solid var(--td-line,rgba(255,255,255,.18));box-shadow:0 14px 40px -14px rgba(0,0,0,.5)}
.td-b:focus-visible,.td-o:focus-visible{outline:2px solid var(--td-fg,#fff);outline-offset:3px}
.td-dots{display:flex}
.td-dots i{width:14px;height:14px;border-radius:50%;margin-left:-4px;border:1.5px solid var(--td-bg,#111)}
.td-dots i:first-child{margin-left:0}
.td-p{position:absolute;right:0;bottom:calc(100% + 10px);width:min(330px,calc(100vw - 32px));padding:14px;border-radius:16px;background:var(--td-bg,#111);color:var(--td-fg,#fff);border:1px solid var(--td-line,rgba(255,255,255,.18));box-shadow:0 30px 70px -20px rgba(0,0,0,.55)}
.td-h{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.td-g{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.td-o{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid transparent}
.td-o:hover{background:var(--td-hover,rgba(255,255,255,.07))}
.td-o[aria-pressed="true"]{border-color:var(--td-fg,#fff)}
.gate{position:absolute;top:0;bottom:0;width:1px;pointer-events:none}
.gate span{position:absolute;top:14px;left:10px;font:500 11px/1.3 var(--pipe-font,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--pipe-label,rgba(255,255,255,.6));white-space:nowrap}
.gate b{position:absolute;bottom:14px;left:10px;font:500 22px/1 var(--pipe-font,ui-monospace,monospace);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.gate b small{display:block;font-size:10px;letter-spacing:.08em;opacity:.6;margin-top:4px}
.gate span i{font-style:normal}
.gate.on span{color:var(--pipe-hot,#FFB347)}
@media (max-width:640px){.gate span{font-size:10px;letter-spacing:.02em;left:4px}.gate span i{display:none}.gate b{font-size:15px;left:4px}.gate b small{display:none}.td-b .td-n{display:none}.td-b{padding:9px 10px}}