:root{--qallio-primary:#00C9B1;--qallio-primary-light:#33D4C0;--qallio-primary-dark:#00A896;--qallio-primary-deeper:#007A6E;--qallio-primary-glow:rgba(0,201,177,0.2);--qallio-primary-subtle:rgba(0,201,177,0.08);--qallio-orange:#00C9B1;--qallio-orange-light:#33D4C0;--qallio-orange-glow:rgba(0,201,177,0.2);--qallio-gold:#00A896;--bg-base:#FFFFFF;--bg-surface:#F8FAFA;--bg-elevated:#FFFFFF;--bg-hover:rgba(0,201,177,0.06);--bg-selected:rgba(0,201,177,0.10);--bg-active:rgba(0,201,177,0.16);--text-primary:#0a0a0a;--text-secondary:#2d2d2d;--text-muted:#6b6b6b;--text-inverse:#FFFFFF;--border-default:#E2EEEC;--border-strong:rgba(0,201,177,0.4);--border-subtle:#F0F4F3;--status-success:#22C55E;--status-warning:#F5A623;--status-error:#EF4444;--status-info:#00C9B1;--gradient-brand:linear-gradient(135deg,#007A6E,#00C9B1);--gradient-primary:linear-gradient(135deg,#007A6E,#00C9B1);--gradient-surface:linear-gradient(180deg,#F8FAFA,#FFFFFF);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,201,177,0.15) 0%,transparent 60%);--gradient-text:linear-gradient(135deg,#0a0a0a,#00A896 50%,#00C9B1);--gradient-card-hover:linear-gradient(135deg,rgba(0,201,177,0.08),rgba(0,201,177,0.04));--q-purple:var(--qallio-primary);--q-purple-light:var(--qallio-primary);--q-purple-dark:var(--qallio-primary-dark);--q-orange:var(--qallio-orange);--q-gold:var(--qallio-gold);--q-bg-dark:var(--bg-base);--q-surface:var(--bg-surface);--q-surface-light:var(--bg-elevated);--q-text-primary:var(--text-primary);--q-text-secondary:var(--text-secondary);--q-text-muted:var(--text-muted);--q-border:var(--border-default);--q-border-hover:var(--border-strong);--q-glow:var(--qallio-primary-glow);--q-gradient:var(--gradient-brand);--q-gradient-dark:var(--gradient-primary);--q-font-display:var(--font-syne),"Syne",sans-serif;--q-font-body:var(--font-dm-sans),"DM Sans",sans-serif;--q-font-mono:var(--font-jetbrains),"JetBrains Mono",monospace}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:var(--bg-base)}.mainContent{padding-top:80px;min-height:calc(100vh - 80px);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width:768px){.mainContent{padding-top:72px;min-height:calc(100vh - 72px);padding-left:0;padding-right:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(0,201,177,.3)}50%{box-shadow:0 0 40px rgba(0,201,177,.6)}}@keyframes counterReveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}