.zx{--du-brand:#12a37e;--du-brand-deep:#0b7a5f;--du-brand-soft:#e4f5ef;--du-ink:#17191b;--du-paper:#faf7f2;--du-stone:#5c6663;--du-signal:#f35836;--du-logo-brand:var(--du-brand);--du-logo-signal:var(--du-signal);--du-font-head:var(--font-du),ui-sans-serif,system-ui,sans-serif}.zx[data-skin=light]{--zx-bg:var(--du-paper);--zx-bg-shell:var(--du-paper);--zx-bg-panel:linear-gradient(#fff,#fff);--zx-bg-inset:linear-gradient(#f7f6f2,#f7f6f2);--zx-blur-shell:0px;--zx-blur-panel:0px;--zx-blur-inset:0px;--zx-line:#17191b21;--zx-line-soft:#17191b14;--zx-line-hot:var(--du-brand);--zx-cyan:var(--du-brand-deep);--zx-blue:var(--du-brand-deep);--zx-text:var(--du-ink);--zx-muted:#3d4644;--zx-dim:var(--du-stone);--zx-glow:0 0 0 transparent;--zx-glow-hot:0 0 0 transparent;--du-nav-bg:#fff;--du-input-bg:#fff;--du-btn-hover:#0e8e6d;--du-on-bg:var(--du-brand-soft);--du-on-text:var(--du-brand-deep);--du-tint:#17191b0b;--du-danger:#c62828;--du-warn:#b45309;--du-warn-strong:#7c2d12;--du-rose:#be123c;--du-violet:#6d28d9;--du-signal-text:#c8431f;--du-logo-ink:#324348;--zx-sample-bg:#1c2022;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.zx[data-skin=dark]{--zx-bg:var(--du-ink);--zx-bg-shell:var(--du-ink);--zx-bg-panel:linear-gradient(#202326,#202326);--zx-bg-inset:linear-gradient(#ffffff09,#ffffff09);--zx-blur-shell:0px;--zx-blur-panel:0px;--zx-blur-inset:0px;--zx-line:#ffffff1c;--zx-line-soft:#ffffff12;--zx-line-hot:var(--du-brand);--zx-cyan:var(--du-brand);--zx-blue:var(--du-brand);--zx-text:#f2f4f3;--zx-muted:#b9c1bd;--zx-dim:#8b9490;--zx-glow:0 0 0 transparent;--zx-glow-hot:0 0 0 transparent;--du-nav-bg:#1c1f21;--du-input-bg:#ffffff0a;--du-btn-hover:#0e8e6d;--du-on-bg:#12a37e2e;--du-on-text:#e4f5ef;--du-signal-text:#ff8a6a;--du-tint:#ffffff0d;--du-logo-ink:#c9d3cf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.zx[data-skin=future]{--du-logo-ink:#d6e6ff}.zx:is([data-skin=light],[data-skin=dark]) .zx-field,.zx:is([data-skin=light],[data-skin=dark]) .zx-bloom{display:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-shell{width:100%;max-width:none;box-shadow:none;top:0;bottom:0;left:0;transform:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-shell:before{background:var(--zx-bg);filter:none;clip-path:none;-webkit-backdrop-filter:none;border:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-shell:after{display:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-screen{clip-path:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-nav{background:var(--du-nav-bg);-webkit-backdrop-filter:none;border-bottom:1px solid var(--zx-line-soft);padding:12px clamp(16px,4vw,32px)}.zx:is([data-skin=light],[data-skin=dark]) .zx-nav:after{display:none}.zx[data-skin=light] .zx-scroll{scrollbar-color:#17191b38 transparent}.zx[data-skin=light] .zx-scroll::-webkit-scrollbar-thumb{background:#17191b2e;border-radius:8px}.zx[data-skin=dark] .zx-scroll{scrollbar-color:#ffffff2e transparent}.zx[data-skin=dark] .zx-scroll::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}.zx:is([data-skin=light],[data-skin=dark]) .zx-panel{box-shadow:none;-webkit-backdrop-filter:none;border-radius:14px}.zx[data-skin=light] .zx-panel{box-shadow:0 1px 2px #17191b0a,0 4px 14px #17191b0a}.zx:is([data-skin=light],[data-skin=dark]) .zx-inset{-webkit-backdrop-filter:none;border-radius:10px}.zx:is([data-skin=light],[data-skin=dark]) .zx-panel:after,.zx:is([data-skin=light],[data-skin=dark]) .zx-inset:after{display:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-panel-hot{border-color:var(--du-brand);box-shadow:0 0 0 1px var(--du-brand)}.zx[data-skin=light] .zx-inset-amber{box-shadow:none;background-image:linear-gradient(#fff1ec,#fff1ec);border-color:#f3583680}.zx[data-skin=light] .zx-inset-amber .zx-amber-label{color:var(--du-signal-text)}.zx[data-skin=light] .zx-inset-amber .zx-amber-help{color:#7a3318}.zx[data-skin=light] .zx-inset-green{background-image:linear-gradient(var(--du-brand-soft),var(--du-brand-soft));box-shadow:none;border-color:#0b7a5f4d}.zx[data-skin=light] .zx-inset-red{box-shadow:none;background-image:linear-gradient(#fdeeee,#fdeeee);border-color:#c6282852}.zx[data-skin=dark] .zx-inset-amber{box-shadow:none;background-image:linear-gradient(#f358361a,#f358361a);border-color:#f3583673}.zx[data-skin=dark] .zx-inset-amber .zx-amber-label{color:var(--du-signal-text)}.zx[data-skin=dark] .zx-inset-amber .zx-amber-help{color:#f0bca6}.zx[data-skin=dark] .zx-inset-green{box-shadow:none;background-image:linear-gradient(#12a37e1a,#12a37e1a);border-color:#12a37e61}.zx[data-skin=dark] .zx-inset-red{box-shadow:none;background-image:linear-gradient(#ef44441a,#ef44441a);border-color:#f8717166}.zx:is([data-skin=light],[data-skin=dark]) .zx-title{color:var(--zx-text);text-shadow:none;font-family:var(--du-font-head);letter-spacing:-.015em;font-weight:700}.zx:is([data-skin=light],[data-skin=dark]) .zx-label{letter-spacing:.08em;color:var(--zx-dim);opacity:1;font-family:inherit;font-size:11px;font-weight:600}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn{background:var(--du-brand);color:#fff;box-shadow:none;border:1px solid #0000;border-radius:10px}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn:hover{background:var(--du-btn-hover);box-shadow:none;border-color:#0000;transform:none}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn-sm{border-radius:8px}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn-ghost{border-color:var(--zx-line);color:var(--zx-text);background:0 0}.zx[data-skin=light] .zx-btn-ghost{background:#fff}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn-ghost:hover{background:var(--du-tint);border-color:color-mix(in srgb,var(--zx-text)28%,transparent)}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn-on,.zx:is([data-skin=light],[data-skin=dark]) .zx-btn-on:hover{background:var(--du-on-bg);border-color:var(--du-brand);color:var(--du-on-text)}.zx:is([data-skin=light],[data-skin=dark]) .zx-btn:disabled{background:var(--du-tint);color:var(--zx-dim);cursor:not-allowed;border-color:#0000}.zx:is([data-skin=light],[data-skin=dark]) .du-brand-text{color:var(--du-brand)}.zx:is([data-skin=light],[data-skin=dark]) .du-signal-text{color:var(--du-signal)}.zx:is([data-skin=light],[data-skin=dark]) .du-panel-signal{border-color:var(--du-signal);box-shadow:0 0 0 1px var(--du-signal)}.zx:is([data-skin=light],[data-skin=dark]) .zx-input{background-image:none;background-color:var(--du-input-bg);border-color:var(--zx-line);border-radius:10px}.zx:is([data-skin=light],[data-skin=dark]) :is(input,textarea,select):where(:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])){color:var(--zx-text);border-color:var(--zx-line)}.zx:is([data-skin=light],[data-skin=dark]) :is(input,textarea,select):focus{border-color:var(--du-brand)}.zx:is([data-skin=light],[data-skin=dark]) :is([type=checkbox],[type=radio],[type=range]){accent-color:var(--du-brand)}.zx[data-skin=light] [type=range]{accent-color:var(--du-brand-deep)}.zx:is([data-skin=light],[data-skin=dark]) :is(input,textarea)::-moz-placeholder{color:var(--zx-dim);opacity:.8}.zx:is([data-skin=light],[data-skin=dark]) :is(input,textarea)::placeholder{color:var(--zx-dim);opacity:.8}.zx:is([data-skin=light],[data-skin=dark]) .zx-input:focus{border-color:var(--du-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--du-brand)22%,transparent)}.zx:is([data-skin=light],[data-skin=dark]) .zx-navlink{border-radius:8px}.zx:is([data-skin=light],[data-skin=dark]) .zx-navlink:hover{background:var(--du-tint)}.zx:is([data-skin=light],[data-skin=dark]) .zx-navlink-active,.zx:is([data-skin=light],[data-skin=dark]) .zx-navlink-active:hover{background:var(--du-on-bg);color:var(--du-on-text);border-color:#0000}.zx:is([data-skin=light],[data-skin=dark]){--ws-bg:var(--zx-bg-inset);--ws-border:var(--zx-line-soft);--ws-text:var(--zx-text);--ws-muted:var(--zx-dim);--ws-dim:var(--zx-dim);--ws-dot:var(--zx-line);--ws-accent:var(--zx-cyan);--ws-accent-dot:var(--du-brand);--ws-accent-bg:var(--du-on-bg);--ws-accent-border:var(--du-brand);--ws-chip-bg:var(--du-input-bg);--ws-chip-border:var(--zx-line);--ws-chip-text:var(--zx-muted)}.zx[data-skin=light]{--ws-error:var(--du-danger)}.du-skin-switch{border:1px solid var(--zx-line-soft);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.zx[data-skin=future] .du-skin-switch,.zx[data-skin=future] .du-skin-opt{border-radius:0}.du-skin-opt{color:var(--zx-dim);border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:600;transition:color .14s,background-color .14s;display:inline-flex}.du-skin-opt:hover{color:var(--zx-text)}.du-skin-opt[aria-pressed=true]{color:var(--zx-text);background:color-mix(in srgb,var(--zx-cyan)16%,transparent)}.zx:is([data-skin=light],[data-skin=dark]) :is([class~=text-cyan-200],[class~=text-cyan-300],[class~=text-cyan-400],[class~=text-cyan-400\/70],[class~=text-sky-300],[class~=text-sky-400],[class~="text-[#8ec6ff]"]),.zx:is([data-skin=light],[data-skin=dark]) [class~=hover\:text-cyan-300]:hover,.zx:is([data-skin=light],[data-skin=dark]) .group:hover [class~=group-hover\:text-cyan-400]{color:var(--zx-cyan)}.zx:is([data-skin=light],[data-skin=dark]) :is([class~=border-cyan-400],[class~=border-cyan-500],[class~=border-cyan-400\/60],[class~=border-cyan-400\/50],[class~=border-cyan-400\/40],[class~="border-[rgba(142,198,255,0.6)]"]),.zx:is([data-skin=light],[data-skin=dark]) [class~="hover:border-cyan-400/50"]:hover,.zx:is([data-skin=light],[data-skin=dark]) [class~="hover:border-cyan-400/40"]:hover{border-color:var(--du-brand)}.zx:is([data-skin=light],[data-skin=dark]) :is([class~=bg-cyan-500\/10],[class~=bg-cyan-400\/10],[class~=bg-cyan-500\/15],[class~=bg-sky-500\/10]){background-color:var(--du-on-bg)}.zx:is([data-skin=light],[data-skin=dark]) [class~=accent-cyan-500]{accent-color:var(--du-brand)}.zx:is([data-skin=light],[data-skin=dark]) [class~=outline-cyan-200\/80]{outline-color:var(--du-brand)}.zx:is([data-skin=light],[data-skin=dark]) :is([class~="text-[#e8f2ff]"],[class~=text-gray-200],[class~=text-white\/90]){color:var(--zx-text)}.zx:is([data-skin=light],[data-skin=dark]) :is([class~=text-gray-300],[class~="text-[#9fb4cc]"],[class~=text-white\/75],[class~=text-sky-100],[class~=text-sky-200],[class~=text-sky-200\/85],[class~=text-sky-200\/80]){color:var(--zx-muted)}.zx:is([data-skin=light],[data-skin=dark]) :is([class~=text-white\/50],[class~=text-white\/45]){color:var(--zx-dim)}.zx:is([data-skin=light],[data-skin=dark]) [class~=hover\:text-white]:hover,.zx:is([data-skin=light],[data-skin=dark]) [class~=hover\:text-gray-300]:hover{color:var(--zx-text)}.zx[data-skin=light] :is([class~=text-red-300],[class~=text-red-400],[class~="text-[#ffd9d9]"]),.zx[data-skin=light] [class~=hover\:text-red-400]:hover,.zx[data-skin=light] [class~=hover\:text-red-300]:hover{color:var(--du-danger)}.zx[data-skin=light] :is([class~=text-rose-100],[class~=text-rose-100\/70],[class~=text-rose-300],[class~=text-rose-400]),.zx[data-skin=light] [class~=hover\:text-rose-300]:hover{color:var(--du-rose)}.zx[data-skin=light] :is([class~=text-amber-200],[class~=text-amber-200\/80],[class~=text-amber-200\/85],[class~=text-amber-300],[class~=text-amber-300\/90],[class~=text-amber-400]){color:var(--du-warn)}.zx[data-skin=light] :is([class~=text-amber-50],[class~=text-amber-100],[class~=text-amber-100\/80]){color:var(--du-warn-strong)}.zx[data-skin=light] :is([class~=text-orange-50],[class~=text-orange-300]){color:var(--du-signal-text)}.zx[data-skin=light] :is([class~=text-emerald-50],[class~=text-emerald-100],[class~=text-emerald-200\/80],[class~=text-emerald-300],[class~=text-emerald-400]){color:var(--du-brand-deep)}.zx[data-skin=light] [class~=text-violet-200]{color:var(--du-violet)}.zx[data-skin=light] [class~=border-violet-400\/40]{border-color:#6d28d959}.zx[data-skin=light] :is([class~=border-white\/5],[class~=border-white\/10],[class~=border-white\/15],[class~=border-white\/20],[class~="border-white/[0.06]"],[class~=border-sky-500\/30]){border-color:var(--zx-line-soft)}.zx[data-skin=light] [class~=border-white\/40]{border-color:var(--zx-line)}.zx[data-skin=light] :is([class~="hover:border-white/25"],[class~="hover:border-white/35"],[class~="hover:border-white/40"]):hover{border-color:#17191b47}.zx[data-skin=light] [class~=divide-white\/5]>:not([hidden])~:not([hidden]),.zx[data-skin=light] [class~=divide-white\/10]>:not([hidden])~:not([hidden]){border-color:var(--zx-line-soft)}.zx[data-skin=light] :is([class~=bg-white\/5],[class~="bg-white/[0.03]"],[class~=bg-black\/30],[class~=bg-black\/40]),.zx[data-skin=light] [class~="hover:bg-white/5"]:hover{background-color:var(--du-tint)}.zx[data-skin=light] [class~=bg-white\/25]{background-color:#17191b2e}.zx[data-skin=light] .zx-nav [class~=bg-black\/85]{background-color:#17191b52}.zx[data-skin=light] :is([class~=text-white\/25],[class~=text-white\/15]){color:#17191b4d}