@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url("./media/archivo-vietnamese-wdth-normal-JICEILHD.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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("./media/archivo-latin-ext-wdth-normal-GPGIT4GY.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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("./media/archivo-latin-wdth-normal-R3FITQA7.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens,base,layout,components,utilities;@layer tokens{:root{--zd-p-slate-950: #06141b;--zd-p-slate-900: #11212d;--zd-p-slate-800: #253745;--zd-p-slate-600: #4a5c6a;--zd-p-slate-300: #9ba8ab;--zd-p-slate-200: #ccd0cf;--zd-p-slate-500: #6b7d88;--zd-p-slate-100: #dadedd;--zd-p-slate-50: #e4e7e6;--zd-p-slate-0: #f3f5f4;--zd-p-brass-50: #f5ecd5;--zd-p-brass-300: #e8c473;--zd-p-brass-400: #ddae4b;--zd-p-brass-500: #c9952f;--zd-p-brass-600: #9e711a;--zd-p-brass-700: #7f5a12;--zd-p-brass-900: #3a2a0b;--zd-p-brass-950: #241b09;--zd-p-steel-50: #e2ebf2;--zd-p-steel-400: #8db2d4;--zd-p-steel-500: #6896c0;--zd-p-steel-600: #3f6d99;--zd-p-steel-700: #2f5a82;--zd-p-steel-950: #142029;--zd-p-red-50: #f6e3e1;--zd-p-red-400: #ec8f86;--zd-p-red-500: #d0675f;--zd-p-red-600: #b2443c;--zd-p-red-700: #973630;--zd-p-red-950: #2e1513;--zd-p-font-sans: "Archivo Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--zd-p-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--zd-p-stretch-condensed: 72%;--zd-p-stretch-semi: 88%;--zd-p-stretch-normal: 100%;--zd-p-stretch-wide: 118%;--zd-p-size-12: .75rem;--zd-p-size-13: .8125rem;--zd-p-size-15: .9375rem;--zd-p-size-16: 1rem;--zd-p-size-18: 1.125rem;--zd-p-size-20: 1.25rem;--zd-p-size-24: 1.5rem;--zd-p-size-30: 1.875rem;--zd-p-size-40: 2.5rem;--zd-p-size-56: 3.5rem;--zd-p-space-0: 0;--zd-p-space-1: .25rem;--zd-p-space-2: .5rem;--zd-p-space-3: .75rem;--zd-p-space-4: 1rem;--zd-p-space-5: 1.25rem;--zd-p-space-6: 1.5rem;--zd-p-space-8: 2rem;--zd-p-space-10: 2.5rem;--zd-p-space-12: 3rem;--zd-p-space-14: 3.5rem;--zd-p-space-16: 4rem;--zd-p-radius-2: 2px;--zd-p-radius-4: 4px;--zd-p-radius-6: 6px;--zd-p-radius-10: 10px;--zd-p-radius-16: 16px;--zd-p-radius-full: 999px;--zd-p-duration-80: 80ms;--zd-p-duration-140: .14s;--zd-p-duration-220: .22s;--zd-p-duration-320: .32s;--zd-p-ease-standard: cubic-bezier(.2, 0, 0, 1);--zd-p-ease-emphasized: cubic-bezier(.3, 0, 0, 1.2);--zd-p-ease-exit: cubic-bezier(.4, 0, 1, 1)}:root{--zd-font-sans: var(--zd-p-font-sans);--zd-font-mono: var(--zd-p-font-mono);--zd-stretch-condensed: var(--zd-p-stretch-condensed);--zd-stretch-semi: var(--zd-p-stretch-semi);--zd-stretch-normal: var(--zd-p-stretch-normal);--zd-stretch-wide: var(--zd-p-stretch-wide);--zd-text-xs: var(--zd-p-size-12);--zd-text-sm: var(--zd-p-size-13);--zd-text-md: var(--zd-p-size-15);--zd-text-base: var(--zd-p-size-16);--zd-text-lg: var(--zd-p-size-18);--zd-text-xl: var(--zd-p-size-24);--zd-text-2xl: var(--zd-p-size-30);--zd-text-display: var(--zd-p-size-40);--zd-text-hero: var(--zd-p-size-56);--zd-leading-tight: 1.1;--zd-leading-normal: 1.5;--zd-weight-regular: 400;--zd-weight-medium: 500;--zd-weight-semibold: 600;--zd-weight-bold: 700;--zd-weight-black: 800;--zd-tracking-caps: .08em;--zd-tracking-display: -.015em;--zd-space-0: var(--zd-p-space-0);--zd-space-1: var(--zd-p-space-1);--zd-space-2: var(--zd-p-space-2);--zd-space-3: var(--zd-p-space-3);--zd-space-4: var(--zd-p-space-4);--zd-space-5: var(--zd-p-space-5);--zd-space-6: var(--zd-p-space-6);--zd-space-8: var(--zd-p-space-8);--zd-space-10: var(--zd-p-space-10);--zd-space-12: var(--zd-p-space-12);--zd-space-16: var(--zd-p-space-16);--zd-radius-xs: var(--zd-p-radius-2);--zd-radius-sm: var(--zd-p-radius-4);--zd-radius-md: var(--zd-p-radius-6);--zd-radius-lg: var(--zd-p-radius-10);--zd-radius-xl: var(--zd-p-radius-16);--zd-radius-full: var(--zd-p-radius-full);--zd-duration-fast: var(--zd-p-duration-80);--zd-duration-base: var(--zd-p-duration-140);--zd-duration-slow: var(--zd-p-duration-220);--zd-duration-slower: var(--zd-p-duration-320);--zd-ease-standard: var(--zd-p-ease-standard);--zd-ease-emphasized: var(--zd-p-ease-emphasized);--zd-ease-exit: var(--zd-p-ease-exit);--zd-press-scale: .98;--zd-loading-delay: .16s;--zd-touch-min: 48px;--zd-touch-comfort: 56px;--zd-safe-top: env(safe-area-inset-top, 0px);--zd-safe-right: env(safe-area-inset-right, 0px);--zd-safe-bottom: env(safe-area-inset-bottom, 0px);--zd-safe-left: env(safe-area-inset-left, 0px);--zd-topbar-height: 56px;--zd-nav-height: 64px;--zd-content-max: 1120px;--zd-gutter: var(--zd-space-4);--zd-card-bg: var(--zd-color-surface);--zd-card-border: var(--zd-color-border);--zd-card-radius: var(--zd-radius-md);--zd-card-shadow: var(--zd-shadow-1);--zd-card-padding: var(--zd-space-4);--zd-btn-height: var(--zd-touch-min);--zd-btn-height-lg: var(--zd-touch-comfort);--zd-btn-radius: var(--zd-radius-sm);--zd-btn-font: var(--zd-weight-semibold) var(--zd-text-base) / 1 var(--zd-font-sans);--zd-btn-secondary-bg: var(--zd-color-surface);--zd-btn-secondary-fg: var(--zd-color-text);--zd-btn-secondary-border: var(--zd-color-border-strong);--zd-btn-primary-bg: var(--zd-color-accent);--zd-btn-primary-bg-pressed: var(--zd-color-accent-pressed);--zd-btn-primary-fg: var(--zd-color-text-on-accent);--zd-btn-danger-fg: var(--zd-state-alert-fg);--zd-btn-danger-border: var(--zd-state-alert-border);--zd-btn-danger-bg-pressed: var(--zd-state-alert-bg);--zd-toggle-width: 56px;--zd-toggle-height: 32px;--zd-toggle-track-off: var(--zd-color-surface-sunken);--zd-toggle-border-off: var(--zd-color-border-strong);--zd-toggle-track-on: var(--zd-state-active-solid);--zd-toggle-thumb-off: var(--zd-color-border-strong);--zd-toggle-thumb-on: var(--zd-color-surface);--zd-nav-bg: var(--zd-color-surface-raised);--zd-nav-border: var(--zd-color-border);--zd-nav-fg: var(--zd-color-text-muted);--zd-nav-fg-active: var(--zd-color-text);--zd-nav-indicator: var(--zd-color-accent);--zd-chip-height: 22px;--zd-chip-radius: var(--zd-radius-xs);--zd-chip-font: var(--zd-weight-semibold) var(--zd-text-xs) / 1 var(--zd-font-sans);--zd-input-bg: var(--zd-color-surface);--zd-input-border: var(--zd-color-border-strong);--zd-input-radius: var(--zd-radius-sm);--zd-sheet-bg: var(--zd-color-surface-raised);--zd-sheet-radius: var(--zd-radius-xl);--zd-sheet-shadow: var(--zd-shadow-3);color-scheme:light;--zd-color-bg: var(--zd-p-slate-50);--zd-color-surface: var(--zd-p-slate-0);--zd-color-surface-raised: var(--zd-p-slate-0);--zd-color-surface-sunken: var(--zd-p-slate-100);--zd-color-border: var(--zd-p-slate-200);--zd-color-border-strong: var(--zd-p-slate-600);--zd-color-rule: var(--zd-p-slate-300);--zd-color-overlay: rgb(6 20 27 / 45%);--zd-color-text: var(--zd-p-slate-950);--zd-color-text-muted: var(--zd-p-slate-600);--zd-color-text-on-accent: var(--zd-p-slate-0);--zd-color-accent: var(--zd-p-slate-900);--zd-color-accent-pressed: var(--zd-p-slate-800);--zd-color-accent-soft: var(--zd-p-slate-100);--zd-color-focus: var(--zd-p-brass-600);--zd-state-idle-fg: var(--zd-p-slate-600);--zd-state-idle-bg: var(--zd-p-slate-100);--zd-state-idle-border: var(--zd-p-slate-200);--zd-state-active-fg: var(--zd-p-brass-700);--zd-state-active-bg: var(--zd-p-brass-50);--zd-state-active-border: var(--zd-p-brass-600);--zd-state-active-solid: var(--zd-p-brass-600);--zd-state-active-glow: var(--zd-p-brass-400);--zd-state-transit-fg: var(--zd-p-steel-700);--zd-state-transit-bg: var(--zd-p-steel-50);--zd-state-transit-border: var(--zd-p-steel-600);--zd-state-alert-fg: var(--zd-p-red-700);--zd-state-alert-bg: var(--zd-p-red-50);--zd-state-alert-border: var(--zd-p-red-600);--zd-state-alert-solid: var(--zd-p-red-600);--zd-shadow-1: 0 1px 0 rgb(6 20 27 / 6%);--zd-shadow-2: 0 1px 2px rgb(6 20 27 / 8%), 0 8px 24px rgb(6 20 27 / 10%);--zd-shadow-3: 0 -12px 40px rgb(6 20 27 / 16%);--zd-skeleton-a: var(--zd-p-slate-100);--zd-skeleton-b: var(--zd-p-slate-50)}@media(prefers-color-scheme:dark){:root:not(.light){color-scheme:dark;--zd-color-bg: var(--zd-p-slate-950);--zd-color-surface: var(--zd-p-slate-900);--zd-color-surface-raised: var(--zd-p-slate-900);--zd-color-surface-sunken: var(--zd-p-slate-950);--zd-color-border: var(--zd-p-slate-800);--zd-color-border-strong: var(--zd-p-slate-500);--zd-color-rule: var(--zd-p-slate-800);--zd-color-overlay: rgb(3 10 14 / 70%);--zd-color-text: var(--zd-p-slate-200);--zd-color-text-muted: var(--zd-p-slate-300);--zd-color-text-on-accent: var(--zd-p-slate-950);--zd-color-accent: var(--zd-p-slate-200);--zd-color-accent-pressed: var(--zd-p-slate-300);--zd-color-accent-soft: var(--zd-p-slate-800);--zd-color-focus: var(--zd-p-brass-400);--zd-state-idle-fg: var(--zd-p-slate-300);--zd-state-idle-bg: var(--zd-p-slate-800);--zd-state-idle-border: var(--zd-p-slate-800);--zd-state-active-fg: var(--zd-p-brass-300);--zd-state-active-bg: var(--zd-p-slate-800);--zd-state-active-border: var(--zd-p-brass-500);--zd-state-active-solid: var(--zd-p-brass-500);--zd-state-active-glow: var(--zd-p-brass-400);--zd-state-transit-fg: var(--zd-p-steel-400);--zd-state-transit-bg: var(--zd-p-slate-800);--zd-state-transit-border: var(--zd-p-steel-500);--zd-state-alert-fg: var(--zd-p-red-400);--zd-state-alert-bg: var(--zd-p-red-950);--zd-state-alert-border: var(--zd-p-red-500);--zd-state-alert-solid: var(--zd-p-red-500);--zd-shadow-1: none;--zd-shadow-2: 0 1px 2px rgb(0 0 0 / 30%), 0 10px 28px rgb(0 0 0 / 35%);--zd-shadow-3: 0 -12px 40px rgb(0 0 0 / 50%);--zd-skeleton-a: var(--zd-p-slate-900);--zd-skeleton-b: var(--zd-p-slate-800)}}:root.dark{color-scheme:dark;--zd-color-bg: var(--zd-p-slate-950);--zd-color-surface: var(--zd-p-slate-900);--zd-color-surface-raised: var(--zd-p-slate-900);--zd-color-surface-sunken: var(--zd-p-slate-950);--zd-color-border: var(--zd-p-slate-800);--zd-color-border-strong: var(--zd-p-slate-500);--zd-color-rule: var(--zd-p-slate-800);--zd-color-overlay: rgb(3 10 14 / 70%);--zd-color-text: var(--zd-p-slate-200);--zd-color-text-muted: var(--zd-p-slate-300);--zd-color-text-on-accent: var(--zd-p-slate-950);--zd-color-accent: var(--zd-p-slate-200);--zd-color-accent-pressed: var(--zd-p-slate-300);--zd-color-accent-soft: var(--zd-p-slate-800);--zd-color-focus: var(--zd-p-brass-400);--zd-state-idle-fg: var(--zd-p-slate-300);--zd-state-idle-bg: var(--zd-p-slate-800);--zd-state-idle-border: var(--zd-p-slate-800);--zd-state-active-fg: var(--zd-p-brass-300);--zd-state-active-bg: var(--zd-p-slate-800);--zd-state-active-border: var(--zd-p-brass-500);--zd-state-active-solid: var(--zd-p-brass-500);--zd-state-active-glow: var(--zd-p-brass-400);--zd-state-transit-fg: var(--zd-p-steel-400);--zd-state-transit-bg: var(--zd-p-slate-800);--zd-state-transit-border: var(--zd-p-steel-500);--zd-state-alert-fg: var(--zd-p-red-400);--zd-state-alert-bg: var(--zd-p-red-950);--zd-state-alert-border: var(--zd-p-red-500);--zd-state-alert-solid: var(--zd-p-red-500);--zd-shadow-1: none;--zd-shadow-2: 0 1px 2px rgb(0 0 0 / 30%), 0 10px 28px rgb(0 0 0 / 35%);--zd-shadow-3: 0 -12px 40px rgb(0 0 0 / 50%);--zd-skeleton-a: var(--zd-p-slate-900);--zd-skeleton-b: var(--zd-p-slate-800)}}@layer base{*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%;background:var(--zd-color-bg)}body{margin:0;min-height:100dvh;font-family:var(--zd-font-sans);font-size:var(--zd-text-base);font-stretch:var(--zd-stretch-normal);font-optical-sizing:auto;line-height:var(--zd-leading-normal);color:var(--zd-color-text);background:var(--zd-color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;transition:background-color var(--zd-duration-slow) var(--zd-ease-standard),color var(--zd-duration-slow) var(--zd-ease-standard)}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3{line-height:var(--zd-leading-tight);font-weight:var(--zd-weight-bold);text-wrap:balance}p{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}img,svg,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button,[role=button],[role=switch],summary,label,a{touch-action:manipulation;-webkit-user-select:none;user-select:none}button{cursor:pointer}input,textarea{-webkit-user-select:text;user-select:text}a{color:var(--zd-color-accent);text-decoration-thickness:1px;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--zd-color-focus);outline-offset:2px;border-radius:var(--zd-radius-sm)}::selection{background:var(--zd-state-active-bg);color:var(--zd-color-text)}code,kbd,samp{font-family:var(--zd-font-mono);font-size:.92em}time,.zd-tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}}@layer layout{.zd-app{display:flex;flex-direction:column;min-height:100dvh;padding-left:var(--zd-safe-left);padding-right:var(--zd-safe-right)}.zd-page{display:grid;align-content:start;gap:var(--zd-space-6);width:100%;max-width:var(--zd-content-max);margin-inline:auto;padding:var(--zd-space-6) var(--zd-gutter);padding-bottom:calc(var(--zd-nav-height) + var(--zd-safe-bottom) + var(--zd-space-8));flex:1}@media(min-width:960px){.zd-page{gap:var(--zd-space-8);padding:var(--zd-space-10) var(--zd-space-6) var(--zd-space-16)}}.zd-page-head{display:grid;gap:var(--zd-space-2);max-width:62ch}.zd-eyebrow{font-size:var(--zd-text-md);color:var(--zd-color-text-muted)}.zd-page-title{font-size:var(--zd-text-2xl);font-stretch:var(--zd-stretch-semi);font-weight:var(--zd-weight-bold);line-height:1.1}.zd-lede{color:var(--zd-color-text-muted);max-width:56ch}.zd-section{display:grid;gap:var(--zd-space-3)}.zd-section-title{display:flex;align-items:baseline;gap:var(--zd-space-3);font-size:var(--zd-text-lg);font-stretch:var(--zd-stretch-semi);font-weight:var(--zd-weight-bold)}.zd-section-title:after{content:"";flex:1;align-self:center;height:1px;background:var(--zd-color-rule)}.zd-section-count{order:2;font-size:var(--zd-text-sm);font-weight:var(--zd-weight-regular);font-stretch:var(--zd-stretch-normal);color:var(--zd-color-text-muted)}.zd-section-title:after{order:1}.zd-grid{display:grid;gap:var(--zd-space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.zd-grid>[data-span=wide]{grid-column:1/-1}@media(min-width:720px){.zd-grid{gap:var(--zd-space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.zd-grid>[data-span=wide]{grid-column:span 2}}.zd-stack{display:grid;gap:var(--zd-space-3)}.zd-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--zd-space-3)}.zd-spacer{flex:1;min-width:0}.zd-center{display:grid;place-items:center;min-height:100dvh;padding:calc(var(--zd-safe-top) + var(--zd-space-4)) var(--zd-gutter) calc(var(--zd-safe-bottom) + var(--zd-space-4))}}@layer components{.zd-card{background:var(--zd-card-bg);border:1px solid var(--zd-card-border);border-radius:var(--zd-card-radius);box-shadow:var(--zd-card-shadow);padding:var(--zd-card-padding)}details.zd-card>summary{display:flex;align-items:center;min-height:var(--zd-touch-min);margin:calc(var(--zd-space-2) * -1) 0;font-weight:var(--zd-weight-semibold);cursor:pointer;list-style:none}details.zd-card>summary::-webkit-details-marker{display:none}details.zd-card>summary:after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--zd-duration-base) var(--zd-ease-standard)}details.zd-card[open]>summary{margin-bottom:var(--zd-space-3)}details.zd-card[open]>summary:after{transform:rotate(-135deg)}.zd-button{--_bg: var(--zd-btn-secondary-bg);--_bg-pressed: var(--zd-color-surface-sunken);--_fg: var(--zd-btn-secondary-fg);--_border: var(--zd-btn-secondary-border);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--zd-space-2);min-height:var(--zd-btn-height);min-width:var(--zd-btn-height);padding:0 var(--zd-space-4);border:1px solid var(--_border);border-radius:var(--zd-btn-radius);background:var(--_bg);color:var(--_fg);font:var(--zd-btn-font);text-decoration:none;white-space:nowrap;transition:transform var(--zd-duration-fast) var(--zd-ease-standard),background-color var(--zd-duration-base) var(--zd-ease-standard),border-color var(--zd-duration-base) var(--zd-ease-standard)}.zd-button:active:not(:disabled,[aria-busy=true]){transform:scale(var(--zd-press-scale));background:var(--_bg-pressed)}.zd-button:disabled{opacity:.5;cursor:not-allowed}.zd-button--primary{--_bg: var(--zd-btn-primary-bg);--_bg-pressed: var(--zd-btn-primary-bg-pressed);--_fg: var(--zd-btn-primary-fg);--_border: var(--zd-btn-primary-bg)}.zd-button--danger{--_bg: transparent;--_bg-pressed: var(--zd-btn-danger-bg-pressed);--_fg: var(--zd-btn-danger-fg);--_border: var(--zd-btn-danger-border)}.zd-button--emergency{--_bg: var(--zd-state-alert-solid);--_bg-pressed: var(--zd-state-alert-fg);--_fg: var(--zd-color-text-on-accent);--_border: var(--zd-state-alert-solid);min-height:var(--zd-btn-height-lg);font-size:var(--zd-text-lg)}.zd-button--ghost{--_bg: transparent;--_bg-pressed: var(--zd-color-surface-sunken);--_border: transparent}.zd-button--lg{min-height:var(--zd-btn-height-lg);font-size:var(--zd-text-lg)}.zd-button--block{width:100%}.zd-button--icon{padding:0;--zd-icon-size: 22px}.zd-button[aria-busy=true]{color:transparent;cursor:progress}.zd-button[aria-busy=true]:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--_fg);border-right-color:transparent;border-radius:50%;animation:zd-spin .7s linear infinite}@keyframes zd-spin{to{transform:rotate(1turn)}}.zd-relay{--_tone-fg: var(--zd-state-idle-fg);--_tone-bg: var(--zd-card-bg);--_tone-border: var(--zd-card-border);--_led: var(--zd-color-border-strong);--_led-glow: transparent;position:relative;display:grid;align-content:space-between;gap:var(--zd-space-4);height:100%;padding:var(--zd-space-4);overflow:hidden;container-type:inline-size;background:var(--_tone-bg);border:1px solid var(--_tone-border);border-radius:var(--zd-card-radius);box-shadow:var(--zd-card-shadow);transform:translate(var(--zd-swipe-x, 0));transition:transform var(--zd-duration-slow) var(--zd-ease-standard),background-color var(--zd-duration-slow) var(--zd-ease-standard),border-color var(--zd-duration-base) var(--zd-ease-standard);-webkit-user-select:none;user-select:none}.zd-relay[data-tone=active]{--_tone-fg: var(--zd-state-active-fg);--_tone-border: var(--zd-state-active-border);--_led: var(--zd-state-active-glow);--_led-glow: var(--zd-state-active-glow)}.zd-relay[data-tone=transit]{--_tone-fg: var(--zd-state-transit-fg);--_tone-border: var(--zd-state-transit-border);--_led: var(--zd-state-transit-border)}.zd-relay[data-tone=transit]:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:repeating-linear-gradient(-45deg,var(--zd-state-transit-border) 0 6px,transparent 6px 12px);background-size:17px 100%;animation:zd-march .6s linear infinite}.zd-relay[data-tone=alert]{--_tone-fg: var(--zd-state-alert-fg);--_tone-border: var(--zd-state-alert-border);--_led: var(--zd-state-alert-solid)}.zd-relay.is-unavailable{--_tone-bg: var(--zd-color-surface-sunken);box-shadow:none}.zd-relay__head{display:flex;align-items:flex-start;gap:var(--zd-space-2)}.zd-relay__name{flex:1;min-width:0;font-size:var(--zd-text-md);font-weight:var(--zd-weight-semibold);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zd-relay__icon{flex:none;color:var(--zd-color-text-muted);--zd-icon-size: 20px}[data-tone=active] .zd-relay__icon{color:var(--_tone-fg)}.zd-relay__status{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--zd-space-3);min-height:var(--zd-touch-min)}.zd-relay__state{display:grid;gap:var(--zd-space-1);min-width:0}.zd-relay__word-row{display:flex;align-items:center;gap:var(--zd-space-2)}.zd-relay__pending{display:flex;align-items:center;gap:var(--zd-space-2);font-size:var(--zd-text-sm);color:var(--zd-state-transit-fg)}.zd-relay__led{flex:none;width:8px;height:8px;border-radius:50%;background:var(--_led);box-shadow:0 0 0 3px color-mix(in srgb,var(--_led-glow) 22%,transparent);transition:background-color var(--zd-duration-slow) var(--zd-ease-standard),box-shadow var(--zd-duration-slow) var(--zd-ease-standard)}[data-tone=transit] .zd-relay__led{animation:zd-breathe 1s var(--zd-ease-standard) infinite}.zd-relay__word{font-size:var(--zd-text-xl);font-stretch:var(--zd-stretch-semi);font-weight:var(--zd-weight-bold);line-height:1.1;color:var(--_tone-fg);overflow-wrap:anywhere}[data-tone=idle] .zd-relay__word{color:var(--zd-color-text)}.zd-relay__reading{font-size:var(--zd-text-display);font-stretch:var(--zd-stretch-semi);font-weight:var(--zd-weight-semibold);line-height:1;font-variant-numeric:tabular-nums}.zd-relay__reading small{margin-left:.12em;font-size:.45em;font-weight:var(--zd-weight-medium);font-stretch:var(--zd-stretch-normal);letter-spacing:0;color:var(--zd-color-text-muted)}.zd-relay__range{display:grid;gap:var(--zd-space-1);font-size:var(--zd-text-sm);color:var(--zd-color-text-muted)}.zd-relay__range input{width:100%;height:32px;margin:0;accent-color:var(--zd-state-active-solid);cursor:pointer}.zd-relay__actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--zd-color-border-strong);border-radius:var(--zd-btn-radius);overflow:hidden}.zd-relay__actions .zd-button{border:none;border-radius:0;background:var(--zd-color-surface)}.zd-relay__actions .zd-button+.zd-button{border-left:1px solid var(--zd-color-border-strong)}.zd-relay__hint{font-size:var(--zd-text-sm);color:var(--zd-color-text-muted)}.zd-relay__meta{display:flex;flex-wrap:wrap;gap:var(--zd-space-1)}.zd-relay__meta:empty{display:none}.zd-relay__error{display:flex;align-items:center;justify-content:space-between;gap:var(--zd-space-2);margin:0 calc(var(--zd-space-4) * -1) calc(var(--zd-space-4) * -1);padding:var(--zd-space-2) var(--zd-space-2) var(--zd-space-2) var(--zd-space-4);background:var(--zd-state-alert-bg);border-top:1px solid var(--zd-state-alert-border);color:var(--zd-state-alert-fg);font-size:var(--zd-text-sm);font-weight:var(--zd-weight-medium)}@container (max-width: 230px){.zd-relay__status{flex-direction:column;align-items:flex-start}.zd-relay__word{font-size:var(--zd-text-lg)}}@keyframes zd-breathe{50%{opacity:.35}}@keyframes zd-march{to{background-position:17px 0}}.zd-spinner{flex:none;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:zd-spin .7s linear infinite}.zd-chip{--_fg: var(--zd-state-idle-fg);--_bg: var(--zd-state-idle-bg);display:inline-flex;align-items:center;gap:var(--zd-space-1);min-height:var(--zd-chip-height);padding:0 var(--zd-space-2);border-radius:var(--zd-chip-radius);background:var(--_bg);color:var(--_fg);font:var(--zd-chip-font);white-space:nowrap}.zd-chip--active{--_fg: var(--zd-state-active-fg);--_bg: var(--zd-state-active-bg)}.zd-chip--transit{--_fg: var(--zd-state-transit-fg);--_bg: var(--zd-state-transit-bg)}.zd-chip--alert{--_fg: var(--zd-state-alert-fg);--_bg: var(--zd-state-alert-bg)}.zd-field{display:grid;gap:var(--zd-space-1);margin-bottom:var(--zd-space-4);font-size:var(--zd-text-sm);font-weight:var(--zd-weight-medium);color:var(--zd-color-text-muted)}.zd-field input,.zd-field select{width:100%;min-width:0;min-height:var(--zd-touch-min);padding:0 var(--zd-space-3);border:1px solid var(--zd-input-border);border-radius:var(--zd-input-radius);background:var(--zd-input-bg);color:var(--zd-color-text);font-size:var(--zd-text-base);font-weight:var(--zd-weight-regular);transition:border-color var(--zd-duration-base) var(--zd-ease-standard)}.zd-field input:focus-visible,.zd-field select:focus-visible{outline-offset:0;border-color:var(--zd-color-focus)}.zd-field input.ng-invalid.ng-touched{border-color:var(--zd-state-alert-border)}.zd-check{display:flex;align-items:center;gap:var(--zd-space-3);min-height:var(--zd-touch-min);color:var(--zd-color-text)}.zd-check input{width:22px;height:22px;margin:0;accent-color:var(--zd-color-accent)}select.zd-button{appearance:none;padding-right:var(--zd-space-8);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.zd-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--zd-space-3);min-height:calc(var(--zd-topbar-height) + var(--zd-safe-top));padding:var(--zd-safe-top) calc(var(--zd-space-1) + var(--zd-safe-right)) 0 calc(var(--zd-space-4) + var(--zd-safe-left));background:var(--zd-color-bg);border-bottom:1px solid var(--zd-color-border)}.zd-topbar__brand{font-size:var(--zd-text-lg);font-weight:var(--zd-weight-bold);font-stretch:var(--zd-stretch-semi);white-space:nowrap}.zd-topbar__role{font-size:var(--zd-text-sm);color:var(--zd-color-text-muted)}.zd-status{--_led: var(--zd-state-active-glow);display:inline-flex;align-items:center;gap:var(--zd-space-2);font-size:var(--zd-text-sm);color:var(--zd-color-text-muted);white-space:nowrap}.zd-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--_led)}.zd-status[data-tone=transit]{--_led: var(--zd-state-transit-border)}.zd-status[data-tone=transit]:before{animation:zd-breathe 1s var(--zd-ease-standard) infinite}.zd-status[data-tone=alert]{--_led: var(--zd-state-alert-solid)}.zd-progress{position:fixed;inset:calc(var(--zd-topbar-height) + var(--zd-safe-top) - 1px) 0 auto;z-index:40;height:2px;overflow:hidden;pointer-events:none;opacity:0;animation:zd-appear var(--zd-duration-base) var(--zd-ease-standard) var(--zd-loading-delay) forwards}.zd-progress:before{content:"";position:absolute;inset:0;width:40%;background:var(--zd-color-focus);animation:zd-indeterminate 1.1s var(--zd-ease-standard) infinite}@keyframes zd-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes zd-appear{to{opacity:1}}.zd-bottom-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:calc(var(--zd-nav-height) + var(--zd-safe-bottom));padding:0 var(--zd-safe-right) var(--zd-safe-bottom) var(--zd-safe-left);background:var(--zd-nav-bg);border-top:1px solid var(--zd-nav-border)}.zd-bottom-nav__item{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;min-height:var(--zd-nav-height);color:var(--zd-nav-fg);font-size:var(--zd-text-xs);font-weight:var(--zd-weight-medium);text-decoration:none;--zd-icon-size: 22px}.zd-bottom-nav__item:before{content:"";position:absolute;inset:-1px 22% auto;height:2px;background:var(--zd-nav-indicator);transform:scaleX(0);transition:transform var(--zd-duration-slow) var(--zd-ease-emphasized)}.zd-bottom-nav__item:active .zd-bottom-nav__icon{transform:scale(.92)}.zd-bottom-nav__item[aria-current=page]{color:var(--zd-nav-fg-active);font-weight:var(--zd-weight-bold)}.zd-bottom-nav__item[aria-current=page]:before{transform:scaleX(1)}.zd-bottom-nav__icon{display:grid;place-items:center;transition:transform var(--zd-duration-fast) var(--zd-ease-standard)}@media(min-width:960px){.zd-bottom-nav{position:sticky;top:calc(var(--zd-topbar-height) + var(--zd-safe-top));inset-inline:auto;display:flex;gap:var(--zd-space-6);min-height:0;padding:0 calc(var(--zd-space-6) + var(--zd-safe-left));background:var(--zd-color-bg);border-top:none;border-bottom:1px solid var(--zd-nav-border)}.zd-bottom-nav__item{display:flex;align-items:center;gap:var(--zd-space-2);min-height:48px;font-size:var(--zd-text-md);--zd-icon-size: 18px}.zd-bottom-nav__item:before{inset:auto 0 -1px}}.zd-summary{display:grid;gap:var(--zd-space-1)}.zd-summary__headline{font-size:var(--zd-text-display);font-stretch:var(--zd-stretch-semi);font-weight:var(--zd-weight-bold);line-height:1.05;text-wrap:balance}.zd-summary__headline[data-tone=active]{color:var(--zd-state-active-fg)}.zd-summary__headline[data-tone=alert]{color:var(--zd-state-alert-fg)}.zd-summary__facts{color:var(--zd-color-text-muted)}.zd-ledger{margin:0;padding:0;list-style:none;background:var(--zd-card-bg);border:1px solid var(--zd-card-border);border-radius:var(--zd-card-radius);box-shadow:var(--zd-card-shadow);overflow:hidden}.zd-ledger__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--zd-space-2) var(--zd-space-3);min-height:64px;padding:var(--zd-space-3) var(--zd-space-4)}.zd-ledger__row+.zd-ledger__row{border-top:1px solid var(--zd-color-border)}.zd-ledger__main{display:grid;gap:2px;flex:1;min-width:min(100%,12rem)}.zd-ledger__title{font-weight:var(--zd-weight-semibold);overflow-wrap:anywhere}.zd-ledger__meta{font-size:var(--zd-text-sm);color:var(--zd-color-text-muted);overflow-wrap:anywhere}.zd-ledger__actions{display:flex;flex-wrap:wrap;gap:var(--zd-space-2)}.zd-ledger__detail{flex-basis:100%}.zd-ledger__row[data-tone]{position:relative}.zd-ledger__row[data-tone]:before{content:"";position:absolute;inset:var(--zd-space-3) auto var(--zd-space-3) 0;width:3px;background:var(--_mark, var(--zd-color-border-strong))}.zd-ledger__row[data-tone][data-tone=active]{--_mark: var(--zd-state-active-solid)}.zd-ledger__row[data-tone][data-tone=transit]{--_mark: var(--zd-state-transit-border)}.zd-ledger__row[data-tone][data-tone=alert]{--_mark: var(--zd-state-alert-solid)}.zd-skel{display:block;border-radius:var(--zd-radius-xs);background:linear-gradient(90deg,var(--zd-skeleton-a) 0%,var(--zd-skeleton-b) 50%,var(--zd-skeleton-a) 100%);background-size:300% 100%;animation:zd-shimmer 1.6s linear infinite}.zd-loading{opacity:0;animation:zd-appear var(--zd-duration-slow) var(--zd-ease-standard) var(--zd-loading-delay) forwards}.zd-skel-plate{display:grid;align-content:space-between;gap:var(--zd-space-4);min-height:112px;padding:var(--zd-space-4);border:1px solid var(--zd-card-border);border-radius:var(--zd-card-radius);background:var(--zd-card-bg)}.zd-skel-row{display:flex;align-items:center;gap:var(--zd-space-3);min-height:64px;padding:var(--zd-space-3) var(--zd-space-4)}.zd-skel-row+.zd-skel-row{border-top:1px solid var(--zd-color-border)}.is-refreshing{opacity:.55;transition:opacity var(--zd-duration-base) var(--zd-ease-standard);pointer-events:none}@keyframes zd-shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.zd-load-error{display:grid;gap:var(--zd-space-3);justify-items:start;padding:var(--zd-space-5);border:1px solid var(--zd-state-alert-border);border-radius:var(--zd-card-radius);background:var(--zd-state-alert-bg);color:var(--zd-color-text)}.zd-load-error strong{color:var(--zd-state-alert-fg)}.zd-empty{display:grid;gap:var(--zd-space-1);padding:var(--zd-space-8) var(--zd-space-5);border:1px dashed var(--zd-color-border-strong);border-radius:var(--zd-card-radius);text-align:center;color:var(--zd-color-text-muted)}.zd-empty strong{font-size:var(--zd-text-lg);font-stretch:var(--zd-stretch-semi);color:var(--zd-color-text)}}@layer utilities{.zd-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.zd-muted{color:var(--zd-color-text-muted)}.zd-error{color:var(--zd-state-alert-fg);font-size:var(--zd-text-sm)}.zd-notice{padding:var(--zd-space-3);border-radius:var(--zd-radius-md);background:var(--zd-color-surface-sunken);font-size:var(--zd-text-sm)}}