:root{--cb-hue: 240;--cb-sat: 70%;--cb-accent: hsl(var(--cb-hue), var(--cb-sat), 42%);--cb-accent-hover: hsl(var(--cb-hue), var(--cb-sat), 34%);--cb-accent-light: hsl(var(--cb-hue), var(--cb-sat), 94%);--cb-accent-subtle: hsla(var(--cb-hue), var(--cb-sat), 42%, .12);--cb-bg: #ffffff;--cb-panel-bg: #f1f3f4;--cb-tab-bar-bg: #dee1e6;--cb-menu-bg: #ffffff;--cb-input-bg: #ffffff;--cb-fg: #202124;--cb-fg-secondary: #5f6368;--cb-fg-tertiary: #80868b;--cb-fg-on-accent: #ffffff;--cb-border: #dadce0;--cb-border-strong: #bdc1c6;--cb-hover: rgba(0, 0, 0, .04);--cb-active: rgba(0, 0, 0, .08);--cb-shadow: rgba(0, 0, 0, .15);--cb-success: #188038;--cb-success-bg: rgba(24, 128, 56, .1);--cb-error: #d93025;--cb-error-light:#fce8e6;--cb-singing: hsl(var(--cb-hue), var(--cb-sat), 42%);--cb-patter: #e37400;--cb-tab-fg: var(--cb-fg-secondary);--cb-tab-hover: var(--cb-hover);--cb-tab-active-fg: var(--cb-fg);--cb-tab-active-bg: var(--cb-bg);--cb-progress: hsla(var(--cb-hue), var(--cb-sat), 35%, .7);--cb-segment-even: rgba(0, 0, 0, 35%);--cb-segment-odd: rgba(0, 0, 0, 10%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--cb-fg);background-color:var(--cb-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}