:root{--bg-dark: #0a0a0a;--bg-card: #141414;--bg-card-hover: #1f1f1f;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent-gold: #fbbf24;--accent-gold-dim: #b45309;--success: #22c55e;--error: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--border-subtle: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-glow: 0 0 15px rgba(251, 191, 36, .1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.calendar-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.streak-banner{text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,rgba(251,191,36,.1),transparent);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--accent-gold-dim)}.streak-banner h2{margin:0;color:var(--accent-gold);font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.streak-count{font-size:4rem;font-weight:800;color:#fff;line-height:1;margin-top:var(--spacing-sm)}.days-label{font-size:1.5rem;color:var(--text-secondary);font-weight:400}.months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}.month-card{background:var(--bg-card);background:#14141499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.month-title{text-align:center;margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.2rem}.weekdays-row{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:var(--text-muted);font-size:.8rem;margin-bottom:var(--spacing-sm);font-weight:700}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.empty-slot{height:80px;cursor:not-allowed}.target-day{border:2px solid var(--accent);box-shadow:0 0 10px var(--accent);position:relative}.target-icon{position:absolute;top:-5px;right:-5px;font-size:.8rem}@media(min-width:1024px){.months-grid{grid-template-columns:repeat(3,1fr)}}.day-cell{background:var(--bg-card);border-radius:var(--radius-md);height:80px;position:relative;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid transparent}.day-cell:hover:not(.future):not(.success):not(.fail){background:var(--bg-card-hover);border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.day-cell.future{opacity:.3;cursor:default;background:var(--bg-dark)}.day-cell.success{background:#22c55e1a;border:1px solid var(--success);cursor:pointer}.day-cell.fail{background:#ef44441a;border:1px solid var(--error);cursor:pointer}.day-number{position:absolute;top:4px;right:8px;font-size:.8rem;color:var(--text-secondary)}.mark{font-size:2rem;font-weight:700;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.success .mark{color:var(--success);text-shadow:0 0 10px rgba(34,197,94,.4)}.fail .mark{color:var(--error)}@keyframes popIn{0%{opacity:0;transform:scale(0) rotate(-45deg)}70%{opacity:1;transform:scale(1.2) rotate(0)}to{transform:scale(1)}}.countdown-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:radial-gradient(circle at center,rgba(251,191,36,.1) 0%,transparent 70%);border-bottom:1px solid var(--border-subtle);animation:fadeInDown .5s ease}.countdown-number{font-size:5rem;font-weight:800;line-height:1;color:var(--text-primary);text-shadow:0 0 20px rgba(251,191,36,.3);font-variant-numeric:tabular-nums;margin-bottom:var(--spacing-xs)}.countdown-label{font-size:1.2rem;text-transform:uppercase;letter-spacing:3px;color:var(--text-secondary);text-align:center}.dynamic-goal{color:var(--accent-gold);font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.4);animation:glowPulse 3s infinite alternate}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{text-shadow:0 0 10px rgba(251,191,36,.4)}to{text-shadow:0 0 20px rgba(251,191,36,.8),0 0 5px rgba(255,255,255,.5)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:500px;box-shadow:var(--shadow-glow);position:relative;text-align:center;animation:slideUp .3s ease}.close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.question-text{font-size:1.5rem;margin:var(--spacing-lg) 0;font-weight:600}.actions{display:flex;gap:var(--spacing-md);justify-content:center}.btn-success{background:var(--success);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:transform .2s}.btn-fail{background:transparent;border:1px solid var(--error);color:var(--error);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.btn-fail:hover{background:#ef44441a}.btn-primary{background:var(--accent-gold);color:#000;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;cursor:pointer;margin-top:var(--spacing-md);width:100%}.btn-secondary{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--spacing-md);width:100%;margin-bottom:var(--spacing-sm)}.btn-secondary:hover{background:#fbbf241a}textarea{width:100%;background:var(--bg-dark);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--spacing-md);border-radius:var(--radius-md);min-height:100px;margin:var(--spacing-md) 0;font-family:inherit;resize:vertical}.quote-card{background:var(--bg-dark);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--accent-gold);margin:var(--spacing-lg) 0;text-align:left}.armor-card{border-left-color:var(--text-secondary);background:#ffffff0d}.quote-text{font-size:1.1rem;font-style:italic;white-space:pre-wrap;margin-bottom:var(--spacing-sm)}.quote-author{color:var(--text-secondary);font-size:.9rem;text-align:right}.reward-actions{display:flex;flex-direction:column;gap:.5rem}.video-wrapper{margin:var(--spacing-lg) 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:#000}.locked-sub{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-lg)}.countdown-box{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:#14141480;border-radius:var(--radius-md);border:1px dashed var(--border-subtle)}.scary-text{display:block;font-size:.9rem;color:var(--text-muted);letter-spacing:2px;margin:var(--spacing-xs) 0}.big-number{display:block;font-size:4rem;font-weight:800;color:var(--text-primary);line-height:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sanctuary-container{padding:var(--spacing-md);padding-bottom:100px;animation:fadeIn .5s ease}.category-scroll{display:flex;overflow-x:auto;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);scrollbar-width:none}.cat-pill{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 16px;border-radius:20px;white-space:nowrap;font-size:.9rem;cursor:pointer;transition:all .2s}.cat-pill.active{background:var(--accent-gold);color:#000;font-weight:700;border-color:var(--accent-gold)}.spotify-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spotify-card{background:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.spotify-card h3{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.1rem}.btn-spotify{display:block;width:100%;text-align:center;background:#1db954;color:#fff;text-decoration:none;padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-weight:700;font-size:.9rem;transition:background .2s}.btn-spotify:hover{background:#1ed760}.panic-controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:1000}.btn-panic{position:relative;top:auto;right:auto;background:#ef444433;border:1px solid var(--error);color:var(--error);padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:700;font-size:.9rem;animation:pulseRed 2s infinite}.btn-surf{background:#0ea5e933;border:1px solid #0ea5e9;color:#0ea5e9;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-wallet-ctrl{background:#ec489933;border:1px solid #ec4899;color:#ec4899;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:700;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-surf:hover,.btn-wallet-ctrl:hover{transform:scale(1.05);filter:brightness(1.2)}@keyframes pulseRed{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.panic-overlay{position:fixed;inset:0;background:#1a0505;z-index:2000;display:flex;align-items:center;justify-content:center;flex-direction:column}.breath-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.breath-circle{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#ef4444 0%,transparent 70%);border:2px solid #ef4444;box-shadow:0 0 30px #ef4444;transition:all 4s ease-in-out}.breath-circle.expand{transform:scale(1.5);opacity:1}.breath-circle.contract{transform:scale(.8);opacity:.5}.breath-container h2{font-size:2rem;color:#ef4444}.distraction-container{width:90%;max-width:500px;text-align:center}.distraction-container h2{color:var(--accent-gold);margin-bottom:var(--spacing-lg)}.wallet-flash-container{text-align:center;width:90%;max-width:600px;animation:fadeIn .5s ease-in}.wallet-flash-container h2{color:#94a3b8;margin-bottom:2rem;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px}.flash-card{font-family:Playfair Display,serif;font-size:2rem;color:#fff;font-style:italic;margin-bottom:3rem;min-height:100px;display:flex;align-items:center;justify-content:center}.flash-actions{display:flex;gap:1rem;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.urge-surfer-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#020617,#0f172a);color:#fff;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.surfer-content{z-index:10;text-align:center;max-width:90%}.surfer-content h2{font-size:2.5rem;background:linear-gradient(to right,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.timer-display{font-size:5rem;font-weight:700;font-family:monospace;margin:2rem 0;color:#e2e8f0;text-shadow:0 0 20px rgba(96,165,250,.5)}.instruction{color:#94a3b8;margin-bottom:3rem;font-size:1.1rem}.btn-cancel-surf{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.sound-toggle{position:absolute;top:2rem;left:2rem;background:#ffffff1a;border:none;color:#fff;padding:10px 15px;border-radius:20px;cursor:pointer;z-index:50;font-size:1rem;transition:background .3s}.sound-toggle:hover{background:#fff3}.wave-bg{position:absolute;bottom:0;left:0;width:100%;height:50%;overflow:hidden;pointer-events:none}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%230ea5e9" fill-opacity="0.3" d="M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');background-size:50% 100%;animation:waveMove 15s linear infinite;transform-origin:bottom}.wave2{bottom:10px;opacity:.7;animation:waveMove 20s linear infinite reverse;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%230284c7" fill-opacity="0.4" d="M0,160L48,176C96,192,192,224,288,208C384,192,480,128,576,133.3C672,139,768,213,864,229.3C960,245,1056,203,1152,186.7C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>')}.wave3{bottom:20px;opacity:.5;animation:waveMove 10s linear infinite;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1440 320" xmlns="http://www.w3.org/2000/svg"><path fill="%230369a1" fill-opacity="0.5" d="M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,224C672,245,768,267,864,261.3C960,256,1056,224,1152,197.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>')}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.wallet-modal{background:var(--surface);padding:2rem;border-radius:20px;width:90%;max-width:500px;border:1px solid var(--border);box-shadow:0 20px 50px #00000080;max-height:80vh;display:flex;flex-direction:column}.wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.wallet-header h2{color:var(--accent-gold)}.wallet-sub{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.wallet-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.wallet-card{background:linear-gradient(135deg,#1e293b,#0f172a);padding:1.5rem;border-radius:12px;border:1px solid #334155;display:flex;justify-content:space-between;align-items:center;color:#fff;font-family:Playfair Display,serif;font-style:italic;font-size:1.1rem;box-shadow:0 4px 6px #0003}.wallet-card button{background:transparent;border:none;color:#ef4444;font-size:1.5rem;cursor:pointer;opacity:.7}.wallet-card button:hover{opacity:1}.wallet-input{display:flex;gap:1rem}.wallet-input input{flex:1;padding:12px;border-radius:8px;border:1px solid var(--border);background:#ffffff0d;color:#fff}.empty-wallet{text-align:center;color:var(--text-secondary);margin-top:2rem}.milestone-overlay{position:fixed;inset:0;background:#000000f2;z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease}.milestone-container{width:90%;max-width:450px;background:radial-gradient(circle at center,#0a2e0a,#000);border:2px solid #00ff41;border-radius:20px;padding:30px;text-align:center;position:relative;box-shadow:0 0 50px #00ff4133;display:flex;flex-direction:column;gap:20px;transition:max-width .5s cubic-bezier(.16,1,.3,1)}.milestone-container.expanded{max-width:900px}.alien-showcase-interactive{display:flex;align-items:center;justify-content:center;width:100%}.scene-wrapper{width:100%;transition:width .5s ease}.milestone-container.expanded .scene-wrapper{width:50%}.alien-reveal{width:0;opacity:0;padding-left:0;overflow:hidden;transform:translate(20px);transition:all .5s cubic-bezier(.16,1,.3,1) .1s;display:flex;flex-direction:column;gap:15px;text-align:left}.alien-reveal.visible{width:50%;opacity:1;padding-left:30px;transform:translate(0)}.alien-reveal h3{color:#fff;font-size:2rem;margin:0;text-shadow:0 0 10px #00ff41}.stat-bars{width:100%;margin:10px 0}.stat-row{display:flex;align-items:center;margin-bottom:8px;color:#888;font-size:.9rem;font-family:monospace}.stat-row span{width:40px}.bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bar div{height:100%;background:#00ff41;box-shadow:0 0 8px #00ff41}.milestone-header p{color:#888;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.milestone-content{display:flex;justify-content:center;align-items:center;min-height:300px}.alien-showcase{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.alien-quote{color:#fff;font-style:italic;font-size:1.1rem;opacity:.8}.video-wrapper{width:100%;aspect-ratio:9/16;border-radius:12px;overflow:hidden;border:1px solid #333}.btn-collect{background:#00ff41;color:#000;border:none;padding:15px 30px;font-size:1.2rem;font-weight:700;text-transform:uppercase;clip-path:polygon(10% 0,100% 0,100% 100%,0% 100%);cursor:pointer;transition:all .2s;font-family:Courier New,monospace}.btn-collect:hover{background:#fff;box-shadow:0 0 20px #fff;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.milestone-container.expanded{max-width:90%;max-height:90vh;overflow-y:auto}.alien-showcase-interactive{flex-direction:column}.milestone-container.expanded .scene-wrapper{width:100%;height:300px}.alien-reveal{width:100%;padding-left:0;margin-top:20px;transform:translateY(20px)}.alien-reveal.visible{width:100%;padding-left:0;transform:translateY(0)}}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:4rem 1rem 2rem}.app-header h1{font-size:2.5rem;font-weight:800;margin:0;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.app-header p{color:var(--text-secondary);margin-top:var(--spacing-sm);font-size:1.1rem}main{flex:1}.app-footer{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border-subtle);margin-top:var(--spacing-xl)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#000;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;padding:10px 0 20px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;color:var(--text-muted);cursor:pointer;width:50%;transition:all .2s}.nav-item.active{color:var(--accent-gold)}.nav-icon{font-size:1.5rem;margin-bottom:4px}.nav-label{font-size:.8rem;font-weight:500}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-header{height:100px;width:60%;margin:0 auto 3rem;border-radius:var(--radius-lg)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.skeleton-month{height:300px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}@media(min-width:1024px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}