@tailwind base;@tailwind components;@tailwind utilities;.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}@keyframes fade-in-out{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-fade-in-out{animation:fade-in-out 2.5s ease-in-out}button{min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}.cursor-pointer{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}@keyframes ripple{0%{transform:scale(0);opacity:.8}30%{opacity:.6}70%{opacity:.3}to{transform:scale(4);opacity:0}}.animate-ripple{animation:ripple 3s cubic-bezier(.4,0,.6,1) forwards;pointer-events:none;will-change:transform,opacity}.overflow-y-auto{-webkit-overflow-scrolling:touch}.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.phone-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:320px;margin:0 auto;padding:2rem}.phone-pad-button{aspect-ratio:1;border-radius:1.5rem;font-size:2.5rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phone-pad-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 48px #0000002e,0 8px 24px #0000001f}.phone-pad-button:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.phone-pad-10{grid-column:2;margin-top:1rem;width:80px;justify-self:center}.h-screen{height:100vh}.w-full{width:100%}.bg-gradient-to-br{background:linear-gradient(to bottom right,#c7d2fe,#ddd6fe,#fce7f3)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.text-4xl{font-size:2.25rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-5{gap:1.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.text-slate-800{color:#1e293b}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.font-light{font-weight:300}.font-bold{font-weight:700}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.bg-white\/20{background-color:#fff3}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.phone-pad-button{width:80px;height:80px;border-radius:1rem;font-size:1.5rem;font-weight:700;transition:all .2s;border:1px solid rgba(255,255,255,.4);cursor:pointer;touch-action:manipulation}.phone-pad-button:hover{transform:scale(1.05)}.phone-pad-button:active{transform:scale(.95)}.btn-low{background:linear-gradient(to bottom right,#fda4af,#fb7185,#f87171)}.btn-med{background:linear-gradient(to bottom right,#fcd34d,#f59e0b,#eab308)}.btn-high{background:linear-gradient(to bottom right,#86efac,#4ade80,#22c55e)}.btn-perfect{background:linear-gradient(to bottom right,#c4b5fd,#a78bfa,#8b5cf6)}.grid button{width:80px;height:80px;border-radius:1rem;font-size:1.5rem;font-weight:700;transition:all .2s ease;border:2px solid rgba(255,255,255,.3);cursor:pointer;touch-action:manipulation;box-shadow:0 8px 32px #0000001f;color:#1e293b}.grid button:hover{transform:scale(1.05);box-shadow:0 12px 40px #0000002e}.grid button:active{transform:scale(.95)}.grid button:nth-child(1),.grid button:nth-child(2),.grid button:nth-child(3){background:linear-gradient(135deg,#fda4af,#fb7185,#f87171)}.grid button:nth-child(4),.grid button:nth-child(5),.grid button:nth-child(6){background:linear-gradient(135deg,#fcd34d,#f59e0b,#eab308)}.grid button:nth-child(7),.grid button:nth-child(8),.grid button:nth-child(9){background:linear-gradient(135deg,#86efac,#4ade80,#22c55e)}.grid+button{width:80px;height:80px;border-radius:1rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6);color:#1e293b;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001f;transition:all .2s ease;cursor:pointer;touch-action:manipulation;margin-top:1rem}.grid+button:hover{transform:scale(1.05);box-shadow:0 12px 40px #0000002e}.grid+button:active{transform:scale(.95)}@keyframes breatheBar{0%,to{height:1rem;opacity:.6}50%{height:3rem;opacity:1}}.breathing-bar{height:1rem}
