*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}#root{width:100%;min-height:100%}.app-bg,.home-container{min-height:100vh;min-height:100dvh;width:100%;overflow-y:auto;overflow-x:hidden}.card-wrapper{width:100%;max-width:500px;margin:0 auto;padding-bottom:20px}.card{width:100%;max-width:100%}@supports (-webkit-touch-callout: none){.app-bg,.home-container{min-height:-webkit-fill-available}}@supports (padding: max(0px)){.app-bg,.home-container{padding-left:max(15px,env(safe-area-inset-left));padding-right:max(15px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.home-container{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#e0e7ff,#f3e8ff);display:flex;align-items:center;justify-content:center;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.home-wrapper{width:100%;max-width:400px}.home-card{background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;padding:24px 20px}.logo-section{text-align:center;margin-bottom:20px}.logo-circle{width:72px;height:72px;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 10px 15px -3px #2563eb4d}.logo-icon{font-size:36px}.main-title{font-size:42px;font-weight:800;background:linear-gradient(to right,#2563eb,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:-.5px}.subtitle{color:#6b7280;font-size:16px;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.feature-item{text-align:center}.feature-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}.feature-1{background:linear-gradient(135deg,#ffedd5,#fecaca);border:1px solid #fed7aa}.feature-2{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border:1px solid #c4b5fd}.feature-3{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.feature-icon{font-size:24px}.feature-text{font-size:11px;color:#6b7280;font-weight:600}.checkin-container{padding:24px 0;position:relative}.checkin-circle{width:200px;height:200px;margin:0 auto;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 6px #0000001a;border:4px solid rgba(209,213,219,.5);position:relative}.checkin-content{text-align:center;z-index:2}.checkin-title{font-size:28px;font-weight:700;color:#9ca3af;margin-bottom:6px}.checkin-subtitle{font-size:12px;color:#6b7280;padding:0 16px}.pulse-icon{position:absolute;font-size:80px;opacity:.15;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.login-section{margin:20px 0}.google-wrapper{display:flex;justify-content:center;margin-bottom:16px}.divider{border-top:1px solid #e5e7eb;padding-top:16px;margin-top:16px}.footer-text{text-align:center;font-size:13px;color:#6b7280;line-height:1.5}.privacy-badges{background:linear-gradient(to right,#eff6ff,#e0e7ff);border-radius:14px;padding:12px;border:1px solid #bfdbfe;margin-top:16px}.badges-container{display:flex;align-items:center;justify-content:space-around}.badge{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;font-weight:500}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-green{background:#10b981}.badge-blue{background:#3b82f6}.badge-purple{background:#a855f7}.bottom-tagline{text-align:center;font-size:13px;color:#6b7280;margin-top:16px;font-weight:500}@media(max-width:380px){.main-title{font-size:36px}.checkin-circle{width:180px;height:180px}.checkin-title{font-size:24px}.home-card{padding:20px 16px}}@media(max-height:667px){.logo-circle{width:64px;height:64px}.logo-icon{font-size:32px}.main-title{font-size:38px}.checkin-container{padding:16px 0}.checkin-circle{width:180px;height:180px}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6b7280;font-size:14px}.loading-spinner-large{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.goal-setup-card{max-width:600px;padding:30px}.goal-setup-header{text-align:center;margin-bottom:30px;position:relative}.back-btn{position:absolute;top:0;left:0;background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);color:#8b5cf6;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:translate(-3px)}.header-content{display:flex;flex-direction:column;align-items:center;gap:10px}.goal-icon{color:#8b5cf6;margin-bottom:10px}.goal-setup-header h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.goal-setup-header p{font-size:16px;color:#6b7280;margin:0}.existing-goal-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:15px;margin-bottom:25px;text-align:center}.existing-goal-notice p{margin:5px 0;color:#78350f;font-weight:600}.notice-subtext{font-size:14px;font-weight:400!important;color:#92400e!important}.goal-form{margin-bottom:30px}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;font-weight:600;font-size:15px;color:#1f2937;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;transition:all .3s ease;font-family:inherit;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:80px}.char-count{position:absolute;bottom:-20px;right:0;font-size:12px;color:#9ca3af}.form-actions{display:flex;gap:12px;margin-top:30px}.cancel-action-btn{flex:1;padding:14px 24px;background:#fff;border:2px solid #e5e7eb;color:#6b7280;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.cancel-action-btn:hover{border-color:#d1d5db;background:#f9fafb}.submit-btn{flex:2;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf64d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.goal-tips{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6;border-radius:16px;padding:20px}.goal-tips h3{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px}.goal-tips ul{margin:0;padding-left:20px;color:#4b5563}.goal-tips li{margin-bottom:8px;font-size:14px}.goal-tips li:last-child{margin-bottom:0}.confirmation-content{text-align:center}.warning-icon{font-size:60px;margin-bottom:20px}.confirmation-content h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 25px}.current-goal-box,.new-goal-box{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:15px;margin-bottom:15px;text-align:left}.current-goal-box{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.new-goal-box{border-color:#8b5cf6;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.current-goal-box h4,.new-goal-box h4{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.current-goal-title,.new-goal-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 5px}.current-goal-desc,.new-goal-desc{font-size:14px;color:#6b7280;margin:0}.current-streak-info{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.1)}.current-streak-info span{font-size:14px;font-weight:600;color:#78350f}.warning-text{font-size:14px;color:#dc2626;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:12px;margin:20px 0;line-height:1.5}.confirmation-buttons{display:flex;gap:12px;margin-top:25px}.cancel-btn,.confirm-btn{flex:1;padding:14px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.cancel-btn:hover{border-color:#d1d5db;background:#f9fafb}.confirm-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;color:#fff}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #dc26264d}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.goal-setup-card{padding:20px}.goal-setup-header h1{font-size:24px}.form-actions,.confirmation-buttons{flex-direction:column}.cancel-action-btn,.submit-btn,.cancel-btn,.confirm-btn{width:100%}}*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}.app-bg{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#e0e7ff,#f5f3ff);display:flex;align-items:center;justify-content:center;padding:16px}.card-wrapper{width:100%;max-width:420px}.card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 25px 50px #00000026}.header{text-align:center}.header h1,.center-title{font-size:36px;font-weight:800;background:linear-gradient(to right,#2563eb,#4f46e5);-webkit-background-clip:text;color:transparent}.header p{color:#6b7280;font-size:14px}.streak-box{margin:24px 0;padding:24px;border-radius:20px;background:linear-gradient(135deg,#fff7ed,#fee2e2);text-align:center;color:#ea580c}.streak-box span{font-size:48px;font-weight:800;display:block}.streak-box svg{margin-bottom:8px}.streak-box.success{background:linear-gradient(135deg,#fb923c,#ef4444);color:#fff}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{padding:16px;border-radius:16px;text-align:center}.stat h3{margin:6px 0 0}.purple{background:#f3e8ff;color:#7c3aed}.green{background:#dcfce7;color:#15803d}.blue{background:#e0f2fe;color:#0369a1}.goal{display:flex;gap:12px;background:#f9fafb;padding:20px;border-radius:16px;margin:24px 0}.goal h4{margin:0}.goal p{margin:4px 0 0;font-size:14px;color:#6b7280}.checkin-btn{width:100%;background:linear-gradient(to right,#2563eb,#4f46e5);color:#fff;padding:18px;font-size:18px;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.checkin-btn:hover{transform:scale(1.02)}.footer-text{text-align:center;font-size:13px;color:#6b7280;margin-top:12px}.success-icon{width:80px;height:80px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#4ade80,#10b981);display:flex;align-items:center;justify-content:center;color:#fff}.checked{background:#ecfdf5;border:2px solid #86efac;border-radius:16px;padding:20px;text-align:center;margin:20px 0}.quote{background:#eef2ff;padding:16px;border-radius:16px;text-align:center;margin-top:10px}.quote span{font-size:12px;color:#6b7280}.calendar{text-align:center;color:#4b5563;margin-top:12px}.calendar span{font-size:12px;display:block;margin-top:4px}.leaderboard-btn{margin-top:20px;background:none;border:none;color:#2563eb;cursor:pointer;display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:auto}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.next-checkin{margin-top:12px;text-align:center}.next-row{display:flex;align-items:center;justify-content:center;gap:6px;color:#4b5563;font-size:14px;font-weight:500}.next-time{margin-top:4px;font-size:12px;color:#6b7280}.info-icon{width:80px;height:80px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px #fbbf244d}.info-icon svg{width:40px;height:40px;color:#fff}.streak-box.already-checked{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fcd34d}.already-checked-message{text-align:center;padding:20px;background:#fbbf241a;border-radius:16px;margin:20px 0}.already-checked-message h2{color:#f59e0b;font-size:24px;margin-bottom:10px}.already-checked-message p{color:#78716c;font-size:16px;margin:5px 0}.streak-maintained{color:#16a34a!important;font-weight:600;margin-top:10px!important}.new-record{color:#8b5cf6;font-weight:600;font-size:18px;margin-top:10px;animation:celebration .6s ease-in-out}@keyframes celebration{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner-large{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.goal{display:flex;align-items:center;gap:15px;position:relative}.goal-content{flex:1}.new-goal-btn{background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);color:#8b5cf6;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.new-goal-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:scale(1.05)}.new-goal-btn:active{transform:scale(.95)}.leaderboard-btn-modern{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;margin-top:24px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:2px solid #bfdbfe;color:#2563eb;border-radius:16px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #2563eb1a}.leaderboard-btn-modern:hover{background:linear-gradient(to right,#2563eb,#4f46e5);color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb4d}.leaderboard-btn-modern:active{transform:translateY(0)}.leaderboard-btn-modern svg{transition:transform .3s ease}.leaderboard-btn-modern:hover svg{transform:scale(1.1)}@media(max-width:640px){.leaderboard-btn-modern{padding:14px 20px;font-size:15px}.card{padding:24px}.header h1,.center-title{font-size:28px}.streak-box span{font-size:40px}}.lb-main{max-width:100%;padding:20px}.lb-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;position:relative}.lb-back-btn{background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);color:#8b5cf6;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.lb-back-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:translate(-3px)}.lb-title-section{display:flex;align-items:center;gap:12px;flex:1}.lb-title-section svg{color:#fbbf24}.lb-title-section h1{font-size:28px;font-weight:700;color:#1f2937;margin:0}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:30px;max-width:720px;margin-left:auto;margin-right:auto;overflow:visible}.lb-podium-item{flex:1;display:flex;flex-direction:column;align-items:center;background:#fff;padding:15px 10px;border-radius:16px;border:2px solid #e5e7eb;position:relative;transition:all .3s ease;max-width:160px}.lb-podium-item.lb-first{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:20px 10px}.lb-podium-item.lb-second{border-color:#d1d5db;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.lb-podium-item.lb-third{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.lb-podium-rank{position:absolute;top:-10px;right:-10px;width:28px;height:28px;background:#8b5cf6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid white}.lb-podium-item.lb-first .lb-podium-rank{background:#fbbf24}.lb-podium-item.lb-second .lb-podium-rank{background:#9ca3af}.lb-podium-item.lb-third .lb-podium-rank{background:#f59e0b}.lb-podium-medal{width:40px;height:40px;margin-bottom:10px}.lb-podium-medal.lb-gold{color:#fbbf24}.lb-podium-medal.lb-silver{color:#9ca3af}.lb-podium-medal.lb-bronze{color:#f59e0b}.lb-podium-item.lb-first .lb-podium-medal{width:50px;height:50px}.lb-podium-name{font-weight:600;font-size:14px;color:#1f2937;margin:0 0 8px;text-align:center;word-break:break-word}.lb-podium-item.lb-first .lb-podium-name{font-size:16px;font-weight:700}.lb-podium-streak{display:flex;align-items:center;gap:5px;background:#0000000d;padding:5px 12px;border-radius:20px}.lb-podium-streak svg{color:#ef4444}.lb-podium-streak span{font-weight:700;font-size:14px;color:#1f2937}.lb-rankings{margin-bottom:20px}.lb-rankings h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 15px}.lb-ranking-row{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:8px;transition:all .2s ease}.lb-ranking-row:hover{border-color:#8b5cf6;transform:translate(3px)}.lb-rank-col{display:flex;align-items:center;gap:10px;min-width:60px}.lb-rank-icon{width:20px;height:20px}.lb-rank-icon.lb-gold{color:#fbbf24}.lb-rank-icon.lb-silver{color:#9ca3af}.lb-rank-icon.lb-bronze{color:#f59e0b}.lb-rank-num{font-weight:600;font-size:15px;color:#6b7280}.lb-user-col{flex:1;padding:0 10px}.lb-user-name{font-weight:600;font-size:15px;color:#1f2937}.lb-streak-col{display:flex;align-items:center;gap:5px;background:#ef44441a;padding:6px 12px;border-radius:20px}.lb-streak-col svg{color:#ef4444}.lb-streak-col span{font-weight:700;font-size:14px;color:#1f2937}.lb-your-section{margin-top:25px;padding-top:25px;border-top:2px solid #e5e7eb}.lb-your-section h3{font-size:16px;font-weight:600;color:#6b7280;margin:0 0 12px}.lb-your-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #8b5cf6;border-radius:16px;padding:18px}.lb-your-info{display:flex;flex-direction:column;gap:8px}.lb-your-name{font-weight:700;font-size:18px;color:#1f2937;margin:0}.lb-your-streak{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:#6b7280}.lb-your-streak svg{color:#ef4444}.lb-your-trophy{width:40px;height:40px;color:#8b5cf6}.lb-back-btn-error{margin-top:20px;padding:12px 24px;background:#8b5cf6;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.lb-back-btn-error:hover{background:#7c3aed;transform:translateY(-2px)}@media(min-width:640px){.lb-main{padding:30px}.lb-title-section h1{font-size:32px}.lb-podium{gap:20px}.lb-podium-item{padding:20px 15px;max-width:220px}.lb-podium-item.lb-first{padding:25px 15px}.lb-podium-medal{width:50px;height:50px}.lb-podium-item.lb-first .lb-podium-medal{width:60px;height:60px}.lb-podium-name{font-size:16px}.lb-podium-item.lb-first .lb-podium-name{font-size:18px}.lb-rankings h3{font-size:20px}.lb-ranking-row{padding:15px 20px}.lb-rank-col{min-width:80px}.lb-your-card{padding:22px}.lb-your-name{font-size:20px}.lb-your-trophy{width:50px;height:50px}}