:root{--gemini-blue:#4285F4;--gemini-purple:#9B72CB;--gemini-pink:#D96570;--gemini-yellow:#F9AB00;--gemini-gradient:linear-gradient(135deg,var(--gemini-blue),var(--gemini-purple),var(--gemini-pink),var(--gemini-yellow));--surface:#FFFFFF;--surface-variant:#F5F5F5;--surface-container:#EEEEEE;--on-surface:#1C1B1F;--on-surface-variant:#49454F;--outline:#79747E;--outline-variant:#CAC4D0;--primary:#4285F4;--on-primary:#FFFFFF;--error:#D96570;--on-error:#FFFFFF;--success:#34A853;--warning:#F9AB00;--nav-pill-active:#E8F0FE;--nav-pill-active-text:#1A73E8;--nav-icon-inactive:#79747E;--font-display:"Plus Jakarta Sans",sans-serif;--font-body:"Roboto Flex",sans-serif;--fs-xs:10px;--fs-sm:12px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--z-nav:100;--z-modal:200;--z-toast:300;--ease-standard:cubic-bezier(.4,0,.2,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms}@media(prefers-color-scheme:dark){:root{--surface:#1C1B1F;--surface-variant:#2B2930;--surface-container:#36343B;--on-surface:#E6E1E5;--on-surface-variant:#CAC4D0;--outline:#938F99;--outline-variant:#49454F;--nav-pill-active:#2D3748;--nav-pill-active-text:#8AB4F8;--nav-icon-inactive:#938F99;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5)}}@keyframes cardUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes sparkleRot{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.95);opacity:0}70%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}