:root{--bg-dark: #051424;--bg-card: rgba(18, 33, 49, .78);--bg-card-hover: rgba(39, 54, 71, .85);--primary-volt: #dfff00;--primary-volt-green: #10b981;--primary-glow: rgba(223, 255, 0, .45);--secondary-coral: #ff7f50;--secondary-glow: rgba(255, 127, 80, .4);--accent-cyan: #06b6d4;--text-main: #d4e4fa;--text-muted: #909378;--border-glass: rgba(255, 255, 255, .16);--radius-lg: 24px;--radius-md: 16px;--font-headline: "Anton", "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:Hanken Grotesk,Outfit,Inter,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);background-image:radial-gradient(at 10% 10%,rgba(223,255,0,.12) 0px,transparent 45%),radial-gradient(at 90% 90%,rgba(255,127,80,.14) 0px,transparent 45%),radial-gradient(at 50% 50%,rgba(6,182,212,.08) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:1280px;min-height:100vh;padding:20px}.glass-panel{background:var(--bg-card);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0000008c}.glass-panel:hover{border-color:#dfff004d}.glass-button{background:linear-gradient(135deg,var(--primary-volt),#b8d300);color:#051424;font-weight:900;border:none;padding:14px 28px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.02em;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 25px var(--primary-glow)}.glass-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 35px #dfff00b3}.glass-button.coral{background:linear-gradient(135deg,var(--secondary-coral),#dc2626);color:#fff;box-shadow:0 4px 25px var(--secondary-glow)}.glass-button.coral:hover{box-shadow:0 8px 35px #ff7f50b3}.glass-button.secondary{background:#ffffff14;color:var(--text-main);border:1px solid var(--border-glass);box-shadow:none}.glass-button.secondary:hover{background:#ffffff2e}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:20px;overflow:hidden;box-shadow:0 0 35px #000000d9,0 0 20px var(--primary-glow);border:2px solid var(--primary-volt)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.camera-panel{position:relative;width:100%;height:280px;background:#000;border-radius:18px;overflow:hidden;border:2px solid var(--primary-volt-green);box-shadow:0 0 25px #10b98159}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.rep-counter-overlay{position:absolute;top:14px;right:14px;background:#051424eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 18px;border-radius:14px;border:1px solid var(--primary-volt);display:flex;align-items:center;gap:12px;font-family:var(--font-mono);box-shadow:0 4px 20px #0009}@keyframes petSquat{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(22px) scaleY(.82) scaleX(1.12)}}@keyframes petJump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.1)}}@keyframes floatIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes evolveGlow{0%,to{filter:drop-shadow(0 0 20px #dfff00) scale(1)}50%{filter:drop-shadow(0 0 40px #ff7f50) scale(1.15)}}.pet-avatar{font-size:95px;display:inline-block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 20px rgba(0,0,0,.65));transition:all .5s ease}.pet-idle{animation:floatIdle 3s ease-in-out infinite}.pet-exercising{animation:petSquat .75s ease-in-out infinite}.pet-celebrating{animation:petJump .45s ease-in-out infinite}.pet-evolved{animation:evolveGlow 1.5s ease-in-out infinite}.grid-21days{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:20px}@media (max-width: 768px){.grid-21days{grid-template-columns:repeat(4,1fr)}}.day-card{aspect-ratio:1;background:#051424bf;border:1px solid var(--border-glass);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;position:relative}.day-card.completed{background:linear-gradient(135deg,#dfff0040,#10b98126);border-color:var(--primary-volt);color:var(--primary-volt);box-shadow:0 0 18px #dfff004d}.day-card.today{border:2px solid var(--secondary-coral);box-shadow:0 0 24px #ff7f508c}.day-card:hover{transform:translateY(-4px) scale(1.05)}.progress-bar-bg{width:100%;height:12px;background:#ffffff1f;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-volt),var(--primary-volt-green));border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.badge{padding:6px 14px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.badge-volt{background:#dfff0033;color:var(--primary-volt);border:1px solid var(--primary-volt)}.badge-coral{background:#ff7f5033;color:var(--secondary-coral);border:1px solid var(--secondary-coral)}