.syn-ui,:where(.g-app){--syn-bg:#080808;--syn-surface:#111;--syn-raised:#191919;--syn-text:#f5f5f7;--syn-muted:#a5a5ac;--syn-line:#2b2b2e;--syn-input-line:#77777c;--syn-action:#f5f5f7;--syn-on-action:#111;--syn-focus:#69c8d1;--syn-accent:#69c8d1;--syn-on-accent:#082b30;--syn-success:#80d9a1;--syn-danger:#ff9c9c;--syn-warning:#d8b974;--syn-switch-off:#363638;--syn-floating:#19191bf0;--syn-shadow-floating:0 12px 40px #00000047, inset 0 1px 0 #ffffff0d;--syn-overlay:#0000009e;--syn-shadow-modal:0 24px 100px #00000052;--syn-chart-1:#1c9dab;--syn-chart-2:#dd6232;--syn-heat-1:#15606a;--syn-heat-2:#17808c;--syn-heat-3:#22a2b0;--syn-heat-4:#5fc3ce;--syn-heat-5:#a6e0e6;--syn-blur:20px;--syn-space-1:4px;--syn-space-2:8px;--syn-space-3:12px;--syn-space-4:16px;--syn-space-5:20px;--syn-space-6:24px;--syn-space-8:32px;--syn-space-10:40px;--syn-space-12:48px;--syn-space-16:64px;--syn-space-20:80px;--syn-radius-sm:8px;--syn-radius-md:12px;--syn-radius-lg:16px;--syn-radius-xl:20px;--syn-control-height:36px;--syn-control-padding:6px 10px;--syn-surface-padding:16px;--syn-row-height:56px;--syn-layer-sticky:20;--syn-layer-modal:1000;--syn-layer-popover:1100;--syn-motion-fast:.12s;--syn-motion-standard:.18s;--syn-motion-enter:.22s;--syn-ease:cubic-bezier(.2, .8, .2, 1);--syn-radius:12px;--syn-font:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--syn-font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--syn-type-display:500 3rem / 1.0833 var(--syn-font);--syn-type-page:600 1.75rem / 1.25 var(--syn-font);--syn-type-dialog:600 1.5rem / 1.3333 var(--syn-font);--syn-type-section:600 1.125rem / 1.4 var(--syn-font);--syn-type-body:400 1rem / 1.5 var(--syn-font);--syn-type-label:500 .875rem / 1.4286 var(--syn-font);--syn-type-caption:400 .75rem / 1.5 var(--syn-font);--syn-type-data:400 .875rem / 1.4286 var(--syn-font-mono);color:var(--syn-text);font-family:var(--syn-font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}:root[data-theme=light] .syn-ui,:root[data-theme=light] :where(.g-app){--syn-bg:#fff;--syn-surface:#fff;--syn-raised:#f5f5f7;--syn-text:#161617;--syn-muted:#636369;--syn-line:#dedee2;--syn-input-line:#85858b;--syn-action:#18181b;--syn-on-action:#fff;--syn-focus:#007682;--syn-accent:#007682;--syn-on-accent:#fff;--syn-success:#18733c;--syn-danger:#b42330;--syn-warning:#8c631b;--syn-switch-off:#e1e1e5;--syn-floating:#fffffff0;--syn-shadow-floating:0 12px 40px #0000001f, inset 0 1px 0 #fff9;--syn-chart-1:#0b8fa0;--syn-chart-2:#e2622f;--syn-heat-1:#6cc2cc;--syn-heat-2:#3ca9b6;--syn-heat-3:#138e9c;--syn-heat-4:#0b6f7b;--syn-heat-5:#064f58}:where(.syn-ui),.syn-ui *,.syn-ui :before,.syn-ui :after{box-sizing:border-box}:where(.syn-ui,.g-app) :where(a,a:visited){color:var(--syn-text);text-underline-offset:2px}:where(.syn-ui,.g-app) :where(a:hover){color:var(--syn-muted)}.syn-ui :focus-visible{outline:2px solid var(--syn-focus);outline-offset:4px}@media (pointer:coarse){.syn-ui,:where(.g-app){--syn-control-height:44px}.syn-ui input.syn-input,.syn-ui textarea.syn-input,.g-app input.syn-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.syn-ui,.syn-ui *,.syn-ui :before,.syn-ui :after{transition:none!important;animation:none!important}}.syn-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
:is(.syn-ui,.g-app) .syn-button{justify-content:center;align-items:center;gap:var(--syn-space-2);min-height:var(--syn-control-height);padding:var(--syn-control-padding);border:1px solid var(--syn-line);border-radius:var(--syn-radius-sm);background:var(--syn-raised);color:var(--syn-text);font:var(--syn-type-label);cursor:pointer;transition:background var(--syn-motion-fast), border-color var(--syn-motion-fast);text-decoration:none;display:inline-flex}:is(.syn-ui,.g-app) .syn-button-primary{background:var(--syn-action);color:var(--syn-on-action);border-color:#0000}:is(.syn-ui,.g-app) .syn-button-quiet{background:0 0;border-color:#0000}:is(.syn-ui,.g-app) .syn-button:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.92);border-color:var(--syn-muted)}:is(.syn-ui,.g-app) .syn-button:disabled,:is(.syn-ui,.g-app) .syn-button[aria-disabled=true]{opacity:.5;cursor:default}:is(.syn-ui,.g-app) .syn-icon-button{width:var(--syn-control-height,36px);height:var(--syn-control-height,36px);border-radius:var(--syn-radius-sm,8px);color:var(--syn-muted);cursor:pointer;transition:background var(--syn-motion-fast), color var(--syn-motion-fast);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}:is(.syn-ui,.g-app) .syn-icon-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--syn-raised);color:var(--syn-text)}:is(.syn-ui,.g-app) .syn-icon-button[aria-pressed=true]{color:var(--syn-text)}:is(.syn-ui,.g-app) .syn-icon-button:disabled,:is(.syn-ui,.g-app) .syn-icon-button[aria-disabled=true]{opacity:.5;cursor:default}:is(.syn-ui,.g-app) .syn-icon-button:focus-visible{outline:2px solid var(--syn-focus);outline-offset:2px}:is(.syn-ui,.g-app) .syn-input{width:100%;min-height:var(--syn-control-height);border:1px solid var(--syn-input-line);border-radius:var(--syn-radius-sm);padding:var(--syn-control-padding);background:var(--syn-bg);color:var(--syn-text);font:var(--syn-type-label)}:is(.syn-ui,.g-app) .syn-input:disabled{opacity:.6;cursor:default}:is(.syn-ui,.g-app) .syn-input[aria-invalid=true]{border-color:var(--syn-danger)}.syn-ui .syn-badge{background:var(--syn-raised);border:1px solid var(--syn-line);color:var(--syn-muted);font:var(--syn-type-caption);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-weight:600;line-height:1.4;display:inline-flex}.syn-ui .syn-badge-success{color:var(--syn-success)}.syn-ui .syn-badge-danger{color:var(--syn-danger)}.syn-ui .syn-badge-warning{color:var(--syn-warning)}.syn-ui .syn-eyebrow{color:var(--syn-muted);font:var(--syn-type-caption);letter-spacing:.16em;margin-bottom:16px;font-weight:600}.syn-ui .syn-description{color:var(--syn-muted);font:var(--syn-type-body);margin:8px 0 0}.syn-ui .syn-network-mark{border:1px solid var(--syn-line);border-radius:var(--syn-radius-md);background:var(--syn-raised);flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.syn-overlay{z-index:var(--syn-layer-modal);background:var(--syn-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;inset:0}.syn-modal{z-index:calc(var(--syn-layer-modal) + 1);width:min(540px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--syn-space-8);background:var(--syn-surface);border:1px solid var(--syn-line);border-radius:var(--syn-radius-xl);box-shadow:var(--syn-shadow-modal);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.syn-modal .syn-modal-heading{padding-right:16px}.syn-modal .syn-modal-title{font:var(--syn-type-dialog);letter-spacing:-.035em;margin:0;font-weight:600}.syn-modal .syn-modal-close{min-width:44px;color:var(--syn-muted);padding:6px;font-size:24px;position:absolute;top:12px;right:12px}.syn-modal.syn-modal-palette{border-radius:var(--syn-radius-lg);flex-direction:column;width:min(640px,100vw - 32px);max-height:min(70vh,640px);padding:0;display:flex;top:12vh;overflow:hidden;transform:translate(-50%)}@media (max-width:480px){.syn-modal:not(.syn-modal-palette){padding:var(--syn-space-6)}}