@layer tokens,base,layout,components,utilities;@layer tokens{:root{--zd-p-graphite-0: #fbfcfd;--zd-p-graphite-25: #f6f8fa;--zd-p-graphite-50: #eef1f4;--zd-p-graphite-100: #e4e8ed;--zd-p-graphite-200: #d3d9e0;--zd-p-graphite-300: #b4bdc8;--zd-p-graphite-400: #8b96a4;--zd-p-graphite-500: #687483;--zd-p-graphite-600: #4f5a68;--zd-p-graphite-700: #3a4451;--zd-p-graphite-750: #2c3541;--zd-p-graphite-800: #222a34;--zd-p-graphite-850: #1b222b;--zd-p-graphite-900: #161c23;--zd-p-graphite-950: #10151b;--zd-p-graphite-text-light: #1a222c;--zd-p-graphite-text-dark: #e2e7ed;--zd-p-steel-50: #e9eff6;--zd-p-steel-100: #d6e2ef;--zd-p-steel-300: #9dbad9;--zd-p-steel-400: #84a8cf;--zd-p-steel-600: #3b6896;--zd-p-steel-700: #2f5781;--zd-p-steel-800: #26476a;--zd-p-steel-900: #1a2b3d;--zd-p-steel-950: #152231;--zd-p-emerald-50: #e4f1ee;--zd-p-emerald-400: #6fbfae;--zd-p-emerald-500: #4fa392;--zd-p-emerald-600: #3b8576;--zd-p-emerald-700: #2d6a5e;--zd-p-emerald-900: #16302b;--zd-p-emerald-950: #132824;--zd-p-amber-50: #f7eedf;--zd-p-amber-400: #dcb06a;--zd-p-amber-500: #c89545;--zd-p-amber-600: #a06c22;--zd-p-amber-700: #85561a;--zd-p-amber-900: #382a15;--zd-p-amber-950: #2c2112;--zd-p-red-50: #f8e7e6;--zd-p-red-400: #e7948f;--zd-p-red-500: #d06d67;--zd-p-red-600: #b44a44;--zd-p-red-700: #9a3a35;--zd-p-red-900: #3c1d1d;--zd-p-red-950: #301819;--zd-p-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif;--zd-p-font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;--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-36: 2.25rem;--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-6: 6px;--zd-p-radius-10: 10px;--zd-p-radius-14: 14px;--zd-p-radius-20: 20px;--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-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-display: var(--zd-p-size-36);--zd-leading-tight: 1.2;--zd-leading-normal: 1.45;--zd-weight-regular: 400;--zd-weight-medium: 500;--zd-weight-semibold: 600;--zd-weight-bold: 700;--zd-tracking-caps: .06em;--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-sm: var(--zd-p-radius-6);--zd-radius-md: var(--zd-p-radius-10);--zd-radius-lg: var(--zd-p-radius-14);--zd-radius-xl: var(--zd-p-radius-20);--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: .97;--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: 1080px;--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-lg);--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-md);--zd-btn-font: var(--zd-weight-semibold) var(--zd-text-base) / 1 var(--zd-font-sans);--zd-btn-secondary-bg: var(--zd-color-surface-sunken);--zd-btn-secondary-fg: var(--zd-color-text);--zd-btn-secondary-border: var(--zd-color-border);--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: 60px;--zd-toggle-height: 34px;--zd-toggle-track-off: var(--zd-color-border-strong);--zd-toggle-track-on: var(--zd-state-active-solid);--zd-toggle-thumb: var(--zd-p-graphite-0);--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-accent);--zd-nav-indicator: var(--zd-color-accent-soft);--zd-chip-height: 24px;--zd-chip-radius: var(--zd-radius-full);--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-md);--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-graphite-25);--zd-color-surface: var(--zd-p-graphite-0);--zd-color-surface-raised: var(--zd-p-graphite-0);--zd-color-surface-sunken: var(--zd-p-graphite-50);--zd-color-border: var(--zd-p-graphite-100);--zd-color-border-strong: var(--zd-p-graphite-500);--zd-color-overlay: rgb(16 21 27 / 40%);--zd-color-text: var(--zd-p-graphite-text-light);--zd-color-text-muted: var(--zd-p-graphite-600);--zd-color-text-on-accent: var(--zd-p-graphite-0);--zd-color-accent: var(--zd-p-steel-700);--zd-color-accent-pressed: var(--zd-p-steel-800);--zd-color-accent-soft: var(--zd-p-steel-50);--zd-color-focus: var(--zd-p-steel-600);--zd-state-idle-fg: var(--zd-p-graphite-600);--zd-state-idle-bg: var(--zd-p-graphite-50);--zd-state-idle-border: var(--zd-p-graphite-100);--zd-state-active-fg: var(--zd-p-emerald-700);--zd-state-active-bg: var(--zd-p-emerald-50);--zd-state-active-border: var(--zd-p-emerald-600);--zd-state-active-solid: var(--zd-p-emerald-600);--zd-state-transit-fg: var(--zd-p-amber-700);--zd-state-transit-bg: var(--zd-p-amber-50);--zd-state-transit-border: var(--zd-p-amber-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-500);--zd-state-alert-solid: var(--zd-p-red-600);--zd-shadow-1: 0 1px 2px rgb(16 24 32 / 6%);--zd-shadow-2: 0 1px 2px rgb(16 24 32 / 5%), 0 4px 12px rgb(16 24 32 / 6%);--zd-shadow-3: 0 -2px 6px rgb(16 24 32 / 5%), 0 -12px 32px rgb(16 24 32 / 10%)}@media(prefers-color-scheme:dark){:root:not(.light){color-scheme:dark;--zd-color-bg: var(--zd-p-graphite-950);--zd-color-surface: var(--zd-p-graphite-900);--zd-color-surface-raised: var(--zd-p-graphite-850);--zd-color-surface-sunken: var(--zd-p-graphite-850);--zd-color-border: var(--zd-p-graphite-800);--zd-color-border-strong: var(--zd-p-graphite-500);--zd-color-overlay: rgb(5 8 11 / 62%);--zd-color-text: var(--zd-p-graphite-text-dark);--zd-color-text-muted: var(--zd-p-graphite-400);--zd-color-text-on-accent: var(--zd-p-graphite-950);--zd-color-accent: var(--zd-p-steel-400);--zd-color-accent-pressed: var(--zd-p-steel-300);--zd-color-accent-soft: var(--zd-p-steel-950);--zd-color-focus: var(--zd-p-steel-300);--zd-state-idle-fg: var(--zd-p-graphite-400);--zd-state-idle-bg: var(--zd-p-graphite-850);--zd-state-idle-border: var(--zd-p-graphite-800);--zd-state-active-fg: var(--zd-p-emerald-400);--zd-state-active-bg: var(--zd-p-emerald-950);--zd-state-active-border: var(--zd-p-emerald-600);--zd-state-active-solid: var(--zd-p-emerald-600);--zd-state-transit-fg: var(--zd-p-amber-400);--zd-state-transit-bg: var(--zd-p-amber-950);--zd-state-transit-border: var(--zd-p-amber-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: 0 1px 2px rgb(0 0 0 / 30%);--zd-shadow-2: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 16px rgb(0 0 0 / 22%);--zd-shadow-3: 0 -12px 32px rgb(0 0 0 / 40%)}}:root.dark{color-scheme:dark;--zd-color-bg: var(--zd-p-graphite-950);--zd-color-surface: var(--zd-p-graphite-900);--zd-color-surface-raised: var(--zd-p-graphite-850);--zd-color-surface-sunken: var(--zd-p-graphite-850);--zd-color-border: var(--zd-p-graphite-800);--zd-color-border-strong: var(--zd-p-graphite-500);--zd-color-overlay: rgb(5 8 11 / 62%);--zd-color-text: var(--zd-p-graphite-text-dark);--zd-color-text-muted: var(--zd-p-graphite-400);--zd-color-text-on-accent: var(--zd-p-graphite-950);--zd-color-accent: var(--zd-p-steel-400);--zd-color-accent-pressed: var(--zd-p-steel-300);--zd-color-accent-soft: var(--zd-p-steel-950);--zd-color-focus: var(--zd-p-steel-300);--zd-state-idle-fg: var(--zd-p-graphite-400);--zd-state-idle-bg: var(--zd-p-graphite-850);--zd-state-idle-border: var(--zd-p-graphite-800);--zd-state-active-fg: var(--zd-p-emerald-400);--zd-state-active-bg: var(--zd-p-emerald-950);--zd-state-active-border: var(--zd-p-emerald-600);--zd-state-active-solid: var(--zd-p-emerald-600);--zd-state-transit-fg: var(--zd-p-amber-400);--zd-state-transit-bg: var(--zd-p-amber-950);--zd-state-transit-border: var(--zd-p-amber-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: 0 1px 2px rgb(0 0 0 / 30%);--zd-shadow-2: 0 1px 2px rgb(0 0 0 / 30%), 0 6px 16px rgb(0 0 0 / 22%);--zd-shadow-3: 0 -12px 32px rgb(0 0 0 / 40%)}}@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);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-semibold);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-underline-offset:.18em}:focus-visible{outline:3px solid var(--zd-color-focus);outline-offset:2px;border-radius:var(--zd-radius-sm)}::selection{background:var(--zd-color-accent-soft);color:var(--zd-color-text)}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{width:100%;max-width:var(--zd-content-max);margin-inline:auto;padding:var(--zd-space-5) var(--zd-gutter);padding-bottom:calc(var(--zd-nav-height) + var(--zd-safe-bottom) + var(--zd-space-6));flex:1}@media(min-width:960px){.zd-page{padding:var(--zd-space-8) var(--zd-space-6)}}.zd-page-title{font-size:var(--zd-text-xl);letter-spacing:-.01em;margin-bottom:var(--zd-space-5)}.zd-section-title{margin:var(--zd-space-6) 0 var(--zd-space-3);font-size:var(--zd-text-xs);font-weight:var(--zd-weight-semibold);letter-spacing:var(--zd-tracking-caps);text-transform:uppercase;color:var(--zd-color-text-muted)}.zd-grid{display:grid;gap:var(--zd-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.zd-stack{display:grid;gap:var(--zd-space-3)}.zd-list{display:grid;gap:var(--zd-space-2);margin:0;padding:0;list-style:none}.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-border);--_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-bg);--_bg-pressed: var(--zd-state-alert-bg);--_fg: var(--zd-state-alert-fg);--_border: var(--zd-state-alert-border);min-height:var(--zd-btn-height-lg);border-width:2px;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);border-radius:var(--zd-radius-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-state-idle-bg);--_tone-border: var(--zd-card-border);position:relative;display:grid;gap:var(--zd-space-4);padding:var(--zd-card-padding);background:var(--zd-card-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),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-bg: var(--zd-state-active-bg);--_tone-border: var(--zd-state-active-border)}.zd-relay[data-tone=transit]{--_tone-fg: var(--zd-state-transit-fg);--_tone-bg: var(--zd-state-transit-bg);--_tone-border: var(--zd-state-transit-border)}.zd-relay[data-tone=alert]{--_tone-fg: var(--zd-state-alert-fg);--_tone-bg: var(--zd-state-alert-bg);--_tone-border: var(--zd-state-alert-border)}.zd-relay.is-unavailable{opacity:.6}.zd-relay__head{display:flex;align-items:center;gap:var(--zd-space-3);min-height:var(--zd-touch-min)}.zd-relay__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:var(--zd-radius-md);background:var(--_tone-bg);color:var(--_tone-fg);transition:background-color var(--zd-duration-base) var(--zd-ease-standard),color var(--zd-duration-base) var(--zd-ease-standard)}[data-tone=transit] .zd-relay__icon{animation:zd-breathe 1.6s var(--zd-ease-standard) infinite}.zd-relay__title{flex:1;min-width:0}.zd-relay__name{font-size:var(--zd-text-base);font-weight:var(--zd-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zd-relay__state{display:inline-flex;align-items:center;gap:var(--zd-space-2);font-size:var(--zd-text-sm);font-weight:var(--zd-weight-medium);color:var(--_tone-fg)}.zd-relay__reading{font-size:var(--zd-text-display);font-weight:var(--zd-weight-semibold);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.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:var(--zd-touch-min);margin:0;accent-color:var(--zd-state-active-solid);cursor:pointer}.zd-relay__actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--zd-space-2)}.zd-relay__hint{font-size:var(--zd-text-xs);color:var(--zd-color-text-muted);text-align:center}.zd-relay__meta{display:flex;flex-wrap:wrap;gap:var(--zd-space-2)}.zd-relay__meta:empty{display:none}.zd-relay__error{display:flex;align-items:center;justify-content:space-between;gap:var(--zd-space-2);padding:var(--zd-space-2) var(--zd-space-3);border-radius:var(--zd-radius-md);background:var(--zd-state-alert-bg);color:var(--zd-state-alert-fg);font-size:var(--zd-text-sm)}@keyframes zd-breathe{50%{opacity:.55}}.zd-spinner{width:14px;height:14px;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-chip__dot{width:8px;height:8px;flex:none;border-radius:50%;background:currentColor}.zd-chip--transit .zd-chip__dot{animation:zd-breathe 1.2s var(--zd-ease-standard) infinite}.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{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-2);min-height:calc(var(--zd-topbar-height) + var(--zd-safe-top));padding:var(--zd-safe-top) calc(var(--zd-space-2) + var(--zd-safe-right)) 0 calc(var(--zd-space-4) + var(--zd-safe-left));background:var(--zd-color-surface-raised);border-bottom:1px solid var(--zd-color-border)}.zd-topbar__brand{display:inline-flex;align-items:center;gap:var(--zd-space-2);margin-right:var(--zd-space-1);font-size:var(--zd-text-lg);font-weight:var(--zd-weight-bold);letter-spacing:-.01em}.zd-topbar__mark{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--zd-radius-sm);background:var(--zd-color-accent);color:var(--zd-color-text-on-accent);--zd-icon-size: 16px}.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 calc(var(--zd-space-2) + var(--zd-safe-right)) var(--zd-safe-bottom) calc(var(--zd-space-2) + var(--zd-safe-left));background:var(--zd-nav-bg);border-top:1px solid var(--zd-nav-border)}.zd-bottom-nav__item{display:grid;justify-items:center;align-content:center;gap:2px;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:active .zd-bottom-nav__icon{transform:scale(var(--zd-press-scale))}.zd-bottom-nav__item[aria-current=page]{color:var(--zd-nav-fg-active);font-weight:var(--zd-weight-semibold)}.zd-bottom-nav__item[aria-current=page] .zd-bottom-nav__icon{background:var(--zd-nav-indicator)}.zd-bottom-nav__icon{display:grid;place-items:center;width:56px;height:30px;border-radius:var(--zd-radius-full);transition:background-color var(--zd-duration-base) var(--zd-ease-standard),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;justify-content:center;gap:var(--zd-space-1);min-height:0;padding:var(--zd-space-1) var(--zd-space-4);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:40px;padding:0 var(--zd-space-3);border-radius:var(--zd-radius-full);font-size:var(--zd-text-md);--zd-icon-size: 18px}.zd-bottom-nav__item[aria-current=page]{background:var(--zd-nav-indicator)}.zd-bottom-nav__item[aria-current=page] .zd-bottom-nav__icon{background:none}.zd-bottom-nav__icon{width:auto;height:auto}}}@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)}}