:root,body[data-color-mode=light]{--theme-action-primary: #146858;--theme-action-secondary: #317b6a;--theme-action-accent: #155548;--theme-on-brand: #ffffff}@media(prefers-color-scheme:dark){:root{--theme-action-primary: #70d5b5;--theme-action-secondary: #91dcc6;--theme-action-accent: #a6e6d0;--theme-on-brand: #10251e}}body[data-color-mode=dark]{--theme-action-primary: #70d5b5;--theme-action-secondary: #91dcc6;--theme-action-accent: #a6e6d0;--theme-on-brand: #10251e}:root{color-scheme:light;--theme-bg-app: #f5f7f6;--theme-bg-surface: #ffffff;--theme-bg-elevated: #ffffff;--theme-bg-highlight: #eaf1ee;--theme-fg-primary: #18241f;--theme-fg-secondary: #384b41;--theme-fg-muted: #5d6c64;--theme-border-subtle: #d8e1dc;--theme-state-success: #197a56;--theme-state-warning: #9a5b16;--theme-state-error: #bd3030;--theme-ink-strong: #17251e;--theme-shadow-soft: 0 12px 32px rgb(20 40 30 / .07);--theme-shadow-strong: 0 24px 60px rgb(20 40 30 / .16)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--theme-bg-app: #101713;--theme-bg-surface: #19221d;--theme-bg-elevated: #222e27;--theme-bg-highlight: #293c30;--theme-fg-primary: #edf4ef;--theme-fg-secondary: #d0dcd4;--theme-fg-muted: #adbbb1;--theme-border-subtle: #38483d;--theme-state-success: #6ed5a7;--theme-state-warning: #e7ba78;--theme-state-error: #ff9393;--theme-ink-strong: #080e0a;--theme-shadow-soft: 0 12px 32px rgb(0 0 0 / .2);--theme-shadow-strong: 0 24px 60px rgb(0 0 0 / .35)}}body[data-color-mode=light]{color-scheme:light;--theme-bg-app: #f5f7f6;--theme-bg-surface: #ffffff;--theme-bg-elevated: #ffffff;--theme-bg-highlight: #eaf1ee;--theme-fg-primary: #18241f;--theme-fg-secondary: #384b41;--theme-fg-muted: #5d6c64;--theme-border-subtle: #d8e1dc;--theme-state-success: #197a56;--theme-state-warning: #9a5b16;--theme-state-error: #bd3030;--theme-ink-strong: #17251e;--theme-shadow-soft: 0 12px 32px rgb(20 40 30 / .07);--theme-shadow-strong: 0 24px 60px rgb(20 40 30 / .16)}body[data-color-mode=dark]{color-scheme:dark;--theme-bg-app: #101713;--theme-bg-surface: #19221d;--theme-bg-elevated: #222e27;--theme-bg-highlight: #293c30;--theme-fg-primary: #edf4ef;--theme-fg-secondary: #d0dcd4;--theme-fg-muted: #adbbb1;--theme-border-subtle: #38483d;--theme-state-success: #6ed5a7;--theme-state-warning: #e7ba78;--theme-state-error: #ff9393;--theme-ink-strong: #080e0a;--theme-shadow-soft: 0 12px 32px rgb(0 0 0 / .2);--theme-shadow-strong: 0 24px 60px rgb(0 0 0 / .35)}:root,body{--ui-radius-panel: 1.5rem;--ui-radius-control: 1rem;--ui-control-height: 2.95rem;--ui-panel-padding: 1.15rem;--surface-0: var(--theme-bg-surface);--surface-1: var(--theme-bg-app);--surface-2: var(--theme-bg-elevated);--surface-accent: var(--theme-bg-highlight);--text-strong: var(--theme-fg-primary);--text-primary: var(--theme-fg-primary);--text-secondary: var(--theme-fg-secondary);--text-muted: var(--theme-fg-muted);--border-subtle: var(--theme-border-subtle);--brand-primary: var(--theme-action-primary);--brand-secondary: var(--theme-action-secondary);--brand-accent: var(--theme-action-accent);--brand-success: var(--theme-state-success);--brand-warning: var(--theme-state-warning);--brand-alert: var(--theme-state-warning);--brand-danger: var(--theme-state-error);--shadow-soft: var(--theme-shadow-soft);--font-display: "Segoe UI", Arial, sans-serif;--font-playful: "Segoe UI", Arial, sans-serif;--font-body: "Segoe UI", Arial, sans-serif;--font-mono: "Consolas", "Courier New", monospace}.app-shell__settings-button{align-self:end;min-height:2.55rem;padding:0 1rem;border:1px solid color-mix(in srgb,var(--theme-action-primary) 20%,var(--theme-border-subtle));border-radius:999px;background:color-mix(in srgb,var(--theme-bg-app) 76%,var(--theme-bg-surface));color:var(--theme-fg-primary);cursor:pointer;font:inherit;font-size:.82rem;font-weight:800;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.app-shell__settings-button:hover,.app-shell__settings-button:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-action-primary) 34%,transparent);background:color-mix(in srgb,var(--theme-action-primary) 8%,var(--theme-bg-surface))}.app-shell__install-button{align-self:end;min-height:2.55rem;padding:0 1rem;border:1px solid color-mix(in srgb,var(--theme-action-accent) 44%,transparent);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-action-accent) 76%,white 24%),color-mix(in srgb,var(--theme-action-primary) 78%,black 22%));color:var(--theme-on-brand);cursor:pointer;font:inherit;font-size:.82rem;font-weight:800;box-shadow:0 16px 32px color-mix(in srgb,var(--theme-action-accent) 22%,transparent),inset 0 1px color-mix(in srgb,white 32%,transparent);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.app-shell__install-button:hover,.app-shell__install-button:focus-visible{transform:translateY(-1px);box-shadow:0 18px 36px color-mix(in srgb,var(--theme-action-accent) 30%,transparent),inset 0 1px color-mix(in srgb,white 36%,transparent)}.app-shell__install-button--muted{border-color:var(--theme-border-subtle);background:color-mix(in srgb,var(--theme-bg-app) 76%,var(--theme-bg-surface));color:var(--theme-fg-primary);box-shadow:none}.app-shell__modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1rem;background:#0a0a0e9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell__modal{width:min(100%,34rem);display:grid;gap:1rem;padding:1.25rem;border:1px solid color-mix(in srgb,var(--theme-action-primary) 20%,var(--theme-border-subtle));border-radius:1.6rem;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-bg-surface) 96%,transparent),color-mix(in srgb,var(--theme-bg-elevated) 90%,transparent)),var(--theme-bg-surface);box-shadow:var(--theme-shadow-strong)}.app-shell__modal--update{width:min(100%,28rem)}.app-shell__modal-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.app-shell__modal-eyebrow,.app-shell__settings-label{margin:0;color:var(--theme-action-accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-shell__modal h2{margin:.2rem 0 0;color:var(--theme-fg-primary);font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);line-height:.96}.app-shell__modal-copy{margin:0;color:var(--theme-fg-secondary);line-height:1.5}.app-shell__modal-close,.app-shell__settings-cta{min-height:2.7rem;padding:0 1rem;border-radius:.95rem;cursor:pointer;font:inherit;font-weight:800}.app-shell__modal-close,.app-shell__settings-cta--secondary{border:1px solid var(--theme-border-subtle);background:transparent;color:var(--theme-fg-primary)}.app-shell__settings-cta--primary{border:1px solid color-mix(in srgb,var(--theme-action-accent) 44%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-action-accent) 76%,white 24%),color-mix(in srgb,var(--theme-action-primary) 78%,black 22%));color:var(--theme-on-brand);box-shadow:0 16px 32px color-mix(in srgb,var(--theme-action-accent) 26%,transparent),inset 0 1px color-mix(in srgb,white 32%,transparent)}.app-shell__settings-cta:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.app-shell__settings-grid{display:grid;gap:.9rem}.app-shell__settings-card{display:grid;gap:.45rem;padding:1rem;border:1px solid var(--theme-border-subtle);border-radius:1.15rem;background:color-mix(in srgb,var(--theme-bg-app) 74%,var(--theme-bg-surface))}.app-shell__settings-card strong{color:var(--theme-fg-primary);font-size:1.2rem}.app-shell__settings-card p{margin:0}.app-shell__settings-note{color:var(--theme-fg-secondary);line-height:1.45}.app-shell__settings-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.35rem}.app-shell__install-steps{display:grid;gap:.55rem;margin:0;padding-inline-start:1.1rem;color:var(--theme-fg-secondary);line-height:1.5}@media(width<=720px){.app-shell__install-button,.app-shell__settings-button{width:100%}}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-skeleton{display:block;border-radius:.85rem;background:linear-gradient(90deg,color-mix(in srgb,var(--theme-bg-highlight) 72%,transparent),color-mix(in srgb,var(--theme-bg-surface) 92%,white 8%),color-mix(in srgb,var(--theme-bg-highlight) 72%,transparent));background-size:200% 100%;animation:ui-skeleton-shimmer 1.35s ease-in-out infinite}.ui-skeleton--text{height:.95rem}.ui-skeleton--title{height:1.4rem}.ui-skeleton--hero{height:2.5rem}.ui-skeleton--chip{width:7rem;height:1.8rem;border-radius:999px}.ui-skeleton--button{width:10rem;height:2.9rem;border-radius:999px}.ui-skeleton--input{width:100%;height:2.9rem}.ui-skeleton--card{width:100%;min-height:10rem;border-radius:1.5rem}.ui-skeleton--stat{width:100%;min-height:4.75rem;border-radius:1rem}.ui-skeleton--qr{width:min(100%,15rem);aspect-ratio:1;border-radius:1.5rem}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);background:var(--theme-bg-app);color:var(--text-strong);transition:background-color .18s ease,color .18s ease,border-color .18s ease}*,*:before,*:after{box-sizing:border-box}.ui-panel{border:1px solid var(--theme-border-subtle);border-radius:var(--ui-radius-panel);background:linear-gradient(160deg,color-mix(in srgb,var(--theme-bg-surface) 96%,transparent),color-mix(in srgb,var(--theme-bg-elevated) 92%,transparent));box-shadow:var(--theme-shadow-soft)}.ui-state-panel{display:grid;gap:.75rem;padding:var(--ui-panel-padding)}.ui-state-panel--error{border-color:color-mix(in srgb,var(--theme-state-error) 36%,var(--theme-border-subtle))}.ui-state-panel--warning{border-color:color-mix(in srgb,var(--theme-state-warning) 36%,var(--theme-border-subtle))}.ui-state-panel--success{border-color:color-mix(in srgb,var(--theme-state-success) 36%,var(--theme-border-subtle))}.ui-eyebrow{margin:0;color:var(--theme-action-accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.ui-action{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:var(--ui-control-height);padding:0 1rem;border:1px solid var(--theme-border-subtle);border-radius:var(--ui-radius-control);background:color-mix(in srgb,var(--theme-bg-surface) 84%,transparent);color:var(--theme-fg-primary);cursor:pointer;font:inherit;font-weight:800;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.ui-action--primary{border-color:color-mix(in srgb,var(--theme-action-primary) 24%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-action-primary) 86%,black 10%),color-mix(in srgb,var(--theme-action-accent) 94%,black 18%));color:var(--theme-on-brand);box-shadow:var(--theme-shadow-strong)}.ui-action:hover,.ui-action:focus-visible{transform:translateY(-1px)}.ui-action:disabled{cursor:not-allowed;opacity:.6}.ui-chip{display:inline-flex;align-items:center;min-height:2rem;padding:.25rem .55rem;border-radius:var(--ui-radius-control);background:color-mix(in srgb,var(--theme-action-primary) 9%,var(--theme-bg-elevated));color:var(--theme-fg-secondary);font-size:.85rem;font-weight:800}.ui-feedback{display:grid;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--theme-border-subtle)}