:root{--bg: #fdf7fb;--surface: #fffdfe;--surface2: #f7eef5;--text: #4b4157;--sub: #a196ac;--border: #f2e6ef;--pos: #4bc79f;--neg: #f582a0;--navbg: #fffdfe;--shadow: 0 2px 6px rgba(196, 140, 178, .08), 0 14px 34px -12px rgba(196, 140, 178, .28);--accent: #7aa5ee;--heroFrom: #a8c6f5;--heroTo: #7aa5ee;--accentInk: #ffffff;--radius-card: 26px;--radius-modal: 30px;--radius-tile: 16px;--font-ui: "Quicksand", "Baloo 2", system-ui, -apple-system, sans-serif;--font-head: "Baloo 2", "Quicksand", system-ui, sans-serif;--font-num: "Space Grotesk", "Quicksand", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}:root[data-theme=dark]{--bg: #191320;--surface: #241d2f;--surface2: #302740;--text: #ede7f4;--sub: #aa9fbc;--border: rgba(255, 255, 255, .08);--pos: #63d6ae;--neg: #fb92ad;--navbg: #1e1729;--shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 18px 40px -14px rgba(0, 0, 0, .55)}:root[data-accent=blue]{--accent: #7aa5ee;--heroFrom: #a8c6f5;--heroTo: #7aa5ee;--accentInk: #ffffff}:root[data-accent=pink]{--accent: #f58bb8;--heroFrom: #fbb6d3;--heroTo: #ee7aad;--accentInk: #ffffff}:root[data-accent=purple]{--accent: #b195e6;--heroFrom: #cbb6f2;--heroTo: #a487e0;--accentInk: #ffffff}:root[data-accent=emerald]{--accent: #5fcaa4;--heroFrom: #93e0c4;--heroTo: #54c29a;--accentInk: #ffffff}:root[data-accent=sunset]{--accent: #f9a978;--heroFrom: #fdc9a6;--heroTo: #f79668;--accentInk: #ffffff}:root[data-accent=neutral]{--accent: #9aa0b4;--heroFrom: #bcc0cf;--heroTo: #8a91a5;--accentInk: #ffffff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}:root[data-compact="1"]{zoom:.92}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.2px!important}::selection{background:var(--heroFrom);color:#fff}img,svg,canvas{max-width:100%}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:720px){.grid-stack{grid-template-columns:1fr!important}}@media(max-width:560px){.grid-stack-sm{grid-template-columns:1fr!important}h1{font-size:22px!important}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:var(--text)}input::placeholder,textarea::placeholder{color:var(--sub)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.2px}button,a,input,.tap{transition:transform .15s ease,filter .15s ease,background-color .18s ease,border-color .15s ease,opacity .15s ease,box-shadow .18s ease}button:hover,.tap:hover{filter:brightness(1.03)}button:active,.tap:active{transform:scale(.98)}.fade{animation:fadeUp .4s cubic-bezier(.22,.61,.36,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes confettiFall{to{transform:translateY(120vh) rotate(720deg);opacity:0}}:root[data-reduce-motion="1"] *,:root[data-reduce-motion="1"] *:before,:root[data-reduce-motion="1"] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
