*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--purple: #6d28d9;--purple-light: #7c3aed;--purple-bg: #f5f3ff;--purple-border: #ddd6fe;--teal: #0d9488;--teal-bg: #f0fdfa;--pink: #e91e8c;--pink-bg: #fce7f3;--green: #059669;--green-bg: #d1fae5;--amber: #d97706;--amber-bg: #fef3c7;--red: #dc2626;--red-bg: #fee2e2;--blue: #2563eb;--blue-bg: #dbeafe;--bg: #f8f9fc;--surface: #ffffff;--border: #e5e7eb;--border-light: #f3f4f6;--text: #111827;--text-2: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.1);--nav-h: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);--content-pb: calc(var(--nav-h) + var(--safe-bottom) + 8px)}html{height:100%;overflow-x:hidden;overscroll-behavior:none}body{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow-x:hidden}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:0;height:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}button{transition:opacity .15s,transform .12s}button:active:not(:disabled){transform:scale(.96)}a{text-decoration:none}.page{padding:1rem;background:var(--bg);min-height:calc(100vh - var(--content-pb));padding-bottom:var(--content-pb)}