@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.min-h-screen{min-height:100vh}.flex{display:flex}.grid{display:grid}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-2>*+*{margin-top:.5rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,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))}}.flex-1{flex:1 1 0%}.w-full{width:100%}.w-16{width:4rem}.h-16{height:4rem}.h-12{height:3rem}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-h-96{max-height:24rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-0{margin:0}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.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-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.text-green-700{color:#15803d}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-red-400{border-color:#f87171}.border-indigo-300{border-color:#a5b4fc}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a}.hover\:bg-indigo-700:hover{background-color:#4338ca}.hover\:bg-indigo-100:hover{background-color:#e0e7ff}.hover\:bg-indigo-50:hover{background-color:#eef2ff}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-green-100:hover{background-color:#dcfce7}.hover\:bg-red-100:hover{background-color:#fee2e2}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:border-indigo-300:hover{border-color:#a5b4fc}.hover\:text-gray-700:hover{color:#374151}.hover\:text-gray-900:hover{color:#111827}.hover\:text-indigo-600:hover{color:#4f46e5}.hover\:text-indigo-700:hover{color:#4338ca}.hover\:text-red-800:hover{color:#991b1b}.transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-indigo-500{--tw-gradient-from: rgb(99 102 241);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(99 102 241 / 0))}.to-purple-600{--tw-gradient-to: rgb(147 51 234)}.block{display:block}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.bg-opacity-50{--tw-bg-opacity: .5}.bg-black{background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.italic{font-style:italic}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.animate-spin{animation:spin 1s linear infinite}.border-b-2{border-bottom-width:2px}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{ring:2px;ring-color:rgb(79 70 229);border-color:transparent}.focus\:ring-2:focus{box-shadow:0 0 0 2px #4f46e5}.focus\:ring-indigo-500:focus{box-shadow:0 0 0 2px #6366f1}.focus\:border-transparent:focus{border-color:transparent}button:active{transform:scale(.98)}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{background-color:var(--bg-primary)!important;min-height:100vh}#root{display:flex;flex-direction:column}.app-container{display:flex;min-height:100vh;background-color:var(--bg-primary)}:root{--bg-primary: #0f1419;--bg-secondary: #16181d;--bg-card: #1e2127;--bg-hover: #2a2d35;--text-primary: #e7e9ea;--text-secondary: #8b8f94;--text-tertiary: #5b6268;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-light: #1e3a8a;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--border: #2a2d35;--shadow: rgba(0, 0, 0, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.card:hover{background:var(--bg-hover);box-shadow:0 4px 12px var(--shadow)}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:.75rem 0;z-index:100;box-shadow:0 -2px 10px var(--shadow)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;font-size:.75rem}.nav-item.active{color:var(--accent-primary);background:var(--accent-light)}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-icon{font-size:1.5rem}@media (min-width: 768px){.bottom-nav{position:fixed;left:0;top:0;bottom:0;width:240px;flex-direction:column;justify-content:flex-start;padding:1.5rem 1rem;border-right:1px solid var(--border);border-top:none;box-shadow:none}.nav-item{flex-direction:row;justify-content:flex-start;width:100%;padding:.75rem 1rem;font-size:.875rem}.main-content{margin-left:240px;padding-bottom:2rem}}.active-workout-banner{background:linear-gradient(135deg,var(--accent-primary),#6366f1);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 4px 12px #3b82f64d}.timer{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.feed-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.feed-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--accent-primary)}.feed-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.liked{color:var(--danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.chart-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}@media (max-width: 768px){.main-content{padding-bottom:5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.timer{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-logo{display:none}@media (min-width: 768px){.nav-logo{display:block;margin-bottom:2rem;padding:0 .5rem}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .3s ease-out}@media (max-width: 768px){.mobile-header{display:block!important}}