:root{--katu-purple:#6b46c1;--katu-purple-dark:#4c2a99;--katu-purple-light:#9f7aea;--katu-purple-soft:#f3eefb;--katu-purple-softer:#faf7fe;--intel-green:#00c896;--intel-green-dark:#00a77d;--intel-green-soft:#e6faf4;--warning:#f59e0b;--warning-soft:#fef3e2;--danger:#ef4444;--danger-soft:#fee2e2;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--bg:#fafafb;--panel:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--gray-100);color:var(--gray-900);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}button{font-family:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.app-shell{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--bg);flex-direction:column;max-width:480px;margin:0 auto;display:flex}