*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-elevated: #141416;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .05);--text-1: #f5f5f7;--text-2: rgba(245, 245, 247, .65);--text-3: rgba(245, 245, 247, .38);--accent: #4CC9F0;--accent-dim: rgba(76, 201, 240, .14);--accent-surface: rgba(76, 201, 240, .06);--danger: #f87171;--success: #4ade80;--header-bg: rgba(10, 10, 10, .88);--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .12);--page-px: 24px;--page-py: 28px;--header-px: 24px;--header-py: 16px}[data-theme=light]{--bg: #f2f2f7;--bg-elevated: #ffffff;--surface: rgba(0, 0, 0, .04);--surface-hover: rgba(0, 0, 0, .07);--border: rgba(0, 0, 0, .09);--border-subtle: rgba(0, 0, 0, .05);--text-1: #1a1a1e;--text-2: rgba(26, 26, 30, .65);--text-3: rgba(26, 26, 30, .42);--accent: #007aff;--accent-dim: rgba(0, 122, 255, .12);--accent-surface: rgba(0, 122, 255, .06);--danger: #ff3b30;--success: #34c759;--header-bg: rgba(242, 242, 247, .88);--input-bg: rgba(0, 0, 0, .05);--input-border: rgba(0, 0, 0, .12)}html{transition:background-color .2s ease,color .2s ease}html,body,#app{width:100%;height:100%;background:var(--bg);color:var(--text-1);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 600px){:root{--page-px: 16px;--page-py: 18px;--header-px: 16px;--header-py: 12px}}