*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f13;--bg2: #1a1a24;--bg3: #252533;--surface: #1e1e2e;--surface2: #2a2a3e;--border: #333350;--text: #e8e8f0;--text2: #9898b8;--text3: #6868a0;--accent: #7c6af7;--accent2: #a78bfa;--accent3: #c4b5fd;--pink: #f472b6;--yellow: #fbbf24;--green: #34d399;--red: #f87171;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--transition: .2s cubic-bezier(.4,0,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=light]{--bg: #f4f4f8;--bg2: #ffffff;--bg3: #eeeef5;--surface: #ffffff;--surface2: #f0f0f8;--border: #d8d8e8;--text: #1a1a2e;--text2: #50507a;--text3: #8888aa;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.12)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(80px) rotate(720deg);opacity:0}}@media(max-width:900px){.app-layout,.hero-card{grid-template-columns:1fr!important}.hero-img{height:200px!important}.two-col{grid-template-columns:1fr!important}}@media(max-width:600px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important}}