@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220;--background-end-rgb: 255, 255, 255}@media(prefers-color-scheme:dark){:root{--foreground-rgb: 255, 255, 255;--background-start-rgb: 0, 0, 0;--background-end-rgb: 0, 0, 0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}@layer utilities{.text-balance{text-wrap:balance}}@layer base{body{@apply bg-gray-50 text-gray-900 transition-colors duration-300;}.dark body{@apply bg-gray-950 text-gray-100;}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-shake{animation:shake .4s ease-in-out}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fallMed{0%{transform:translate3d(0,-10vh,0) rotate3d(1,.5,1,0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translate3d(20px,110vh,0) rotate3d(1,1,1,720deg);opacity:0}}.capsule-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1;perspective:1200px}.med-item{position:absolute;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25));animation:fallMed linear infinite;will-change:transform,opacity;opacity:0;transform-style:preserve-3d}.capsule{width:20px;height:50px;border-radius:30px;background:linear-gradient(to bottom,#2dd4bf 50%,#f8fafc 50%);box-shadow:inset -4px -4px 8px #00000026,inset 4px 4px 8px #ffffff80}.capsule-alt{background:linear-gradient(to bottom,#f8fafc 50%,#fbbf24 50%)}.pill{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#f8fafc 40%,#e2e8f0);border:1px solid rgba(0,0,0,.08);box-shadow:inset -3px -3px 6px #0000001a,inset 3px 3px 6px #fff9;display:flex;align-items:center;justify-content:center}.pill:after{content:"";width:100%;height:1.5px;background:#0000001a;transform:rotate(45deg)}.med-highlight{position:absolute;top:15%;left:20%;width:35%;height:25%;background:#ffffff80;border-radius:50%;filter:blur(3px);pointer-events:none}.glass{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);will-change:auto}.dark .glass{background:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05)}.gradient-text{background:linear-gradient(135deg,#2dd4bf,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes blob{0%{transform:translateZ(0) scale(1)}33%{transform:translate3d(30px,-50px,0) scale(1.1)}66%{transform:translate3d(-20px,20px,0) scale(.9)}to{transform:translateZ(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.perspective-1000{perspective:1000px}.rotate-y-12{transform:rotateY(12deg)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 15s linear infinite}@keyframes bounce-slow{0%,to{transform:translateY(-5%)}50%{transform:translateY(5%)}}.animate-bounce-slow{animation:bounce-slow 4s ease-in-out infinite}.glass-emerald{background:#10b98108;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.1)}