[data-bar-preview=navy]{--bar-bg: #10243e;--bar-menu: #0c1c30}html[data-bar=ink],[data-bar-preview=ink]{--bar-bg: #16191f;--bar-menu: #0f1115}html[data-bar=teal],[data-bar-preview=teal]{--bar-bg: #0d3943;--bar-menu: #092c34}html[data-bar=burgundy],[data-bar-preview=burgundy]{--bar-bg: #4a1c2b;--bar-menu: #3a1521}html[data-bar=indigo],[data-bar-preview=indigo]{--bar-bg: #262b62;--bar-menu: #1d214d}html[data-bar=white],[data-bar-preview=white]{--bar-bg: #ffffff;--bar-menu: #ffffff;--bar-edge: #dce3eb;--bar-accent: #0c6f7c;--bar-accent-soft: rgba(12, 111, 124, .1);--bar-accent-line: rgba(12, 111, 124, .45)}html[data-bar=cloud],[data-bar-preview=cloud]{--bar-bg: #edf0f4;--bar-menu: #f8fafc;--bar-edge: #d3dbe4;--bar-accent: #0c6f7c;--bar-accent-soft: rgba(12, 111, 124, .1);--bar-accent-line: rgba(12, 111, 124, .45)}html[data-bar=ice],[data-bar-preview=ice]{--bar-bg: #e4eefa;--bar-menu: #f4f8fd;--bar-edge: #c5d7ee;--bar-accent: #1c5cbc;--bar-accent-soft: rgba(28, 92, 188, .1);--bar-accent-line: rgba(28, 92, 188, .45)}html[data-bar=ivory],[data-bar-preview=ivory]{--bar-bg: #f5efe4;--bar-menu: #fbf8f2;--bar-edge: #e1d6c1;--bar-accent: #8f5d17;--bar-accent-soft: rgba(143, 93, 23, .1);--bar-accent-line: rgba(143, 93, 23, .45)}html[data-bar=mint],[data-bar-preview=mint]{--bar-bg: #e3f2ee;--bar-menu: #f2f9f7;--bar-edge: #c1ded5;--bar-accent: #0c7564;--bar-accent-soft: rgba(12, 117, 100, .1);--bar-accent-line: rgba(12, 117, 100, .45)}html[data-bar-tone=light],[data-bar-preview-tone=light]{--bar-ink: #10243e;--bar-text: #44566b;--bar-muted: #5c6c7f;--bar-line: rgba(16, 36, 62, .16);--bar-wash: rgba(16, 36, 62, .05);--bar-chip: rgba(16, 36, 62, .07);--bar-chip-hover: rgba(16, 36, 62, .13)}html[data-bar] .topbar{background:var(--bar-bg)}@media (max-width: 1180px){html[data-bar] .topbar nav{background:var(--bar-menu)}}@media (min-width: 761px){html[data-bar].nav-compact .topbar nav{background:var(--bar-menu)}}html[data-bar] .tour-trigger.has-new::after{box-shadow:0 0 0 2px var(--bar-bg)}html[data-bar-tone=light] .topbar{box-shadow:0 1px 0 var(--bar-edge);color:var(--bar-ink)}html[data-bar-tone=light] .brand:hover,html[data-bar-tone=light] .brand:focus-visible{background:var(--bar-wash)}html[data-bar-tone=light] .brand b{color:var(--bar-ink)}html[data-bar-tone=light] .brand small{color:var(--bar-muted)}html[data-bar-tone=light] .brand::after{border-color:var(--bar-muted)}html[data-bar-tone=light] .nav-current{color:var(--bar-ink)}html[data-bar-tone=light] .topbar nav a{color:var(--bar-text)}html[data-bar-tone=light] .topbar nav a:hover,html[data-bar-tone=light] .topbar nav a:focus-visible{color:var(--bar-ink);background-color:var(--bar-wash)}html[data-bar-tone=light] .topbar nav a.active{color:var(--bar-ink);background-color:var(--bar-accent-soft)}html[data-bar-tone=light] .topbar nav a::after{background:var(--bar-accent)}html[data-bar-tone=light] .topbar nav a:hover .nav-ico,html[data-bar-tone=light] .topbar nav a:focus-visible .nav-ico,html[data-bar-tone=light] .topbar nav a.active .nav-ico{color:var(--bar-accent)}@media (max-width: 1180px){html[data-bar-tone=light] .topbar nav a{border-bottom-color:var(--bar-line)}}@media (min-width: 761px){html[data-bar-tone=light].nav-compact .topbar nav a{border-bottom-color:var(--bar-line)}}@media (max-width: 1180px){html[data-bar-tone=light] .topbar nav{box-shadow:0 18px 40px rgba(16,36,62,.16),0 0 0 1px var(--bar-edge)}}@media (min-width: 761px){html[data-bar-tone=light].nav-compact .topbar nav{box-shadow:0 18px 40px rgba(16,36,62,.16),0 0 0 1px var(--bar-edge)}}html[data-bar-tone=light] .topbar nav .nav-group-label{color:var(--bar-muted)}html[data-bar-tone=light] .topbar nav .nav-group-label::before,html[data-bar-tone=light] .topbar nav .nav-group-label::after{background:var(--bar-line)}html[data-bar-tone=light] .topbar nav .nav-group.is-current .nav-group-label,html[data-bar-tone=light] .topbar nav .nav-group:hover .nav-group-label{color:var(--bar-accent)}html[data-bar-tone=light] .topbar nav .nav-group:is(.is-current,:hover) .nav-group-label::before,html[data-bar-tone=light] .topbar nav .nav-group:is(.is-current,:hover) .nav-group-label::after{background:var(--bar-accent-line)}html[data-bar-tone=light] .topbar nav .nav-group+.nav-group::before{background:linear-gradient(to bottom,transparent,var(--bar-line) 24%,var(--bar-line) 76%,transparent)}html[data-bar-tone=light] .nav-toggle{border-color:var(--bar-line)}html[data-bar-tone=light] .nav-toggle span{background:var(--bar-ink)}html[data-bar-tone=light] .cmdk-trigger,html[data-bar-tone=light] .tour-trigger{background:var(--bar-chip);color:var(--bar-text)}html[data-bar-tone=light] .cmdk-trigger:hover,html[data-bar-tone=light] .cmdk-trigger:focus-visible,html[data-bar-tone=light] .tour-trigger:hover,html[data-bar-tone=light] .tour-trigger:focus-visible,html[data-bar-tone=light] .tour-trigger[aria-expanded=true]{background:var(--bar-chip-hover);color:var(--bar-ink)}html[data-bar-tone=light] .ccy-toggle{background:var(--bar-chip)}html[data-bar-tone=light] .ccy-toggle-opt{color:var(--bar-muted)}html[data-bar-tone=light] .ccy-toggle-knob{box-shadow:0 1px 3px rgba(16,36,62,.28),0 0 0 1px rgba(16,36,62,.06)}html[data-bar-tone=light] .user-chip{border-color:var(--bar-line);color:var(--bar-ink)}html[data-bar-tone=light] .user-chip:hover,html[data-bar-tone=light] .user-chip:focus-visible{background:var(--bar-wash);border-color:var(--bar-accent)}html[data-bar-tone=light] .user-chip.active{background:var(--bar-accent-soft);border-color:var(--bar-accent)}html[data-bar-tone=light] .account-name{color:var(--bar-ink)}html[data-bar-tone=light] .user-chip-gear{color:var(--bar-muted)}html[data-bar-tone=light] .user-chip:hover .user-chip-gear,html[data-bar-tone=light] .user-chip.active .user-chip-gear{color:var(--bar-ink)}html[data-bar-tone=light] .tour-nav-label{color:var(--bar-muted)}html[data-bar-tone=light] .tour-nav-btn{border-color:var(--bar-line);background:var(--bar-wash);color:var(--bar-text)}html[data-bar-tone=light] .tour-nav-btn:hover,html[data-bar-tone=light] .tour-nav-btn:focus-visible{background:var(--bar-chip-hover);color:var(--bar-ink)}.bar-choice{display:grid;gap:10px}.bar-set{display:grid;gap:6px}.bar-set-label{color:var(--muted);font-size:calc(11.5px * var(--fs))}.bar-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.bar-swatch{display:grid;gap:6px;padding:6px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font:inherit;font-size:calc(12px * var(--fs));text-align:center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bar-swatch:hover{border-color:var(--line-heavy)}.bar-swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--ink);font-weight:600}.bar-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar-demo{display:grid;grid-template-rows:20px 14px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}.bar-demo-band{display:flex;align-items:center;gap:5px;padding:0 6px;background:var(--bar-bg);box-shadow:0 1px 0 var(--bar-edge, transparent)}.bar-demo-band i{flex:none;width:8px;height:8px;border-radius:2px;background:linear-gradient(140deg,#2c8c9c,#2457a6)}.bar-demo-band b{width:14%;height:3px;border-radius:2px;background:var(--bar-text, #b9c5d3);opacity:.85}.bar-demo-band b.is-on{background:var(--bar-ink, #ffffff);box-shadow:0 3px 0 -1px var(--bar-accent, #53bec6);opacity:1}.bar-demo-band em{width:9px;height:9px;margin-left:auto;border-radius:50%;background:var(--bar-chip, rgba(255, 255, 255, .22))}@media (max-width: 760px){.bar-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}