:root{
  --background:96 58% 97%;
  --foreground:146 42% 13%;
  --primary:143 43% 24%;
  --primary-foreground:90 70% 96%;
  --secondary:35 96% 56%;
  --secondary-foreground:146 42% 13%;
  --muted:91 28% 88%;
  --muted-foreground:145 18% 36%;
  --destructive:4 78% 48%;
  --destructive-foreground:0 0% 100%;
  --border:93 24% 78%;
  --card:0 0% 100%;
  --shadow-sm:0 4px 14px rgba(31,70,44,.08);
  --shadow-md:0 12px 30px rgba(31,70,44,.14);
  --shadow-lg:0 24px 70px rgba(31,70,44,.2);
  --transition-fast:160ms ease;
  --transition-smooth:280ms cubic-bezier(.2,.8,.2,1);
  --radius-sm:12px;
  --radius-md:20px;
  --radius-lg:32px;
}
.dark{
  --background:145 38% 8%;
  --foreground:92 44% 94%;
  --primary:86 46% 62%;
  --primary-foreground:145 38% 8%;
  --secondary:35 92% 58%;
  --secondary-foreground:145 38% 8%;
  --muted:145 28% 17%;
  --muted-foreground:92 22% 76%;
  --destructive:4 72% 58%;
  --border:145 18% 28%;
  --card:145 34% 12%;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,input,select,textarea{font:inherit}input,select,textarea{font-size:max(16px,1rem)}button,a{touch-action:manipulation}.safe-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 82px)}.glass{background:rgba(255,255,255,.72);backdrop-filter:blur(18px)}.juice-card{box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.juice-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.hero-orb{background:radial-gradient(circle at 30% 30%,hsl(var(--secondary)),transparent 34%),radial-gradient(circle at 70% 70%,hsl(var(--primary)),transparent 42%),linear-gradient(135deg,#f5ff8b,#ff9f1c 45%,#2f855a)}.focus-ring:focus{outline:3px solid hsl(var(--secondary));outline-offset:2px}.bottom-nav-pad{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}