/* Minimal Tailwind CSS for Breathing App */

/* Flexbox & Grid */
.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Spacing */
.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}

/* Sizing */
.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-16{width:4rem}.h-3{height:.75rem}.h-16{height:4rem}.max-w-7xl{max-width:80rem}.inset-0{top:0;right:0;bottom:0;left:0}

/* Colors - Background */
.bg-slate-600{background-color:#475569}.bg-slate-700{background-color:#334155}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.bg-white{background-color:#fff}.bg-yellow-500{background-color:#eab308}.bg-yellow-600{background-color:#ca8a04}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}

/* Colors - Text */
.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-900{color:#0f172a}

/* Custom Colors (you need to define these) */
.bg-sidemenu{background-color:#4a5568}.text-gold{color:#d4af37}.text-secs{color:#9ca3af}.text-desc{color:#cbd5e1}

/* Typography */
.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-center{text-align:center}.leading-relaxed{line-height:1.625}

/* Border & Rounding */
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}

/* Effects */
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}

/* Gradients */
.from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-to:rgba(15,23,42,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-slate-800{--tw-gradient-to:#1e293b}

/* Positioning */
.relative{position:relative}.absolute{position:absolute}.items-center{align-items:center}.justify-center{justify-content:center}

/* Transitions */
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}

/* Transforms */
.scale-105{transform:scale(1.05)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}

/* Hover States */
.hover\:bg-slate-600:hover{background-color:#475569}.hover\:bg-yellow-600:hover{background-color:#ca8a04}.hover\:bg-red-600:hover{background-color:#dc2626}

/* Disabled States */
.disabled\:bg-slate-600:disabled{background-color:#475569}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}

/* Custom Classes (non-Tailwind) */
.bgcenterbox{background:rgba(30,41,59,.9)}.bottomline{opacity:.8}.itemsbottom{font-size:.875rem}