@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-elevated: #1f1f1f;--accent-color: #FF073A;--accent-glow: rgba(255, 7, 58, .4);--accent-soft: rgba(255, 7, 58, .15);--secondary-color: #00BFFF;--secondary-glow: rgba(0, 191, 255, .3);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--success: #00FF7F;--success-glow: rgba(0, 255, 127, .3);--warning: #FFD700;--danger: #FF073A;--border-radius: 16px;--border-radius-lg: 24px;--border-radius-full: 9999px;--transition-speed: .25s;--transition-bounce: cubic-bezier(.68, -.55, .265, 1.55);--font-display: "Bebas Neue", "Montserrat", sans-serif;--font-heading: "Montserrat", sans-serif;--font-body: "Inter", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{max-width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.container{padding:1.5rem;padding-top:calc(1.5rem + var(--safe-top));max-width:600px;margin:0 auto;width:100%;flex:1}h1,h2,h3{font-family:var(--font-heading);font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:2.25rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:1.5rem;margin-bottom:.75rem}h3{font-size:1.125rem;margin-bottom:.5rem}p{line-height:1.6;color:var(--text-secondary)}button{cursor:pointer;border:none;font-family:var(--font-body);font-weight:600;background:var(--accent-color);color:#fff;padding:1rem 1.5rem;border-radius:var(--border-radius);transition:all var(--transition-speed) ease;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}button:hover:before{left:100%}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-color);box-shadow:0 0 20px var(--accent-glow),0 4px 15px #0000004d}.btn-primary:hover{box-shadow:0 0 30px var(--accent-glow),0 6px 20px #0006;transform:translateY(-2px)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--accent-color);color:var(--accent-color)}.card{background:var(--bg-card);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0003;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.card-accent{border-color:var(--accent-color);box-shadow:0 0 30px var(--accent-glow),0 4px 20px #0000004d}.card-success{border-color:var(--success);box-shadow:0 0 20px var(--success-glow),0 4px 20px #0003}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:var(--border-radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),#FF4D6D);border-radius:var(--border-radius-full);transition:width .5s var(--transition-bounce);position:relative}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{stroke-linecap:round;transition:stroke-dashoffset .5s var(--transition-bounce)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 5px var(--accent-color))}50%{filter:drop-shadow(0 0 20px var(--accent-color))}}@keyframes celebrate{0%{transform:scale(1)}25%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.fade-in{animation:fadeIn .4s ease-out forwards}.fade-in-scale{animation:fadeInScale .3s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}.pulse-glow{animation:pulse 2s ease-in-out infinite}.celebrate{animation:celebrate .5s ease-out}.modal-overlay{position:fixed;inset:0;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-primary),rgba(10,10,10,.95));border-top:1px solid rgba(255,255,255,.06);padding:.75rem 1rem;padding-bottom:calc(.75rem + var(--safe-bottom));z-index:1000}.bottom-nav-inner{display:flex;justify-content:space-around;max-width:400px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem 1rem;border-radius:12px;transition:all var(--transition-speed) ease;color:var(--text-muted);background:transparent;min-width:60px}.nav-item.active{color:var(--accent-color);background:var(--accent-soft)}.nav-item.active svg{filter:drop-shadow(0 0 8px var(--accent-color))}.nav-item span{font-size:.7rem;font-weight:500}.motivational-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--accent-soft);border:1px solid var(--accent-color);border-radius:var(--border-radius-full);color:var(--accent-color);font-size:.85rem;font-weight:600;animation:pulse 3s ease-in-out infinite}.water-container{position:relative;overflow:hidden;border-radius:var(--border-radius)}.water-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--secondary-color),rgba(0,191,255,.5));transition:height .5s var(--transition-bounce)}.water-fill:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:20px;background:radial-gradient(ellipse at center,rgba(255,255,255,.3) 0%,transparent 70%);animation:wave 3s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(25%) rotate(5deg)}}.header-clock{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card));border-bottom:1px solid rgba(255,255,255,.06)}.clock-time{font-family:var(--font-display);font-size:2.5rem;letter-spacing:.05em;color:var(--text-primary)}.clock-date{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.exercise-card{transition:all var(--transition-speed) ease;cursor:pointer}.exercise-card:active{transform:scale(.98)}.exercise-card.done{border-color:var(--success);background:linear-gradient(135deg,var(--bg-card),rgba(0,255,127,.05))}.exercise-card.done h3{text-decoration:line-through;color:var(--text-muted)}@media screen and (min-height:800px){.container{padding-bottom:120px}h1{font-size:2.5rem}}@media screen and (max-width:380px){.container{padding:1rem}h1{font-size:1.75rem}}.text-gradient{background:linear-gradient(135deg,var(--accent-color),#FF4D6D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-accent{filter:drop-shadow(0 0 10px var(--accent-color))}.share-modal-content{width:100%;max-width:800px;background:#121212;border-radius:24px;border:1px solid #333;box-shadow:0 20px 50px #000000b3;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-height:90vh;overflow-y:auto}.share-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.share-modal-preview{grid-column:1 / 2;background:#0a0a0a;border-radius:16px;padding:1rem;display:flex;justify-content:center;align-items:center;border:1px solid #222;min-height:300px}.share-modal-controls{grid-column:2 / 3;display:flex;flex-direction:column;gap:1.25rem}@media screen and (max-width:768px){.share-modal-content{max-width:100%;height:100%;max-height:100vh;border-radius:0;padding:1rem 1rem 2rem}.share-modal-grid{grid-template-columns:1fr;gap:1rem;display:flex;flex-direction:column}.share-modal-preview{grid-column:1 / -1;min-height:220px;padding:.5rem}.share-modal-controls{grid-column:1 / -1}.share-modal-preview img{max-height:250px!important}.touch-target{padding:.8rem 1rem!important;font-size:.95rem!important}}