@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-cyrillic-ext-wght-normal-EocZY2iu.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#e4e8ee;--panel:#f8f9fb;--panel-2:#eef1f5;--ink:#141924;--ink-2:#3b4455;--mute:#586274;--rule:#cbd2dc;--rule-soft:#dfe3ea;--brand:#4f46e5;--brand-hover:#4338ca;--brand-ink:#fff;--brand-soft:#e3e2fc;--brand-mid:#a5a1f5;--nominal:#0f8f83;--nominal-soft:#d3f1ec;--info:#0277b8;--violet:#8b3fd9;--slate:#64748b;--rail:#13173a;--rail-2:#1d2250;--rail-ink:#c3c7ee;--rail-mute:#8a8fc4;--banner:#1a1e42;--banner-ink:#eef0ff;--flow:var(--nominal);--amber:#f2a900;--amber-ink:#6b4b00;--red:#e0201b;--red-ink:#fff;--yellow:#e6d200;--focus:#4f46e5;--select:#4f46e538;--shadow:0 1px 2px #14192414, 0 6px 20px #14192414;--font:"Archivo Variable", "Archivo", system-ui, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ground:#0c0f16;--panel:#141923;--panel-2:#1b212d;--ink:#e8ebf1;--ink-2:#b6bdcb;--mute:#8e98aa;--rule:#2a3243;--rule-soft:#202737;--brand:#8f93fb;--brand-hover:#a7aafc;--brand-ink:#0c0f16;--brand-soft:#262a5c;--brand-mid:#4d50a8;--nominal:#2fd3bd;--nominal-soft:#10352f;--info:#45bdf5;--violet:#c28cfb;--slate:#94a3b8;--rail:#090c1e;--rail-2:#161a3e;--rail-ink:#c3c7ee;--rail-mute:#7d82b8;--banner:#1b1f48;--amber-ink:#f2a900;--focus:#a7aafc;--select:#8f93fb4d;--shadow:0 1px 2px #00000059, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0c0f16;--panel:#141923;--panel-2:#1b212d;--ink:#e8ebf1;--ink-2:#b6bdcb;--mute:#8e98aa;--rule:#2a3243;--rule-soft:#202737;--brand:#8f93fb;--brand-hover:#a7aafc;--brand-ink:#0c0f16;--brand-soft:#262a5c;--brand-mid:#4d50a8;--nominal:#2fd3bd;--nominal-soft:#10352f;--info:#45bdf5;--violet:#c28cfb;--slate:#94a3b8;--rail:#090c1e;--rail-2:#161a3e;--rail-ink:#c3c7ee;--rail-mute:#7d82b8;--banner:#1b1f48;--amber-ink:#f2a900;--focus:#a7aafc;--select:#8f93fb4d;--shadow:0 1px 2px #00000059, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font:400 15px/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}::selection{background:var(--select);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}*{scrollbar-color:var(--rule) transparent;scrollbar-width:thin}a{color:inherit;text-underline-offset:3px}button,select,input,textarea{font:inherit;color:inherit}input,textarea{caret-color:var(--brand)}code,.mono{font-family:var(--mono);letter-spacing:-.01em;font-size:.86em}.note code,.empty code,.hint code{overflow-wrap:anywhere}.shell{grid-template-rows:auto auto 1fr;grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.top{background:var(--panel);border-bottom:1px solid var(--rule);grid-column:2;align-items:center;gap:14px;padding:10px 22px;display:flex}.brand{background:var(--rail);color:#fff;font:700 18px/1 var(--font);letter-spacing:.16em;grid-area:1/1/span 2;align-items:center;gap:10px;padding:0 18px;font-stretch:82%;display:flex}.brand svg path:first-child{fill:var(--brand-mid)}.top .spacer{flex:1}.chip{color:var(--ink-2);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.chip .dot{background:var(--slate);border-radius:50%;width:8px;height:8px}.chip.ok .dot{background:var(--nominal);box-shadow:0 0 0 3px var(--nominal-soft);animation:2.4s ease-out infinite pulse}.chip.down .dot{background:var(--amber)}.chip.user{background:var(--brand-soft);color:var(--ink);border-radius:999px;padding:3px 10px 3px 4px;text-decoration:none}.chip.user .av{background:var(--brand);width:22px;height:22px;color:var(--brand-ink);font:700 11px/1 var(--font);text-transform:uppercase;border-radius:50%;place-items:center;display:grid}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--nominal-soft)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.ctl{background:var(--panel-2);border:1px solid var(--rule);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:13px}.ctl:hover{border-color:var(--brand)}input.ctl{cursor:text;min-width:0}.nav{background:var(--rail);flex-direction:column;grid-area:3/1;gap:2px;padding:10px 10px 18px;display:flex}.nav a{color:var(--rail-ink);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;text-decoration:none;transition:background .15s ease-out,color .15s ease-out;display:flex}.nav a svg{opacity:.8;flex:none}.nav a:hover{background:var(--rail-2);color:#fff}.nav a[aria-current=page]{background:var(--brand);color:#fff}.nav a[aria-current=page] svg{opacity:1}:root[data-theme=dark] .nav a[aria-current=page]{background:#4f46e5}.nav a .count{min-width:22px;font:700 11.5px/1.5 var(--mono);text-align:center;background:var(--rail-2);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px}.nav a .count.alarm{background:var(--red);color:var(--red-ink)}.nav .group{font:600 11px/1 var(--font);color:var(--rail-mute);text-transform:uppercase;letter-spacing:.14em;margin:16px 10px 4px;font-stretch:85%}.nav .classic{color:var(--rail-mute);margin-top:auto;font-size:13px}main{grid-area:3/2;min-width:0;padding:20px 24px 44px}.banner{background:var(--nominal-soft);min-height:46px;color:var(--ink);border-bottom:1px solid var(--rule);grid-column:2;align-items:center;gap:14px;padding:8px 22px;font-size:14px;display:flex}.banner.quiet .label{color:var(--nominal)}.banner.active{background:var(--banner);color:var(--banner-ink);border-bottom-color:var(--banner)}.banner .label{font:700 12.5px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-stretch:85%;display:inline-flex}.banner .label .n{background:var(--red);color:var(--red-ink);font-family:var(--mono);letter-spacing:0;border-radius:4px;padding:3px 7px}.banner .items{flex:1;gap:20px;min-width:0;display:flex;overflow:hidden}.banner .item{white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:2px 0;display:inline-flex}.banner .item:hover{text-decoration:underline}.banner .item.unack{animation:1s steps(2,start) 2 blink}.banner.active .btn{background:var(--red);color:var(--red-ink);border-color:var(--red)}.banner.active .btn:hover{background:#c01a16}.banner.active .muted{color:#a9addb}@keyframes blink{50%{opacity:.25}}.grid{gap:16px;display:grid}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:2fr 1fr}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:8px;min-width:0;padding:14px 16px}.panel>h2,.faceplate h2{font:650 12.5px/1.2 var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 10px;font-stretch:85%;display:flex}.panel>h2 .aside{text-transform:none;letter-spacing:0;font:400 12.5px var(--font);color:var(--mute);flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.view-title{font:700 28px/1.15 var(--font);letter-spacing:-.005em;align-items:baseline;gap:12px;margin:2px 0 16px;font-stretch:80%;display:flex}.view-title small{font:400 14px var(--font);color:var(--mute);letter-spacing:0}.muted{color:var(--mute)}.empty{color:var(--ink-2);margin:0;padding:18px 4px;font-size:14px}.empty b{color:var(--ink)}.hint{color:var(--mute);max-width:80ch;margin:0 0 12px;font-size:13px}.mimic{overflow-x:auto}.mimic svg{width:100%;min-width:760px;height:auto;display:block}.mimic .node rect.body{fill:var(--panel-2);stroke:var(--nominal);stroke-width:1.4px}.mimic .node rect.cap{fill:var(--nominal)}.mimic .node.idle rect.body{stroke:var(--rule)}.mimic .node.idle rect.cap{fill:var(--slate)}.mimic .node.abnormal rect.body{stroke:var(--amber);stroke-width:2.4px}.mimic .node.abnormal rect.cap{fill:var(--amber)}.mimic .node.down rect.body{stroke:var(--red);stroke-width:2.4px}.mimic .node.down rect.cap{fill:var(--red)}.mimic text{fill:var(--ink);font-family:var(--font)}.mimic .sub{fill:var(--mute);font-size:11px}.mimic .val{font-family:var(--mono)}.mimic .flow{stroke:var(--rule);stroke-width:2.5px;fill:none}.mimic .flow.live{stroke:var(--flow);stroke-dasharray:7 5;animation:1.1s linear infinite flow}.mimic .arrow{fill:var(--rule)}.mimic .arrow.live{fill:var(--flow)}@keyframes flow{to{stroke-dashoffset:-24px}}.mimic .bar-bg{fill:var(--rule-soft)}.mimic .bar{fill:var(--brand)}.trend svg{width:100%;height:auto;display:block}.trend .grid-line{stroke:var(--rule-soft);stroke-width:1px}.trend .axis{fill:var(--mute);font-size:11px;font-family:var(--font)}.trend .line{fill:none;stroke:var(--brand);stroke-width:2px;stroke-linejoin:round}.trend.tone-alarm .line{stroke:var(--amber)}.trend .now{stroke:var(--ink-2);stroke-dasharray:2 3}.trend .mark{fill:var(--amber);stroke:var(--ink);stroke-width:.8px}.strip{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:6px;display:grid}.tac{border:1px solid var(--rule);background:var(--panel-2);border-radius:6px;padding:7px 9px;font-size:12px}.tac b{font:650 13px/1.2 var(--font);font-stretch:88%;display:block}.tac.h1{background:var(--brand-soft);border-color:var(--brand-mid)}.tac.h2{background:var(--brand-mid);border-color:var(--brand);color:#10123a}.tac.h2 .muted{color:#2b2e6a}.tac.h3{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.tac.h3 .muted{color:var(--brand-ink);opacity:.85}.stack{background:var(--rule-soft);border-radius:4px;height:14px;display:flex;overflow:hidden}.stack span{min-width:3px;display:block}.legend{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;display:flex}.legend .sev{font-weight:500}.legend b{font-family:var(--mono);font-size:12.5px}.bars{gap:7px;display:grid}.bars .row{grid-template-columns:minmax(90px,160px) 1fr 52px;align-items:center;gap:10px;font-size:13px;display:grid}.bars .row .name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:12.5px;overflow:hidden}.bars .track{background:var(--rule-soft);border-radius:3px;height:10px;overflow:hidden}.bars .fill{border-radius:3px;height:100%}.bars .n{text-align:right;font:600 12.5px var(--mono)}.c0{background:var(--brand)}.c1{background:var(--nominal)}.c2{background:var(--info)}.c3{background:var(--violet)}.c4{background:var(--slate)}.c5{background:var(--brand-mid)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:14px}.data th{text-align:left;font:650 11.5px/1.2 var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule);white-space:nowrap;padding:7px 10px;font-stretch:85%}.data td{border-bottom:1px solid var(--rule-soft);vertical-align:middle;padding:7px 10px}.data tbody tr.clk{cursor:pointer}.data tbody tr.clk:hover{background:var(--panel-2)}.data tbody tr[aria-selected=true]{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.data td.num,.data th.num{text-align:right}.data td.num{font:600 13px var(--mono)}.tag{font:500 11px/1.55 var(--mono);color:var(--ink-2);background:var(--panel-2);border:1px solid var(--rule);border-radius:4px;margin:1px 4px 1px 0;padding:0 6px;display:inline-block}.tag.tac-t{background:var(--brand-soft);border-color:var(--brand-mid);color:var(--ink)}.pill{background:var(--panel-2);border:1px solid var(--rule);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:1px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.pill.ok{background:var(--nominal-soft);color:var(--ink);border-color:#0000}.pill.ok:before{content:"";background:var(--nominal);border-radius:50%;width:7px;height:7px}.pill.off:before{content:"";border:1.5px solid var(--slate);border-radius:50%;width:7px;height:7px}.pill.new{background:var(--brand-soft);border-color:var(--brand-mid)}.sev{white-space:nowrap;text-transform:capitalize;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}.sev svg{flex:none}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filters input.ctl{flex:220px}.split{grid-template-columns:minmax(0,1fr) minmax(360px,450px);align-items:start;gap:16px;display:grid}.faceplate{background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--brand);box-shadow:var(--shadow);border-radius:8px;max-height:calc(100vh - 32px);padding:16px;position:sticky;top:16px;overflow:auto}.faceplate.crit{border-top-color:var(--red)}.faceplate.high{border-top-color:var(--amber)}.faceplate.med{border-top-color:var(--yellow)}.faceplate h3{font:700 20px/1.2 var(--font);margin:0 0 4px;font-stretch:85%}.kv{grid-template-columns:116px 1fr;gap:5px 12px;margin:10px 0 14px;font-size:13.5px;display:grid}.kv dt{color:var(--mute);overflow-wrap:anywhere;min-width:0}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.btn{background:var(--panel-2);border:1px solid var(--rule);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13.5px;font-weight:600;transition:background .15s ease-out,border-color .15s ease-out}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.primary:hover{background:var(--brand-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{border:1px solid var(--rule);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:var(--panel-2);cursor:pointer;border:0;padding:4px 10px;font-size:12.5px}.seg button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}pre.raw{background:var(--panel-2);border:1px solid var(--rule);font:12px/1.55 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;max-height:320px;margin:0;padding:10px;overflow:auto}.note{color:var(--mute);margin:6px 0 0;font-size:12.5px}.ok-text{color:var(--nominal);font-weight:600}.report{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--rule);border-radius:6px;max-height:420px;padding:12px;font-size:13px;line-height:1.55;overflow:auto}textarea.note-in{background:var(--panel-2);border:1px solid var(--rule);resize:vertical;border-radius:6px;width:100%;min-height:56px;padding:6px 8px}.svc{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.svc .panel{border-top:3px solid var(--nominal);min-width:0;overflow-x:auto}.svc .panel.down{border-top-color:var(--red)}.svc .panel.warn{border-top-color:var(--amber)}.graph svg{width:100%;height:auto}.graph .gnode rect{fill:var(--brand-soft);stroke:var(--brand)}.graph text{fill:var(--ink);font-family:var(--font);font-size:12px}.graph .gsub{fill:var(--mute);font-size:10.5px}.graph .gedge{stroke:var(--nominal);stroke-width:1.6px;fill:none;marker-end:url(#arrow)}.pw{position:relative}.pw input{padding-right:42px}.pw-toggle{width:40px;height:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:0 6px 6px 0;place-items:center;display:grid;position:absolute;top:0;right:0}.pw-toggle:hover{color:var(--brand)}.pw-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.form,.signin{width:min(440px,100%)}.form{background:var(--panel);border:1px solid var(--rule);box-shadow:var(--shadow);border-radius:10px;padding:28px}.form label,.signin label{color:var(--ink-2);margin:14px 0 4px;font-size:13px;display:block}.signin label:first-child{margin-top:0}.form input,.signin input{background:var(--panel-2);border:1px solid var(--rule);border-radius:6px;width:100%;padding:9px 11px}.form input:focus,.signin input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--select);outline:none}.signin .btn{width:100%;margin-top:16px;padding:10px}.hint{color:var(--mute);margin:6px 0 0;font-size:12.5px;line-height:1.45}.login-grid{grid-template-columns:minmax(0,480px) minmax(0,560px);align-items:start;gap:16px;display:grid}.roles{gap:14px;margin:0;display:grid}.roles dt{color:var(--ink);font-weight:600}.roles dd{color:var(--ink-2);max-width:60ch;margin:3px 0 0;font-size:13.5px}@media (width<=1100px){.login-grid{grid-template-columns:minmax(0,1fr)}}.err{color:var(--red);min-height:18px;margin:10px 0 0;font-size:13px}:root[data-theme=dark] .err{color:#ff6b66}@media (width<=1100px){.split,.g3{grid-template-columns:minmax(0,1fr)}.faceplate{max-height:none;position:static}}@media (width<=760px){.shell{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr)}.brand{grid-area:1/1;padding:12px 16px}.top{flex-wrap:wrap;grid-area:2/1;gap:8px;padding:10px 16px}.banner{flex-wrap:wrap;grid-area:3/1;padding:8px 16px}.banner .items{display:none}.nav{flex-direction:row;grid-area:4/1;padding:6px;overflow-x:auto}.nav .group,.nav .classic{display:none}.nav a{white-space:nowrap}main{grid-area:5/1;padding:14px 16px 32px}.g2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mimic .flow.live,.banner .item.unack,.chip.ok .dot{animation:none}}.graph .gnode.pick{cursor:pointer}.graph .gnode.pick:hover rect,.graph .gnode.pick:focus-visible rect{fill:var(--brand-mid)}.pill.warn{background:color-mix(in oklab, var(--amber) 22%, var(--panel));border-color:var(--amber);color:var(--ink)}.demo-bar{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.chip.demo{background:var(--brand-soft);color:var(--ink);border-radius:999px;padding:3px 11px}.chip.demo b{letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}.demo-bar .btn{padding:5px 12px;font-size:13px}