.calm-room{--calm-page:#0e1638;--calm-ink:#fff;--calm-ink80:#fffc;--calm-ink60:#fff9;--calm-frost:#ffffff29;--calm-edge:#ffffff4d;--calm-pill:#fff;--calm-pill-ink:#1a3e6f;--calm-sun:#fff1d6;--calm-yellow:#ffce00;--ink:#fff;--ink70:#fffc;--ink60:#ffffffa8;--ink45:#ffffff80;--hairline:#ffffff29;--border:#ffffff4d;--surface:#ffffff1a;--surface2:#ffffff29;--press:#ffffff1a;--row-hover:#ffffff0f;--accent-ink:#fff;--accent-fill:#fff;--on-accent:#1a3e6f;--accent-wash:#ffffff29;--gain:#6ee7b7;--loss:#fda4af;--plus-mark:#fff;background:var(--calm-page);color:var(--calm-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.calm-room ::selection{background:#ffffff40}.calm-room :focus-visible{outline-color:#fff}.calm-sheet{--calm-page:#f9f4f2;--calm-ink:#1a3e6f;--calm-ink80:#1a3e6fb8;--calm-line:#1a3e6f26;--calm-chip:#fff;--calm-pill:#1a3e6f;--calm-pill-ink:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .calm-sheet{--calm-page:#0e1638;--calm-ink:#fff;--calm-ink80:#fffc;--calm-line:#ffffff4d;--calm-chip:#ffffff29;--calm-pill:#fff;--calm-pill-ink:#1a3e6f}}:root[data-theme=dark] .calm-sheet{--calm-page:#0e1638;--calm-ink:#fff;--calm-ink80:#fffc;--calm-line:#ffffff4d;--calm-chip:#ffffff29;--calm-pill:#fff;--calm-pill-ink:#1a3e6f}dialog.ds-dialog.calm-sheet{background:var(--calm-page);color:var(--calm-ink);border-radius:28px}.calm-pill{background:var(--calm-pill);width:100%;color:var(--calm-pill-ink);letter-spacing:-.1px;transition:transform var(--dur-snappy) var(--ease-snappy), opacity var(--dur-fast) var(--ease-out);border-radius:9999px;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex}.calm-pill:active:not(:disabled){transform:scale(.97)}.calm-pill:disabled{opacity:.6}@media (hover:hover){.calm-pill:hover:not(:disabled){opacity:.92}}.calm-pill:focus-visible{outline:2px solid var(--calm-ink);outline-offset:3px}.calm-frost{-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff4d}.calm-frost[aria-checked=true]{background:#ffffff3d;border:1.6px solid #fff}.calm-sheet .calm-tick{color:#3a3f86}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .calm-sheet .calm-tick{color:#ffd6a6}}:root[data-theme=dark] .calm-sheet .calm-tick{color:#ffd6a6}