:root{--bg-color:#f1f1f1;--bg-paper:#fff;--text-primary:#2d3748;--text-secondary:#718096;--text-muted:#a0aec0;--accent-color:#00c853;--accent-hover:#00b248;--badge-yellow:#fbbf24;--badge-purple:#a855f7;--badge-cyan:#06b6d4;--shadow-paper:0 1px 3px #0000000d, 0 4px 12px #00000014, 0 8px 24px #0000000a;--shadow-paper-hover:0 2px 8px #0000000f, 0 8px 24px #0000001a, 0 16px 48px #0000000f;--shadow-paper-pressed:0 1px 2px #0000000d, 0 2px 6px #0000000f;--shadow-button:0 2px 4px #0000000a, 0 4px 8px #0000000f;--shadow-button-hover:0 4px 8px #0000000f, 0 8px 16px #00000014;--shadow-button-active:inset 0 2px 4px #0000000f;--border-radius:16px;--border-radius-sm:12px;--border-radius-lg:20px;--border-radius-pill:9999px;--spacing:1.5rem;color:var(--text-primary);background:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-color);min-height:100%}body{min-width:320px}a{color:inherit;text-decoration:none}