:root{color-scheme:light;--page-bg:#f9f9f7;--surface:#fcfcfb;--surface-2:#ffffff;--ink:#0b0b0b;--ink-soft:#52514e;--ink-faint:#898781;--border:rgba(11,11,11,.1);--border-strong:rgba(11,11,11,.18);--accent:#556ee6;--accent-dark-mix:#374795;--accent-ink:#ffffff;--accent-soft:rgba(85,110,230,.1);--accent-soft-strong:rgba(85,110,230,.18);--good:#0ca30c;--good-soft:rgba(12,163,12,.12);--warning:#fab219;--critical:#d03b3b;--critical-soft:rgba(208,59,59,.1);--gridline:#e1e0d9;--shadow: 0 1px 2px rgba(11,11,11,.04), 0 8px 24px rgba(11,11,11,.08);--shadow-modal: 0 20px 60px rgba(11,11,11,.24);--glass-bg:color-mix(in srgb, var(--surface) 72%, transparent);--glass-bg-solid:color-mix(in srgb, var(--surface) 96%, transparent);--glass-border:rgba(11,11,11,.08);--glass-blur:blur(20px) saturate(180%)}:root{--control-height-md:44px;--control-height-sm:36px;--control-height-xs:28px;--control-width-sm:68px;--control-width-md:136px;--control-width-lg:272px;--button-padding-x-md:16px;--button-padding-x-sm:12px;--action-success:#34c38f;--action-success-hover:#2ba57a;--action-warning:#f1b44c;--action-warning-hover:#eea431;--action-info:#50a5f1;--action-info-hover:#2f96ef;--action-danger:#f46a6a;--action-danger-hover:#f24f4f;--action-ink:#ffffff;--control-padding-x-md:12px;--control-padding-x-sm:10px;--control-font-size-md:15px;--control-font-size-sm:13px;--control-radius:10px;--control-border:var(--border-strong);--control-border-hover:var(--accent);--control-bg:var(--surface-2);--control-bg-disabled:var(--page-bg);--control-ink:var(--ink);--control-placeholder:var(--ink-faint);--control-focus:var(--accent);--control-invalid:var(--critical);--field-gap:6px;--field-stack-gap:16px;--field-label-size:13px;--field-hint-size:13px;--field-error-size:13px;--form-max-width:560px;--rail-width:76px;--chrome-top: calc(68px + env(safe-area-inset-top)) ;--chrome-bottom: calc(92px + env(safe-area-inset-bottom)) ;--content-bottom:calc(var(--chrome-bottom) + var(--install-banner-height, 0px));--chrome-top-reserve:136px;--page-gutter:24px;--sticky-top:var(--chrome-top)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--page-bg:#0d0d0d;--surface:#1a1a19;--surface-2:#212120;--ink:#ffffff;--ink-soft:#c3c2b7;--ink-faint:#898781;--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.2);--accent:#7b8ff0;--accent-dark-mix:#2b3670;--accent-ink:#ffffff;--accent-soft:rgba(123,143,240,.16);--accent-soft-strong:rgba(123,143,240,.28);--good:#0ca30c;--good-soft:rgba(12,163,12,.18);--warning:#fab219;--critical:#e66767;--critical-soft:rgba(230,103,103,.16);--gridline:#2c2c2a;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.4);--shadow-modal: 0 20px 60px rgba(0,0,0,.6);--glass-bg:color-mix(in srgb, var(--surface) 68%, transparent);--glass-border:rgba(255,255,255,.1);--glass-blur:blur(20px) saturate(160%)}}:root[data-theme=dark]{color-scheme:dark;--page-bg:#0d0d0d;--surface:#1a1a19;--surface-2:#212120;--ink:#ffffff;--ink-soft:#c3c2b7;--ink-faint:#898781;--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.2);--accent:#7b8ff0;--accent-dark-mix:#2b3670;--accent-ink:#ffffff;--accent-soft:rgba(123,143,240,.16);--accent-soft-strong:rgba(123,143,240,.28);--good:#0ca30c;--good-soft:rgba(12,163,12,.18);--warning:#fab219;--critical:#e66767;--critical-soft:rgba(230,103,103,.16);--gridline:#2c2c2a;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.4);--shadow-modal: 0 20px 60px rgba(0,0,0,.6);--glass-bg:color-mix(in srgb, var(--surface) 68%, transparent);--glass-border:rgba(255,255,255,.1);--glass-blur:blur(20px) saturate(160%)}@media (max-width: 768px){:root{--chrome-top: calc(16px + env(safe-area-inset-top)) ;--chrome-top-reserve:0px;--page-gutter:16px;--sticky-top: calc(68px + env(safe-area-inset-top)) }}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{scroll-padding-top:var(--chrome-top);scroll-padding-bottom:var(--content-bottom)}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Sora,system-ui,sans-serif;margin:0}button,input,select,textarea{font:inherit;color:inherit}@media (max-width: 768px){html{scroll-padding-top:calc(68px + env(safe-area-inset-top))}}
