@layer components{.cad{--cad-bg:#0a0b0c;--cad-pane:#111214;--cad-raised:#17181b;--cad-row-bg:#141518;--cad-hover:#1c1d21;--cad-line:#222327;--cad-line-strong:#303237;--cad-fg:#ececee;--cad-fg-2:#a3a6ad;--cad-fg-3:#7d818a;--cad-accent:#34d399;--cad-accent-fill:#34d399;--cad-on-accent:#04140d;--cad-red:#d7373c;--cad-red-ink:#ff6b6b;--cad-on-red:#ffffff;--cad-amber-ink:#f5b544;--cad-blue-ink:#6aa5ff;--cad-violet-ink:#b69cff;--cad-map-filter:none;--cad-map-sea:#0c2233;--cad-shadow:0 16px 40px -12px rgb(0 0 0/0.75),0 2px 8px rgb(0 0 0/0.45);--cad-scrim:rgb(3 4 6/0.62);--cad-seam:6px;--cad-radius-window:12px;--cad-radius-box:14px;--cad-radius-row:10px;--cad-radius-dock:12px;--cad-sans:var(--font-plex-sans),"IBM Plex Sans","Segoe UI",system-ui,sans-serif;color-scheme:dark;background:var(--cad-bg);color:var(--cad-fg);font-family:var(--cad-sans);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.cad[data-cad-theme=day]{--cad-bg:#e8e9ed;--cad-pane:#ffffff;--cad-raised:#f4f5f7;--cad-row-bg:#fafafb;--cad-hover:#eef0f3;--cad-line:#e1e3e8;--cad-line-strong:#cdd0d7;--cad-fg:#141518;--cad-fg-2:#4b5059;--cad-fg-3:#686d77;--cad-accent:#0b7d52;--cad-accent-fill:#0b7d52;--cad-on-accent:#ffffff;--cad-red:#c62a2f;--cad-red-ink:#b42328;--cad-amber-ink:#8f5500;--cad-blue-ink:#1f5fd1;--cad-violet-ink:#6a3fd0;--cad-map-filter:invert(1) hue-rotate(180deg) saturate(0.55) brightness(1.04);--cad-map-sea:#cfe0ec;--cad-shadow:0 16px 40px -14px rgb(20 22 26/0.28),0 2px 8px rgb(20 22 26/0.08);--cad-scrim:rgb(20 22 26/0.32);color-scheme:light}.cad ::selection{background:color-mix(in oklab,var(--cad-accent) 35%,transparent);color:var(--cad-fg)}.cad input,.cad select,.cad textarea{caret-color:var(--cad-accent)}.cad *{scrollbar-width:thin;scrollbar-color:var(--cad-line-strong) transparent}.cad :focus-visible{outline:2px solid var(--cad-accent);outline-offset:1px}.cad [tabindex="-1"]:focus-visible{outline:none}.cad-act{--act:var(--cad-accent)}.cad-act[data-tone=amber]{--act:var(--cad-amber-ink)}.cad-act[data-tone=blue]{--act:var(--cad-blue-ink)}.cad-act[data-tone=violet]{--act:var(--cad-violet-ink)}.cad-act[data-tone=red]{--act:var(--cad-red-ink)}.cad-act[data-tone=neutral]{--act:var(--cad-fg-2)}.cad-tone{--tone-ink:var(--sc);--tone-solid:var(--sc);--tone-fill:color-mix(in oklab,var(--sc) 16%,transparent);--tone-line:color-mix(in oklab,var(--sc) 50%,transparent);--tone-dot:var(--sc)}@supports (color:oklch(from red l c h)){.cad-tone{--tone-ink:oklch(from var(--sc) max(l,0.8) min(c,0.15) h);--tone-dot:oklch(from var(--sc) max(l,0.7) min(c,0.19) h);--tone-solid:oklch(from var(--sc) min(l,0.52) min(c,0.17) h)}.cad[data-cad-theme=day] .cad-tone{--tone-ink:oklch(from var(--sc) min(l,0.47) min(c,0.17) h);--tone-dot:oklch(from var(--sc) min(l,0.6) c h)}}.cad[data-cad-theme=day] .cad-tone{--tone-fill:color-mix(in oklab,var(--sc) 10%,white);--tone-line:color-mix(in oklab,var(--sc) 40%,white)}.cad-red{background:var(--cad-red);color:var(--cad-on-red)}.cad-panic-flash{position:fixed;inset:0;z-index:90;pointer-events:none;box-shadow:inset 0 0 0 6px var(--cad-red),inset 0 0 72px 8px color-mix(in oklab,var(--cad-red) 50%,transparent);opacity:0;animation:cad-panic-pulse .64s cubic-bezier(.16,1,.3,1) 3}@keyframes cad-panic-pulse{0%{opacity:0}12%{opacity:1}to{opacity:0}}.cad-sheet{animation:cad-sheet-in .26s cubic-bezier(.16,1,.3,1)}.cad-scrim{animation:cad-fade-in .2s ease-out}.cad-pop{animation:cad-pop-in .14s cubic-bezier(.16,1,.3,1);transform-origin:top left}@keyframes cad-sheet-in{0%{transform:translateY(24px);opacity:.4}}@keyframes cad-fade-in{0%{opacity:0}}@keyframes cad-pop-in{0%{transform:translateY(-4px) scale(.98);opacity:0}}.cad-panic-armed{animation:cad-armed .9s ease-in-out infinite alternate}@keyframes cad-armed{to{box-shadow:0 0 0 4px color-mix(in oklab,var(--cad-red) 35%,transparent)}}@media (prefers-reduced-motion:reduce){.cad-panic-flash{display:none}.cad-panic-armed,.cad-pop,.cad-scrim,.cad-sheet{animation:none}}.cad-map{filter:var(--cad-map-filter)}.cad[data-cad-brand]{--cad-accent:var(--brand);--cad-accent-fill:var(--brand);--cad-on-accent:#ffffff}@supports (color:oklch(from red l c h)){.cad[data-cad-brand]{--cad-accent:oklch(from var(--brand) max(l,0.74) min(c,0.17) h);--cad-accent-fill:oklch(from var(--brand) max(l,0.72) min(c,0.17) h);--cad-on-accent:oklch(from var(--brand) 0.2 min(c,0.06) h)}.cad[data-cad-theme=day][data-cad-brand]{--cad-accent:oklch(from var(--brand) min(l,0.48) min(c,0.17) h);--cad-accent-fill:oklch(from var(--brand) min(l,0.48) min(c,0.17) h);--cad-on-accent:#ffffff}}.cad-mark{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;letter-spacing:.01em;color:var(--cad-fg-3);white-space:nowrap}.cad-mark-corner{position:fixed;left:10px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:40;opacity:.7}@media (max-width:639px){.cad-mark-corner{bottom:auto;top:calc(2px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);font-size:9.5px;opacity:.55}}.cad:has(.cad-dock) .cad-mark-corner{display:none}@media print{.cad-mark-corner{position:static}}}@layer components{.cad-card{--card-brand:#0b7d52;--card-bg:#fbfbf9;--card-fg:#16181c;--card-fg-2:#555a63;--card-line:#dcdfe4;--card-band-fg:#ffffff;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:85.6/54;width:100%;max-width:420px;container-type:inline-size;border-radius:3.6cqw;background:var(--card-bg);color:var(--card-fg);box-shadow:0 1px 0 rgb(255 255 255/.6) inset,0 0 0 1px var(--card-line),0 10px 24px -14px rgb(16 18 22/.45);font-family:var(--font-plex-sans),"IBM Plex Sans","Segoe UI",system-ui,sans-serif;font-variant-numeric:tabular-nums}@supports (color:oklch(from red l c h)){.cad-card{--card-band:oklch(from var(--card-brand) min(l,0.5) min(c,0.17) h)}}.cad-card-band{display:flex;align-items:center;gap:2.4cqw;padding:2.6cqw 4cqw;background:var(--card-band,var(--card-brand));color:var(--card-band-fg)}.cad-card-logo{width:7.4cqw;height:7.4cqw;flex-shrink:0;border-radius:28%;object-fit:cover;background:rgb(255 255 255/.18)}.cad-card-issuer{min-width:0;font-size:3.4cqw;font-weight:600;line-height:1.15}.cad-card-kind{display:block;font-size:2.6cqw;font-weight:500;opacity:.82}.cad-card-body{display:grid;grid-template-columns:24cqw 1fr;gap:4cqw;padding:3.6cqw 4cqw}.cad-card-photo{overflow:hidden;aspect-ratio:3/4;border-radius:2cqw;background:color-mix(in oklab,var(--card-brand) 12%,var(--card-bg))}.cad-card-photo>*{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover}.cad-card-name{font-size:5.2cqw;font-weight:650;line-height:1.1;overflow-wrap:anywhere}.cad-card-fields{display:grid;grid-template-columns:auto 1fr;gap:.8cqw 2.6cqw;margin-top:2.4cqw;font-size:2.9cqw}.cad-card-fields dt{color:var(--card-fg-2)}.cad-card-fields dd{min-width:0;overflow-wrap:anywhere}.cad-card-number{right:4cqw;font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:2.7cqw;letter-spacing:.06em}.cad-card-mark,.cad-card-number{position:absolute;bottom:3cqw;color:var(--card-fg-2)}.cad-card-mark{left:4cqw;display:inline-flex;align-items:center;gap:1cqw;font-size:2.2cqw;font-weight:600;opacity:.8}.cad-card-mark svg{height:1.7cqw;width:auto}.cad-card[data-template=state]{background:repeating-linear-gradient(135deg,color-mix(in oklab,var(--card-brand) 7%,transparent) 0 1px,transparent 1px 7px),linear-gradient(180deg,color-mix(in oklab,var(--card-brand) 6%,var(--card-bg)),var(--card-bg) 60%)}.cad-card[data-template=state] .cad-card-band{justify-content:center;text-align:center}.cad-card[data-template=night]{--card-bg:#15171b;--card-fg:#eef0f3;--card-fg-2:#9aa0aa;--card-line:#2a2d33;box-shadow:0 0 0 1px var(--card-line),0 10px 24px -12px rgb(0 0 0/.7)}.cad-card[data-template=night] .cad-card-band{background:transparent;color:var(--card-fg);border-bottom:1px solid var(--card-line)}.cad-card[data-template=night]:before{content:"";position:absolute;inset:0 auto 0 0;width:1.6cqw;background:var(--card-brand)}.cad-card[data-template=heritage]{--card-bg:#f3efe4;--card-fg:#2a241a;--card-fg-2:#6b6150;--card-line:#d8cfba}.cad-card[data-template=heritage] .cad-card-band{background:transparent;color:var(--card-fg);border-bottom:.6cqw double var(--card-brand)}.cad-card[data-template=heritage] .cad-card-name{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:600}}.cad :focus-visible{outline:revert-layer;outline-offset:revert-layer;border-radius:revert-layer}