:root{--primary:#7c6cff;--secondary:#ff8fa3;--accent:#4ad6c6;--success:#35a66b;--warning:#d88b00;--bg:#f8f9ff;--card:#fff;--text:#2d2a4a;--muted:#6f6a91}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-outfit),ui-sans-serif,system-ui}.card{background:var(--card);border-radius:24px;box-shadow:0 8px 24px #7c6cff14}.focusable:focus-visible{outline:3px solid #4ad6c6;outline-offset:3px}.safe-bottom{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}@media(min-width:768px){.safe-bottom{padding-bottom:2rem}}