@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Orbitron:wght@500;900&family=Press+Start+2P&family=Share+Tech+Mono&display=swap";.family-selector{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#070a13,#0a0e1a,#070a13);padding:2rem;position:relative;overflow:hidden}.family-selector:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,65,.03) 3px);pointer-events:none;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(100px)}}.selector-container{max-width:900px;width:100%;z-index:1}.selector-header{text-align:center;margin-bottom:3rem}.logo-section{background:#0a0f19f2;border:2px solid #00ff41;border-radius:12px;padding:2rem;box-shadow:0 0 30px #00ff4133,inset 0 0 20px #00ff410d}.main-logo{font-size:3rem;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.8),0 0 20px rgba(0,255,65,.5),0 0 30px rgba(0,255,65,.3);margin-bottom:1rem;letter-spacing:2px}.version-badge{font-size:1rem;color:#ff6b9d;border:1px solid #ff6b9d;padding:.2rem .6rem;border-radius:4px;margin-left:.5rem}.subtitle-section{margin-top:1.5rem}.terminal-line{font-size:1rem;color:#a0aec0;margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem}.prompt{color:#00ff41;font-weight:700}.text-green{color:#00ff41}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-bottom:2rem}.member-card{background:#0a0f19f2;border:2px solid var(--member-color);border-radius:12px;padding:2.5rem 1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.member-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.member-card:hover:before{left:100%}.member-initial{font-size:4rem;font-weight:900;font-family:Orbitron,sans-serif;text-shadow:0 0 20px currentColor,0 0 40px currentColor;margin-bottom:.5rem}.member-name{font-size:1.5rem;color:#e6e6e6;font-weight:600;letter-spacing:2px}.scan-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--member-color);box-shadow:0 0 10px var(--member-color);animation:scan 2s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-150px);opacity:1}}.footer-info{text-align:center;margin-top:2rem}.info-line{color:#a0aec0;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.info-line i{color:#00ff41}@media (max-width: 768px){.main-logo{font-size:2rem}.version-badge{font-size:.8rem}.terminal-line{font-size:.9rem}.members-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.member-card{padding:2rem 1rem}.member-initial{font-size:3rem}.member-name{font-size:1.2rem}}@media (max-width: 480px){.family-selector{padding:1rem}.logo-section{padding:1.5rem}.main-logo{font-size:1.5rem}.members-grid{grid-template-columns:1fr}}.pin-entry{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#070a13,#0a0e1a,#070a13);padding:2rem;position:relative;overflow:hidden}.pin-entry:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,65,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,65,.03) 3px);pointer-events:none;animation:scanlines 8s linear infinite}.pin-container{max-width:500px;width:100%;z-index:1}.pin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.back-button{background:#0a0f19f2;border:1px solid #00ff41;color:#00ff41;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.95rem}.back-button:hover{background:#00ff411a;box-shadow:0 0 20px #00ff414d;transform:translate(-5px)}.user-badge{background:#0a0f19f2;border:2px solid;border-radius:12px;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 0 20px #00000080}.user-initial{font-size:2.5rem;font-weight:900;font-family:Orbitron,sans-serif;text-shadow:0 0 10px currentColor,0 0 20px currentColor}.user-name{font-size:1.5rem;color:#e6e6e6;letter-spacing:1px}.pin-display{background:#0a0f19f2;border:2px solid #00ff41;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 0 30px #00ff4133,inset 0 0 20px #00ff410d;text-align:center}.pin-display.shake{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.pin-title{font-size:1.2rem;color:#00ff41;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px}.pin-dots{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.pin-dot{width:20px;height:20px;border:2px solid;border-radius:50%;transition:all .3s ease;position:relative}.pin-dot.filled{box-shadow:0 0 10px currentColor,0 0 20px currentColor,inset 0 0 10px currentColor}.pin-dot.filled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:currentColor;border-radius:50%;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.error-message{color:#f44;font-size:.95rem;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Share Tech Mono,monospace}.cooldown-message{color:#fa0;font-size:1.1rem;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Orbitron,sans-serif;font-weight:600}.keypad{margin-bottom:1.5rem}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.keypad-button{background:#0a0f19f2;border:2px solid #00ff41;color:#00ff41;padding:1.5rem;border-radius:12px;cursor:pointer;font-size:2rem;transition:all .3s ease;position:relative;overflow:hidden}.keypad-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:#00ff4133;border-radius:50%;transition:width .4s ease,height .4s ease}.keypad-button:active:before{width:200%;height:200%}.keypad-button:hover:not(:disabled){background:#00ff411a;box-shadow:0 0 20px #00ff414d,inset 0 0 10px #00ff411a;transform:translateY(-2px)}.keypad-button:disabled{opacity:.3;cursor:not-allowed}.keypad-clear{border-color:#fa0;color:#fa0}.keypad-clear:hover:not(:disabled){background:#ffaa001a;box-shadow:0 0 20px #ffaa004d}.keypad-delete{border-color:#f44;color:#f44}.keypad-delete:hover:not(:disabled){background:#ff44441a;box-shadow:0 0 20px #ff44444d}.security-info{text-align:center;color:#a0aec0;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.security-info i{color:#00ff41}@media (max-width: 768px){.pin-entry{padding:1rem}.pin-header{flex-direction:column-reverse;gap:1rem}.back-button{width:100%;justify-content:center}.user-badge{width:100%;justify-content:center;padding:.75rem 1.5rem}.user-initial{font-size:2rem}.user-name{font-size:1.2rem}.pin-display{padding:1.5rem}.pin-title{font-size:1rem}.pin-dots{gap:1rem}.pin-dot{width:16px;height:16px}.keypad-grid{gap:.75rem}.keypad-button{padding:1.2rem;font-size:1.5rem}.error-message,.cooldown-message{font-size:.85rem}.security-info{font-size:.8rem}}@media (max-width: 480px){.keypad-button{padding:1rem;font-size:1.3rem}}.task-card{background:#0a0f19f2;border:2px solid #30363d;box-shadow:0 0 25px #00ff410d,inset 0 0 5px #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;padding:1.5rem;transition:all .3s}.task-card:hover{border-color:#00ff41;box-shadow:0 0 30px #00ff4133}.task-card.boss-task{border-color:#a855f7;background:#a855f70d}.task-card.boss-task:hover{border-color:#d946ef;box-shadow:0 0 30px #a855f74d}.task-card.task-full{border-color:#10b981;background:#10b9810d}.task-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.description-toggle{width:40px;height:40px;border-radius:50%;background:#00ff411a;border:2px solid #00ff41;color:#00ff41;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;margin-left:auto}.description-toggle:hover{background:#00ff4133;transform:scale(1.1);box-shadow:0 0 15px #00ff4166}.description-toggle i{font-size:1rem}.task-icon-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#00ff411a;border-radius:.5rem;border:2px solid #30363d}.boss-task .task-icon-container{background:#a855f71a}.task-icon{font-size:1.75rem;color:#00ff41}.boss-task .task-icon{color:#a855f7}.task-info{flex:1}.task-title{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:.5rem;font-family:Orbitron,sans-serif;line-height:1.3}.task-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#9ca3af;font-family:Share Tech Mono,monospace}.task-xp{color:#facc15;font-weight:700}.task-progress{padding:.125rem .5rem;background:#00ff411a;border-radius:.25rem;color:#00ff41}.task-description{overflow:hidden;margin-bottom:1rem}.description-content{background:#0006;border-left:3px solid #00ff41;padding:1rem;border-radius:.5rem;font-family:Share Tech Mono,monospace;font-size:.875rem;line-height:1.6}.description-content p{margin:.5rem 0;color:#d1d5db}.description-content p:first-child{margin-top:0}.description-content p:last-child{margin-bottom:0}.task-body{display:flex;flex-direction:column;gap:1rem}.user-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.user-btn{position:relative;background:#00000080;border:2px solid #30363d;padding:1rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;font-family:"Press Start 2P",cursive;font-size:1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.user-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.user-btn:disabled{opacity:.4;cursor:not-allowed}.user-btn.user-btn-blue{border-color:#60a5fa}.user-btn.user-btn-blue:hover:not(:disabled){background:#60a5fa33;border-color:#60a5fa;box-shadow:0 0 15px #60a5fa66}.user-btn.user-btn-yellow{border-color:#facc15}.user-btn.user-btn-yellow:hover:not(:disabled){background:#facc1533;border-color:#facc15;box-shadow:0 0 15px #facc1566}.user-btn.user-btn-pink{border-color:#f472b6}.user-btn.user-btn-pink:hover:not(:disabled){background:#f472b633;border-color:#f472b6;box-shadow:0 0 15px #f472b666}.user-btn.user-btn-green{border-color:#4ade80}.user-btn.user-btn-green:hover:not(:disabled){background:#4ade8033;border-color:#4ade80;box-shadow:0 0 15px #4ade8066}.user-btn.completed{background:linear-gradient(135deg,#10b9814d,#10b9811a);border-color:#10b981;box-shadow:0 0 20px #10b9814d}.user-btn.locked{opacity:.3;cursor:not-allowed;filter:grayscale(80%)}.user-btn.locked:hover{transform:none;box-shadow:none}.user-initial{color:#fff}.check-icon{font-size:.875rem;color:#10b981}.lock-icon{font-size:.75rem;color:#f44;position:absolute;top:.25rem;right:.25rem}.task-complete-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1rem;border-radius:.5rem;text-align:center;font-family:"Press Start 2P",cursive;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 0 20px #10b98180;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.task-card{padding:1rem}.task-header{gap:.75rem;margin-bottom:1rem}.task-icon-container{width:50px;height:50px}.task-icon{font-size:1.5rem}.task-title{font-size:1rem;line-height:1.25}.task-meta{gap:.75rem;font-size:.8rem;flex-wrap:wrap}.description-toggle{width:36px;height:36px}.description-toggle i{font-size:.9rem}.description-content{padding:.75rem;font-size:.8rem}.user-buttons{grid-template-columns:repeat(2,1fr);gap:.6rem}.user-btn{padding:.85rem .4rem;font-size:1.1rem}.task-complete-badge{padding:.6rem .85rem;font-size:.7rem}}@media (max-width: 480px){.task-card{padding:.85rem}.task-header{gap:.6rem;margin-bottom:.85rem}.task-icon-container{width:45px;height:45px}.task-icon{font-size:1.35rem}.task-title{font-size:.95rem;line-height:1.2}.task-meta{gap:.6rem;font-size:.75rem}.description-toggle{width:32px;height:32px}.description-toggle i{font-size:.85rem}.description-content{padding:.65rem;font-size:.75rem;line-height:1.5}.user-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem}.user-btn{padding:.75rem .35rem;font-size:1rem;gap:.2rem}.check-icon{font-size:.75rem}.task-complete-badge{padding:.55rem .75rem;font-size:.65rem;gap:.4rem}}.xp-bar-container{background:#0a0f19f2;border:2px solid #30363d;border-radius:.5rem;padding:1rem;border-left-width:4px;cursor:pointer;transition:all .3s}.xp-bar-container:hover{border-color:currentColor;box-shadow:0 0 20px #00ff4133}.xp-bar-container.border-blue{border-left-color:#60a5fa}.xp-bar-container.border-yellow{border-left-color:#facc15}.xp-bar-container.border-pink{border-left-color:#f472b6}.xp-bar-container.border-green{border-left-color:#4ade80}.xp-bar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.user-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;font-family:"Press Start 2P",cursive;font-size:.875rem;border:2px solid currentColor}.text-blue-400{color:#60a5fa}.text-yellow-400{color:#facc15}.text-pink-400{color:#f472b6}.text-green-400{color:#4ade80}.user-name{flex:1;font-family:Orbitron,sans-serif;font-weight:700;color:#fff;font-size:1rem}.user-xp{font-family:Share Tech Mono,monospace;color:#facc15;font-weight:700;font-size:.875rem}.history-icon{color:#6b7280;font-size:.875rem;transition:all .3s}.xp-bar-container:hover .history-icon{color:#00ff41;transform:rotate(360deg)}.xp-bar-track{height:12px;background:#00000080;border-radius:6px;overflow:hidden;border:1px solid #30363d}.xp-bar-fill{height:100%;border-radius:6px;position:relative;overflow:hidden}.xp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bg-blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bg-yellow{background:linear-gradient(90deg,#f59e0b,#facc15)}.bg-pink{background:linear-gradient(90deg,#ec4899,#f472b6)}.bg-green{background:linear-gradient(90deg,#22c55e,#4ade80)}@media (max-width: 768px){.xp-bar-container{padding:.75rem}.xp-bar-header{gap:.6rem;margin-bottom:.4rem}.user-badge{width:28px;height:28px;font-size:.75rem}.user-name{font-size:.9rem}.user-xp,.history-icon{font-size:.8rem}.xp-bar-track{height:10px}}@media (max-width: 480px){.xp-bar-container{padding:.65rem}.xp-bar-header{gap:.5rem}.user-badge{width:26px;height:26px;font-size:.7rem}.user-name{font-size:.85rem}.user-xp,.history-icon{font-size:.75rem}.xp-bar-track{height:9px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.history-modal{background:#0a0f19fa;border:2px solid #30363d;border-radius:1rem;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 50px #00ff4133}.modal-header{padding:1.5rem;border-bottom:1px solid #30363d;display:flex;align-items:center;justify-content:space-between}.modal-title-section{display:flex;align-items:center;gap:1rem}.modal-user-avatar{width:60px;height:60px;border-radius:50%;background:#000000b3;border:3px solid currentColor;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:1.5rem}.modal-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#fff;margin:0}.modal-subtitle{font-family:Share Tech Mono,monospace;font-size:.875rem;color:#9ca3af;margin:.25rem 0 0}.modal-close-btn{width:40px;height:40px;border-radius:50%;background:#ff00001a;border:2px solid #ef4444;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.modal-close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.modal-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(0,255,65,.2);border-top-color:var(--neon-green);border-radius:50%;animation:spin 1s linear infinite}.modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#6b7280}.modal-empty-icon{font-size:4rem;margin-bottom:1rem;color:#4b5563}.modal-empty p{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.modal-empty span{font-size:.875rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#00000080;border:2px solid #30363d;border-radius:.75rem;padding:1rem;transition:all .3s}.history-item:hover{border-color:#00ff41;box-shadow:0 0 20px #00ff4133;transform:translate(5px)}.history-item.rank-gold{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,.1),transparent)}.history-item.rank-silver{border-color:#9ca3af;background:linear-gradient(135deg,rgba(156,163,175,.1),transparent)}.history-item.rank-bronze{border-color:#cd7f32;background:linear-gradient(135deg,rgba(205,127,50,.1),transparent)}.history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.history-week{font-family:"Press Start 2P",cursive;font-size:.75rem;color:#fff}.history-rank{display:flex;align-items:center;gap:.5rem;font-family:"Press Start 2P",cursive;font-size:.625rem;padding:.375rem .75rem;border-radius:.375rem;background:#00000080}.history-rank.rank-gold{color:#facc15;border:1px solid #facc15;box-shadow:0 0 10px #facc154d}.history-rank.rank-silver{color:#9ca3af;border:1px solid #9ca3af;box-shadow:0 0 10px #9ca3af4d}.history-rank.rank-bronze{color:#cd7f32;border:1px solid #cd7f32;box-shadow:0 0 10px #cd7f324d}.history-rank.rank-default{color:#6b7280;border:1px solid #6b7280}.history-item-body{display:flex;align-items:center;justify-content:space-between}.history-xp{display:flex;align-items:center;gap:.5rem;color:#facc15;font-family:Share Tech Mono,monospace}.xp-value{font-weight:700;font-size:1.125rem}.history-dates{font-size:.75rem;color:#6b7280;font-family:Share Tech Mono,monospace}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #30363d;display:flex;justify-content:flex-end}.modal-action-btn{background:linear-gradient(135deg,#00ff41,#00b32d);color:#000;font-family:"Press Start 2P",cursive;font-size:.75rem;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.modal-action-btn:hover{box-shadow:0 0 20px #00ff4180;transform:translateY(-2px)}.daily-task-list{max-width:1400px;margin:0 auto;padding:0 .5rem}@media (min-width: 480px){.daily-task-list{padding:0 .75rem}}@media (min-width: 768px){.daily-task-list{padding:0 1rem}}.xp-section{margin-bottom:2rem}.xp-bars-container{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.xp-bars-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.xp-bars-container{grid-template-columns:repeat(4,1fr)}}.filter-section{margin-bottom:2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background:#0a0f19f2;border:2px solid #30363d;color:#e6e6e6;padding:.6rem 1rem;border-radius:.5rem;font-family:Share Tech Mono,monospace;font-size:.75rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}@media (min-width: 480px){.filter-btn{padding:.65rem 1.25rem;font-size:.8rem}}@media (min-width: 768px){.filter-btn{padding:.75rem 1.5rem;font-size:.875rem}}.filter-btn:hover{border-color:#00ff41;background:#00ff411a;box-shadow:0 0 15px #00ff414d}.filter-btn.active{background:linear-gradient(135deg,#00ff41,#00b32d);color:#000;font-weight:700;border-color:#00ff41;box-shadow:0 0 20px #00ff4180}.tasks-section{margin-bottom:3rem}.section-title{font-size:1.1rem;color:#fff;margin-bottom:1rem;padding-left:.75rem;border-left:3px solid #a855f7;font-family:Orbitron,sans-serif}@media (min-width: 480px){.section-title{font-size:1.25rem;padding-left:.85rem}}@media (min-width: 768px){.section-title{font-size:1.5rem;padding-left:1rem;border-left:4px solid #a855f7;margin-bottom:1.5rem}}@media (min-width: 1024px){.section-title{font-size:1.875rem}}.tasks-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 480px){.tasks-grid{gap:1.25rem}}@media (min-width: 768px){.tasks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.tasks-grid{grid-template-columns:repeat(3,1fr)}}.no-tasks{text-align:center;padding:3rem 1rem;color:#6b7280}.no-tasks i{font-size:3rem;margin-bottom:1rem;display:block;color:#4b5563}.no-tasks p{font-size:1.125rem;font-family:Share Tech Mono,monospace}.podium-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.podium-section{background:#0a0f19f2;border:2px solid #30363d;border-radius:1rem;padding:3rem 2rem;box-shadow:0 0 50px #00ff411a}.podium-header{text-align:center;margin-bottom:3rem}.podium-crown{font-size:4rem;color:#facc15;margin-bottom:1rem;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.podium-title{font-family:Orbitron,sans-serif;font-size:2.5rem;color:#fff;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px #facc15,0 0 20px #facc15;margin-bottom:.5rem}.podium-subtitle{font-family:Share Tech Mono,monospace;color:#9ca3af;font-size:1rem}.podium-rankings{display:flex;flex-direction:column;gap:1.5rem}.podium-card{background:#00000080;border:2px solid #30363d;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;position:relative;transition:all .3s}.podium-card:hover{transform:translate(5px)}.podium-card.podium-gold{border-color:#facc15;background:linear-gradient(135deg,rgba(250,204,21,.1),transparent);box-shadow:0 0 30px #facc1533}.podium-card.podium-silver{border-color:#9ca3af;background:linear-gradient(135deg,rgba(156,163,175,.1),transparent);box-shadow:0 0 20px #9ca3af33}.podium-card.podium-bronze{border-color:#cd7f32;background:linear-gradient(135deg,rgba(205,127,50,.1),transparent);box-shadow:0 0 20px #cd7f3233}.podium-rank{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.podium-rank i{font-size:2.5rem}.podium-gold .podium-rank i{color:#facc15;filter:drop-shadow(0 0 10px #facc15)}.podium-silver .podium-rank i{color:#9ca3af;filter:drop-shadow(0 0 10px #9ca3af)}.podium-bronze .podium-rank i{color:#cd7f32;filter:drop-shadow(0 0 10px #cd7f32)}.podium-default .podium-rank i{color:#4b5563}.rank-number{font-family:"Press Start 2P",cursive;font-size:.875rem;color:#fff}.podium-user-info{flex:1;display:flex;align-items:center;gap:1.5rem}.podium-avatar{width:64px;height:64px;border-radius:50%;background:#000000b3;border:3px solid currentColor;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:1.5rem}.podium-details{flex:1}.podium-name{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.podium-stats{display:flex;gap:1.5rem}.podium-xp{display:flex;align-items:center;gap:.5rem;font-family:Share Tech Mono,monospace;color:#facc15;font-weight:700;font-size:1.125rem}.podium-xp i{color:#facc15}.winner-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#000;padding:.5rem 1rem;border-radius:.375rem;font-family:"Press Start 2P",cursive;font-size:.625rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #facc1580;animation:pulse 2s infinite}.podium-footer{margin-top:3rem;text-align:center;padding-top:2rem;border-top:1px solid #30363d}.footer-text{font-family:Share Tech Mono,monospace;color:#9ca3af;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-text i{color:#00ff41}@media (max-width: 640px){.podium-title{font-size:1.875rem}.podium-card,.podium-user-info{flex-direction:column;text-align:center}.winner-badge{position:static;margin-top:1rem}}.weather-widget{background:linear-gradient(135deg,#00d4ff1a,#00ff411a);border:2px solid var(--neon-green);border-radius:1rem;padding:1.5rem;box-shadow:0 0 20px #00ff4133,inset 0 0 20px #00d4ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:1.5rem;position:relative;overflow:hidden}.weather-widget:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,255,65,.05),transparent);animation:weather-shimmer 3s infinite}@keyframes weather-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-widget.loading,.weather-widget.error{display:flex;align-items:center;gap:1rem;justify-content:center;padding:1rem;font-family:Share Tech Mono,monospace;color:var(--neon-green)}.weather-widget.error{border-color:#ef4444;color:#ef4444}.weather-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative;z-index:1}.weather-icon{font-size:3rem;color:var(--fortnite-blue);filter:drop-shadow(0 0 10px rgba(0,212,255,.6));animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.weather-location{display:flex;flex-direction:column;gap:.25rem}.location-name{font-family:"Press Start 2P",cursive;font-size:.875rem;color:var(--neon-green);text-shadow:0 0 10px rgba(0,255,65,.5);letter-spacing:.1em}.location-status{font-family:Share Tech Mono,monospace;font-size:.625rem;color:var(--fortnite-yellow);opacity:.8;letter-spacing:.2em}.weather-main{display:flex;align-items:center;gap:2rem;margin-bottom:1rem;position:relative;z-index:1}.temperature{font-family:"Press Start 2P",cursive;font-size:3rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px var(--fortnite-blue);line-height:1}.weather-details{display:flex;flex-direction:column;gap:.5rem;font-family:Share Tech Mono,monospace;font-size:.875rem;color:var(--neon-green)}.weather-details span{display:flex;align-items:center;gap:.5rem}.weather-details i{color:var(--fortnite-blue);width:1.25rem}.weather-description{background:#00000080;border-left:3px solid var(--fortnite-yellow);padding:1rem;border-radius:.5rem;font-family:Share Tech Mono,monospace;font-size:.875rem;line-height:1.6;color:#e6e6e6;position:relative;z-index:1;box-shadow:inset 0 0 10px #0000004d;white-space:pre-line}@media (max-width: 768px){.weather-widget{padding:1rem;margin-top:1rem}.weather-header{gap:.75rem}.weather-icon{font-size:2rem}.location-name{font-size:.625rem}.location-status{font-size:.55rem}.temperature{font-size:1.75rem}.weather-main{gap:1rem;flex-wrap:wrap}.weather-details{font-size:.75rem}.weather-description{font-size:.75rem;padding:.75rem}}@media (max-width: 480px){.weather-widget{padding:.75rem;margin-top:.75rem}.weather-header{gap:.5rem;margin-bottom:.75rem}.weather-icon{font-size:1.5rem}.location-name{font-size:.55rem}.location-status{font-size:.5rem}.temperature{font-size:1.5rem}.weather-main{gap:.75rem}.weather-details{font-size:.7rem;gap:.35rem}.weather-details i{width:1rem}.weather-description{font-size:.7rem;padding:.65rem;line-height:1.5}}.user-indicator{position:fixed;top:20px;right:20px;z-index:1000}.user-info-badge{background:#0a0f19fa;border:3px solid;border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px #000c,0 0 40px currentColor,inset 0 0 20px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;min-width:300px}.pulse-ring{position:absolute;top:50%;left:40px;transform:translate(-50%,-50%);width:60px;height:60px;border:3px solid;border-radius:50%;animation:pulse-ring 2s ease-out infinite;pointer-events:none}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.user-avatar{width:60px;height:60px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 20px currentColor,inset 0 0 10px currentColor}.user-avatar-initial{font-size:2rem;font-weight:900;font-family:Orbitron,sans-serif;text-shadow:0 0 10px currentColor,0 0 20px currentColor}.user-details{flex:1}.user-label{font-size:.7rem;color:#00ff41;letter-spacing:2px;margin-bottom:.2rem;text-transform:uppercase}.user-name-display{font-size:1.4rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px currentColor,0 2px 4px rgba(0,0,0,.5)}.user-actions{display:flex;gap:.5rem;align-items:center}.switch-user-btn,.logout-btn{background:#00ff411a;border:1px solid #00ff41;color:#00ff41;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.switch-user-btn:hover{background:#00ff4133;box-shadow:0 0 15px #00ff4166}.logout-btn{padding:.6rem;border-color:#f44;color:#f44;background:#ff44441a}.logout-btn:hover{background:#f443;box-shadow:0 0 15px #f446}@media (max-width: 768px){.user-indicator{top:10px;right:10px;left:10px}.user-info-badge{min-width:auto;width:100%;padding:.75rem 1rem}.user-avatar{width:50px;height:50px}.user-avatar-initial{font-size:1.5rem}.pulse-ring{left:35px;width:50px;height:50px}.user-label{font-size:.6rem}.user-name-display{font-size:1.1rem}.switch-user-btn span{display:none}.switch-user-btn,.logout-btn{padding:.6rem;font-size:.85rem}}@media (max-width: 480px){.user-info-badge{padding:.6rem .8rem;gap:.75rem}.user-avatar{width:40px;height:40px}.user-avatar-initial{font-size:1.2rem}.pulse-ring{left:30px;width:40px;height:40px}.user-name-display{font-size:1rem}.switch-user-btn,.logout-btn{padding:.5rem;font-size:.8rem}}@keyframes glow{0%,to{box-shadow:0 8px 32px #000c,0 0 40px currentColor,inset 0 0 20px #ffffff0d}50%{box-shadow:0 8px 32px #000c,0 0 60px currentColor,inset 0 0 30px #ffffff1a}}.user-info-badge{animation:glow 3s ease-in-out infinite}.streak-display{background:#00000080;border:2px solid #ff6b35;border-radius:12px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #ff6b3533}.streak-display.loading,.streak-display.error{text-align:center;color:#0f8;padding:15px}.streak-main{display:flex;align-items:center;gap:15px;margin-bottom:15px}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.streak-info{flex:1}.streak-count{display:flex;align-items:baseline;gap:8px}.streak-number{font-size:36px;font-weight:700;color:#ff6b35;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(255,107,53,.5)}.streak-label{font-size:16px;color:#0f8;text-transform:uppercase;letter-spacing:2px}.streak-record{display:flex;align-items:center;gap:5px;color:gold;font-size:14px;margin-top:5px}.streak-record i{font-size:12px}.streak-freezes{display:flex;gap:5px}.freeze-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.earn-back-warning{background:linear-gradient(135deg,#ff416c,#ff4b2b);border:2px solid #ff0000;border-radius:8px;padding:15px;margin-bottom:15px;box-shadow:0 0 20px #ff000080}.earn-back-warning i{font-size:24px;color:#fff;margin-bottom:10px;display:block}.earn-back-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px}.earn-back-message{color:#fff;font-size:14px;margin-bottom:8px}.earn-back-timer{color:#ffeb3b;font-size:16px;font-weight:700;margin-bottom:8px;font-family:Courier New,monospace}.earn-back-progress{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.earn-back-progress-bar{height:100%;background:linear-gradient(90deg,#0f8,#00ffc8);transition:width .3s ease}.streak-milestone-progress{background:#00ff881a;border:1px solid #00ff88;border-radius:8px;padding:12px;margin-bottom:15px}.milestone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.milestone-label{color:#0f8;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.milestone-reward{color:gold;font-size:14px;font-weight:700}.milestone-progress-bar{position:relative;width:100%;height:24px;background:#00000080;border-radius:12px;overflow:hidden;margin-bottom:8px}.milestone-progress-fill{height:100%;background:linear-gradient(90deg,#ff6b35,#ff8c5a);box-shadow:0 0 10px #ff6b3580}.milestone-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(0,0,0,.8);z-index:1}.milestone-badge-preview{text-align:center;color:gold;font-size:12px;font-weight:700}.streak-actions{display:flex;gap:10px;justify-content:center}.btn-buy-freeze{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-buy-freeze:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-buy-freeze:active{transform:translateY(0)}.btn-buy-freeze i{font-size:16px}@media (max-width: 768px){.streak-display{padding:15px}.streak-icon{font-size:36px}.streak-number{font-size:28px}.streak-label{font-size:14px}.btn-buy-freeze{font-size:12px;padding:8px 16px}}.level-display{background:#00000080;border:2px solid #00ff88;border-radius:12px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0f83}.level-display.loading,.level-display.error{text-align:center;color:#0f8;padding:15px}.level-display-compact{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00000080;border-radius:20px;border:2px solid #00ff88}.level-badge{width:40px;height:40px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background:#000000b3;box-shadow:0 0 15px #00ff884d}.level-number{font-size:20px;font-weight:700;color:#fff;font-family:Courier New,monospace}.level-compact-info{display:flex;flex-direction:column}.level-rank{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.level-xp-compact{font-size:12px;color:#0f8;font-family:Courier New,monospace}.level-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.level-badge-large{width:100px;height:100px;border-radius:50%;border:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#000c,#0009);box-shadow:0 0 30px #0f86;position:relative}.level-badge-large:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,currentColor 100%);animation:rotate 4s linear infinite;z-index:-1;opacity:.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-number-large{font-size:48px;font-weight:700;color:#fff;font-family:Courier New,monospace;text-shadow:0 0 20px currentColor}.level-label{font-size:10px;color:#0f8;text-transform:uppercase;letter-spacing:2px;font-weight:700}.level-info{flex:1}.level-rank-display{display:flex;align-items:center;gap:8px;margin-bottom:8px}.rank-icon{font-size:24px;color:gold}.rank-name{font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px currentColor}.level-total-xp{display:flex;align-items:center;gap:8px;color:#0f8;font-size:18px;font-family:Courier New,monospace}.level-total-xp i{color:gold}.level-progress-section{margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{color:#0f8;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.progress-percentage{color:gold;font-size:16px;font-weight:700;font-family:Courier New,monospace}.level-progress-bar{position:relative;width:100%;height:32px;background:#00000080;border-radius:16px;overflow:hidden;border:2px solid rgba(0,255,136,.3);margin-bottom:8px}.level-progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#00ffc8);box-shadow:0 0 20px currentColor;transition:width .5s ease}.progress-sparkle{position:absolute;top:0;height:100%;width:4px;background:#fff;box-shadow:0 0 20px #fff;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:0}50%{opacity:1}}.progress-stats{display:flex;justify-content:center;gap:8px;color:#0f8;font-size:14px;font-family:Courier New,monospace}.progress-divider{color:#00ff8880}.level-unlock-display{display:flex;align-items:center;gap:15px;padding:15px;border-radius:8px;margin-bottom:10px}.level-unlock-display.unlocked{background:linear-gradient(135deg,#0f83,#00ffc81a);border:1px solid #00ff88}.level-unlock-display.locked{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);opacity:.7}.unlock-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.level-unlock-display.unlocked .unlock-icon-wrapper{background:linear-gradient(135deg,#0f8,#00ffc8);color:#000;box-shadow:0 0 20px #00ff8880}.level-unlock-display.locked .unlock-icon-wrapper{background:#ffffff1a;color:#ffffff80}.unlock-title{font-size:16px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:10px}.level-unlock-display.unlocked .unlock-title{color:#0f8}.level-unlock-display.locked .unlock-title{color:#ffffffb3}.unlock-level{font-size:12px;padding:2px 8px;background:#ffffff1a;border-radius:12px;font-family:Courier New,monospace}.unlock-description{font-size:13px;color:#fffc}.rank-legend{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.legend-title{font-size:12px;color:#0f8;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:10px}.legend-items{display:flex;flex-wrap:wrap;gap:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#fffc}.legend-color{width:12px;height:12px;border-radius:50%;box-shadow:0 0 5px currentColor}.legend-name{font-family:Courier New,monospace}@media (max-width: 768px){.level-header{flex-direction:column;text-align:center}.level-badge-large{width:80px;height:80px}.level-number-large{font-size:36px}.rank-name{font-size:22px}.level-total-xp{font-size:14px}.legend-items{flex-direction:column;gap:5px}}.task-complete-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9998}.task-complete-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #00ff88;border-radius:20px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;z-index:9999;box-shadow:0 20px 60px #00ff884d}.modal-header{text-align:center;margin-bottom:30px}.checkmark{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#0f8,#00ffc8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#000;font-weight:700;box-shadow:0 0 30px #0f89}.modal-title{font-size:32px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:3px;margin:0 0 10px;text-shadow:0 0 20px rgba(0,255,136,.5)}.task-name{font-size:18px;color:#fff;margin:0}.xp-section{background:#ff6b351a;border:2px solid #ff6b35;border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.xp-label{font-size:12px;color:#ff6b35;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:8px}.xp-amount{font-size:48px;font-weight:700;color:#ff6b35;font-family:Courier New,monospace;text-shadow:0 0 20px rgba(255,107,53,.6);margin-bottom:8px}.xp-breakdown{font-size:14px;color:#ffffffb3;font-family:Courier New,monospace}.level-section{display:flex;align-items:center;gap:15px;background:#00ff881a;border:1px solid #00ff88;border-radius:12px;padding:15px;margin-bottom:20px}.level-icon{font-size:32px}.level-details{flex:1}.level-current{font-size:18px;font-weight:700;color:#0f8;margin-bottom:8px}.level-progress-bar{width:100%;height:12px;background:#00000080;border-radius:6px;overflow:hidden;margin-bottom:4px}.level-progress-fill{height:100%;background:linear-gradient(90deg,#0f8,#00ffc8);box-shadow:0 0 10px #00ff8880}.level-progress-text{font-size:12px;color:#fffc;text-align:right}.level-up-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 0 30px #ff6b3580}.level-up-icon{font-size:48px}.level-up-text{flex:1}.level-up-title{font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.level-up-details{font-size:20px;color:#fff;font-family:Courier New,monospace;margin-bottom:5px}.level-up-rank{font-size:16px;color:gold;font-weight:700;text-transform:uppercase}.unlocks-section{background:#00ff880d;border:1px solid rgba(0,255,136,.3);border-radius:12px;padding:15px;margin-bottom:20px}.unlocks-title{font-size:16px;font-weight:700;color:#0f8;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;text-align:center}.unlock-item{display:flex;align-items:center;gap:12px;padding:10px;background:#00ff881a;border-radius:8px;margin-bottom:10px}.unlock-item:last-child{margin-bottom:0}.unlock-icon{font-size:24px}.unlock-info{flex:1}.unlock-name{font-size:14px;font-weight:700;color:#0f8;margin-bottom:3px}.unlock-desc{font-size:12px;color:#fffc}.streak-section{display:flex;align-items:center;gap:15px;background:#ff6b351a;border:2px solid #ff6b35;border-radius:12px;padding:15px;margin-bottom:20px}.streak-icon{font-size:48px;animation:flicker 2s infinite}.streak-details{flex:1}.streak-title{font-size:20px;font-weight:700;color:#ff6b35;margin-bottom:5px}.streak-subtitle{font-size:14px;color:#fffc}.earn-back-success{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#4caf50,#8bc34a);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 0 30px #4caf5080}.earn-back-icon{font-size:48px}.earn-back-title{font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.earn-back-subtitle{font-size:16px;color:#fff}.milestone-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 0 30px #ffd70080}.milestone-icon{font-size:48px}.milestone-text{flex:1}.milestone-title{font-size:24px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.milestone-badge{font-size:20px;font-weight:700;color:#ff6b35;margin-bottom:5px}.milestone-reward{font-size:14px;color:#000000b3;font-family:Courier New,monospace}.achievements-section{background:#ffd7000d;border:2px solid #ffd700;border-radius:12px;padding:15px;margin-bottom:20px}.achievements-title{font-size:18px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;text-align:center}.achievement-item{display:flex;align-items:center;gap:15px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:15px;margin-bottom:10px}.achievement-item:last-child{margin-bottom:0}.achievement-item.secret{background:linear-gradient(135deg,#8a2be233,#4b00821a);border-color:#8a2be2}.achievement-icon{width:48px;height:48px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#000;box-shadow:0 0 20px #ffd70080;flex-shrink:0}.achievement-item.secret .achievement-icon{background:linear-gradient(135deg,#8a2be2,#9370db);color:#fff}.achievement-info{flex:1}.achievement-name{font-size:16px;font-weight:700;color:gold;margin-bottom:5px;display:flex;align-items:center;gap:10px}.secret-badge{font-size:10px;padding:2px 8px;background:#8a2be2;color:#fff;border-radius:10px;text-transform:uppercase;letter-spacing:1px}.achievement-desc{font-size:13px;color:#fffc;margin-bottom:5px}.achievement-bonus{font-size:14px;font-weight:700;color:#0f8;font-family:Courier New,monospace}.btn-close-modal{width:100%;padding:15px;background:linear-gradient(135deg,#0f8,#00ffc8);border:none;border-radius:12px;color:#000;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;box-shadow:0 8px 24px #00ff884d;margin-top:10px}.btn-close-modal:hover{box-shadow:0 12px 32px #00ff8880}.btn-close-modal:active{transform:translateY(2px)}.task-complete-modal::-webkit-scrollbar{width:8px}.task-complete-modal::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.task-complete-modal::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.task-complete-modal::-webkit-scrollbar-thumb:hover{background:#00ffc8}@media (max-width: 768px){.task-complete-modal{padding:20px}.modal-title{font-size:24px}.task-name{font-size:16px}.xp-amount{font-size:36px}.level-up-title{font-size:22px}.milestone-title{font-size:20px}.achievements-title{font-size:16px}}.personalized-tip{background:linear-gradient(135deg,#00ff881a,#00d4ff1a);border:2px solid rgba(0,255,136,.3);border-radius:12px;padding:12px 16px;margin:12px 0;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 15px #00ff8826;animation:tipGlow 3s ease-in-out infinite}.tip-icon{font-size:24px;flex-shrink:0;animation:tipBounce 2s ease-in-out infinite}.tip-content{font-family:Share Tech Mono,monospace;font-size:13px;line-height:1.5;color:#e0e0e0;flex:1}@keyframes tipGlow{0%,to{box-shadow:0 4px 15px #00ff8826}50%{box-shadow:0 6px 25px #00ff884d}}@keyframes tipBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 768px){.personalized-tip{padding:10px 12px;margin:10px 0}.tip-icon{font-size:20px}.tip-content{font-size:12px}}:root{--neon-green: #00ff41;--neon-pink: #ff00ff;--fortnite-blue: #00d4ff;--fortnite-yellow: #f3ff00;--bg-dark: #070a13}.daily-dashboard{min-height:100vh;background-color:var(--bg-dark);color:#e6e6e6;padding:1rem .5rem}@media (min-width: 480px){.daily-dashboard{padding:1.5rem .75rem}}@media (min-width: 768px){.daily-dashboard{padding:2rem 1rem}}.dashboard-header{max-width:1400px;margin:0 auto 1.5rem;padding:0 .5rem}@media (min-width: 480px){.dashboard-header{margin:0 auto 2rem;padding:0 .75rem}}@media (min-width: 768px){.dashboard-header{margin:0 auto 2.5rem;padding:0 1rem}}.header-content{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 768px){.header-content{flex-direction:row;justify-content:space-between;align-items:center}}.title-section{text-align:center}@media (min-width: 768px){.title-section{text-align:left}}.main-title{font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 5px var(--neon-green),0 0 15px var(--neon-green),0 0 20px rgba(0,255,65,.5);margin-bottom:.5rem;word-break:break-word}@media (min-width: 480px){.main-title{font-size:2rem;letter-spacing:.15em}}@media (min-width: 768px){.main-title{font-size:2.5rem;letter-spacing:.2em}}@media (min-width: 1024px){.main-title{font-size:3.75rem}}.version-badge{font-size:.5rem;vertical-align:top;background-color:#10b981;color:#000;padding:0 .25rem;border-radius:.125rem;font-family:"Press Start 2P",cursive}@media (min-width: 480px){.version-badge{font-size:.65rem}}@media (min-width: 768px){.version-badge{font-size:.8rem}}@media (min-width: 1024px){.version-badge{font-size:1rem}}.subtitle{color:#10b981;font-size:.65rem;letter-spacing:.03em;word-break:break-word}@media (min-width: 480px){.subtitle{font-size:.75rem;letter-spacing:.04em}}@media (min-width: 768px){.subtitle{font-size:.875rem;letter-spacing:.05em}}.cyber-date{margin-top:1rem}.date-display{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;font-family:Share Tech Mono,monospace;font-size:.65rem;color:var(--neon-green);background:#00ff411a;border:1px solid var(--neon-green);border-radius:.5rem;padding:.5rem .75rem;box-shadow:0 0 10px #00ff4133}@media (min-width: 480px){.date-display{font-size:.75rem;gap:.6rem;padding:.6rem .85rem}}@media (min-width: 768px){.date-display{font-size:.875rem;gap:.75rem;padding:.75rem 1rem;justify-content:flex-start}}.date-segment{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.date-segment i{color:var(--fortnite-blue);font-size:.75rem}@media (min-width: 480px){.date-segment i{font-size:.85rem}}@media (min-width: 768px){.date-segment i{font-size:1rem}}.date-separator{color:#00ff4180;font-weight:700}.day-name{font-weight:700;color:var(--fortnite-yellow);text-shadow:0 0 5px rgba(243,255,0,.5)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-dark)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,255,65,.2);border-top-color:var(--neon-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-dark);text-align:center;padding:2rem}.error-message{color:#ef4444;font-size:1.25rem;margin-bottom:1.5rem}.retry-button{background-color:#10b981;color:#000;font-weight:700;padding:.75rem 2rem;border-radius:.75rem;border:2px solid #065f46;font-family:"Press Start 2P",cursive;cursor:pointer;transition:all .3s}.retry-button:hover{background-color:#34d399}.gamification-dashboard{max-width:1400px;margin:0 auto 2rem;padding:0 .5rem}@media (min-width: 768px){.gamification-dashboard{padding:0 1rem}}.gamification-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.gamification-row{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (min-width: 1024px){.gamification-row{gap:2rem}}@media print{.no-print{display:none!important}.daily-dashboard{background-color:#fff!important;color:#000!important}}.app{position:relative;min-height:100vh;padding-bottom:2rem}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.stars:before,.stars:after{content:"";position:absolute;width:2px;height:2px;background:#fff;box-shadow:100px 100px #fff,200px 150px #fff,300px 50px #fff,400px 200px #fff,500px 100px #fff,600px 250px #fff,700px 80px #fff,800px 180px #fff,900px 120px #fff,1000px 220px #fff,1100px 60px #fff,1200px 160px #fff;animation:twinkle 3s ease-in-out infinite}.stars:after{animation-delay:1.5s;opacity:.7}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.main-content{position:relative;z-index:1;padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.content-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}.stats-section{order:-1}}.tasks-section{min-height:400px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-title{font-size:2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.emoji{display:inline-block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.btn-add-task{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #f5576c66;transition:all .3s ease;font-family:Fredoka,sans-serif}.btn-add-task:hover{box-shadow:0 6px 20px #f5576c99;transform:translateY(-2px)}@media (max-width: 768px){.section-title{font-size:1.5rem}.btn-add-task{padding:.6rem 1.2rem;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fredoka,sans-serif;background-color:#070a13;min-height:100vh;color:#e6e6e6;overflow-x:hidden}#root{min-height:100vh}.font-hacker{font-family:Share Tech Mono,monospace}.font-gamer{font-family:"Press Start 2P",cursive}.font-cyber{font-family:Orbitron,sans-serif}.card-glass{background:#0a0f19f2;border:1px solid #30363d;box-shadow:0 0 25px #00ff410d,inset 0 0 5px #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1a202c;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b981,#059669);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#059669,#10b981)}