:root{--color-primary:#ff6b6b;--color-secondary:#4ecdc4;--color-success:#4ecdc4;--color-error:#ff6b6b;--color-warning:#ff9f43;--color-disabled:#b2bec3;--color-accent:#ffe66d;--color-purple:#a78bfa;--color-orange:#ff9f43;--color-pink:#f368e0;--color-blue:#54a0ff;--color-bg:#fff8f0;--color-bg-card:#fff;--color-text:#2d3436;--color-text-light:#636e72;--color-text-on-color:#fff;--radius:16px;--radius-sm:8px;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text)}body{background-image:radial-gradient(circle at 10% 20%,rgba(78,205,196,.08) 0,transparent 50%),radial-gradient(circle at 90% 80%,hsla(0,100%,71%,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(167,139,250,.06) 0,transparent 50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeIn .3s ease-out}