@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0f12;--bg-card: #1a1a22;--bg-card-hover: #22222d;--border: rgba(255, 255, 255, .08);--text: #ffffff;--text-dim: #8b8b9e;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--purple: #a855f7;--blue: #3b82f6;--cyan: #06b6d4;--pink: #ec4899;--yellow: #eab308;--indigo: #6366f1;--violet: #8b5cf6;--color-home: #6366f1;--color-games: #a855f7;--color-fitness: #22c55e;--color-food: #f59e0b;--color-travel: #06b6d4;--color-tasks: #3b82f6;--color-community: #ec4899;--color-profile: #8b5cf6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh}#root{min-height:100vh;display:block}.auth-container-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#212c7f)}#game{--theme: var(--game-color);--theme-alt: #ff8787;--theme-text: white}#sport{--theme: var(--sport-color);--theme-alt: #7fded7;--theme-text: white}#food{--theme: var(--food-color);--theme-alt: #fff09a;--theme-text: #333}#travel{--theme: var(--travel-color);--theme-alt: #b5ede3;--theme-text: #333}#todo{--theme: var(--todo-color);--theme-alt: #c5f0db;--theme-text: #333}#community{--theme: var(--community-color);--theme-alt: #c39bd3;--theme-text: white}.text-col h3{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;margin-bottom:1.25rem;letter-spacing:-1px;line-height:1.2}.text-col p{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.typewriter-text{font-family:var(--font-mono);border-right:2px solid var(--game-color);padding-right:5px;animation:cursor-blink 1s step-end infinite;display:inline-block}.section-symbol{font-size:4rem;margin-bottom:1.5rem;display:inline-block;line-height:1}.game-symbol{color:var(--theme);text-shadow:0 0 30px rgba(255,107,107,.5);animation:game-glitch 3s infinite}.sport-symbol.pulse{color:var(--theme);text-shadow:0 0 30px rgba(78,205,196,.5);animation:heartbeat 1.2s infinite}.food-symbol.spin{color:var(--theme);text-shadow:0 0 30px rgba(255,230,109,.5);animation:sparkle-spin 4s infinite}.travel-symbol.float{color:var(--theme);text-shadow:0 0 30px rgba(149,225,211,.5);animation:globe-float 3s infinite}.todo-symbol.check{color:var(--theme);text-shadow:0 0 30px rgba(168,230,207,.5);animation:check-bounce 2s infinite}.community-symbol{color:var(--theme);text-shadow:0 0 20px rgba(155,89,182,.4);animation:community-pulse 3s infinite}.section-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.game-icon,.sport-icon,.food-icon,.travel-icon,.todo-icon{background:linear-gradient(135deg,var(--theme),var(--theme-alt));color:var(--theme-text)}.highlight-game,.highlight-sport,.highlight-food,.highlight-travel,.highlight-todo{color:var(--theme)}.highlight-community{color:var(--theme);background:linear-gradient(90deg,var(--theme),#c39bd3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.highlight-game.glitch{position:relative;animation:text-glitch 4s infinite}.highlight-sport.bounce{display:inline-block;animation:bounce-letter 2s infinite}.highlight-food.shimmer{background:linear-gradient(90deg,var(--theme),#fff,var(--theme));background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}.highlight-travel.wave{display:inline-block;animation:wave-text 3s infinite}.highlight-todo.fade-cycle{animation:fade-colors 6s infinite}.btn-section{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.btn-section:hover{transform:translateY(-2px)}.btn-game:hover,.btn-sport:hover,.btn-food:hover,.btn-travel:hover,.btn-todo:hover{background:var(--theme);border-color:var(--theme);color:#111}.btn-game:hover{color:#fff}.btn-community{background:linear-gradient(135deg,var(--community-color),#c39bd3);color:#fff;box-shadow:0 8px 25px #9b59b64d}.btn-community:hover{transform:translateY(-3px);box-shadow:0 12px 35px #9b59b666}.improve-hook,.stat-highlight{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border-left:3px solid var(--theme);padding:1rem 1.25rem;border-radius:0 12px 12px 0;font-size:.95rem;color:var(--theme);margin-bottom:1.5rem}@keyframes cursor-blink{50%{border-color:transparent}}@keyframes game-glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}94%{transform:translate(2px,-1px);filter:hue-rotate(180deg)}96%{transform:translate(-1px,-1px);filter:hue-rotate(270deg)}98%{transform:translate(1px,2px);filter:hue-rotate(0deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}@keyframes sparkle-spin{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}@keyframes globe-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}@keyframes check-bounce{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes community-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes text-glitch{0%,95%,to{text-shadow:none}96%{text-shadow:-2px 0 var(--sport-color),2px 0 var(--food-color)}97%{text-shadow:2px 0 var(--sport-color),-2px 0 var(--food-color)}98%{text-shadow:-1px 0 var(--sport-color),1px 0 var(--food-color)}}@keyframes bounce-letter{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes wave-text{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes fade-colors{0%,to{color:var(--todo-color)}25%{color:var(--sport-color)}50%{color:var(--food-color)}75%{color:var(--travel-color)}}#hero{position:relative;text-align:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0fd9,#0a0a0fb3,#0a0a0fd9);z-index:-1}.hero-content{max-width:900px;z-index:1}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.2;margin-bottom:1rem;letter-spacing:-2px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.word{display:inline-block;transition:all .5s ease}.word-1{color:var(--game-color);animation:color-shift-1 8s infinite}.word-2{color:var(--sport-color);animation:color-shift-2 8s infinite}.word-3{color:var(--food-color);animation:color-shift-3 8s infinite}@keyframes color-shift-1{0%,to{color:var(--game-color)}33%{color:var(--sport-color)}66%{color:var(--travel-color)}}@keyframes color-shift-2{0%,to{color:var(--sport-color)}33%{color:var(--food-color)}66%{color:var(--game-color)}}@keyframes color-shift-3{0%,to{color:var(--food-color)}33%{color:var(--travel-color)}66%{color:var(--sport-color)}}.hero-tagline{font-size:1.5rem;font-weight:300;color:var(--text-secondary);margin-bottom:1rem;letter-spacing:1px}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn-hero-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 8px 30px #ff6b354d}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ff6b3566}.btn-hero-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-hero-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.hero-stats{display:flex;justify-content:center;gap:4rem}.hero-stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary),#ff8f5a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:900px}.dashboard-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);padding:1.5rem;transition:all var(--transition-fast);text-align:center}.dashboard-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);border-color:#ffffff26}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0 auto 1rem;background:#ff6b6b26;color:var(--game-color)}.card-icon.sport{background:#4ecdc426;color:var(--sport-color)}.card-icon.food{background:#ffe66d26;color:var(--food-color)}.dashboard-card h4{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.dashboard-card .value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1.2}.dashboard-card .value small{font-size:.9rem;font-weight:500;color:var(--text-muted);margin-left:2px}.dashboard-card .value.accent{color:var(--game-color)}.dashboard-card .value.accent-sport{color:var(--sport-color)}.dashboard-card .value.accent-food{color:var(--food-color)}.card-trend{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted);margin-top:.75rem}.card-trend.up{color:#4ade80}.card-progress{height:4px;background:#ffffff1a;border-radius:2px;margin-top:.75rem;overflow:hidden}.progress-bar{height:100%;border-radius:2px;transition:width var(--transition-medium)}.progress-bar.food{background:linear-gradient(90deg,var(--food-color),#fff09a)}.preview-dashboard{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:1.5rem;width:100%;max-width:500px;position:relative;overflow:hidden}.preview-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--theme),var(--theme-alt),var(--theme))}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.preview-label{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.preview-label i{color:var(--theme)}.preview-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;background:#ff6b3533;color:var(--primary);padding:.25rem .75rem;border-radius:50px;font-weight:600}.chart-container{margin-bottom:1.5rem}.chart-label{text-align:center;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-top:1rem}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:120px;padding:0 1rem;gap:.5rem}.bar{flex:1;max-width:40px;height:var(--height);background:linear-gradient(180deg,var(--theme),rgba(255,107,107,.3));border-radius:6px 6px 0 0;position:relative;animation:bar-grow 1s ease-out forwards;transform-origin:bottom}.bar:after{content:attr(data-label);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.6rem;color:var(--text-muted);white-space:nowrap}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar:nth-child(1){animation-delay:.1s}.bar:nth-child(2){animation-delay:.2s}.bar:nth-child(3){animation-delay:.3s}.bar:nth-child(4){animation-delay:.4s}.bar:nth-child(5){animation-delay:.5s}.line-chart{height:120px;position:relative}.activity-graph{width:100%;height:100%}.activity-graph .line{stroke-dasharray:500;stroke-dashoffset:500;animation:draw-line 2s ease forwards;stroke:var(--theme)}@keyframes draw-line{to{stroke-dashoffset:0}}.activity-graph .area{opacity:0;animation:fade-in 1s ease forwards 1s;fill:url(#sportGradient)}@keyframes fade-in{to{opacity:1}}.pulse-dot{animation:pulse-point 2s infinite;fill:var(--theme)}@keyframes pulse-point{0%,to{r:4;opacity:1}50%{r:8;opacity:.5}}.donut-chart{display:flex;flex-direction:column;align-items:center;gap:1rem}.macro-donut{width:140px;height:140px}.donut-segment{transform-origin:center;animation:donut-fill 1.5s ease forwards}@keyframes donut-fill{0%{stroke-dasharray:0 251}}.donut-legend{display:flex;gap:1rem;font-size:.7rem;color:var(--text-muted)}.donut-legend span{display:flex;align-items:center;gap:.3rem}.mini-stats{display:flex;justify-content:space-around;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.mini-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.mini-value{font-size:1.25rem;font-weight:800;color:var(--theme)}.mini-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.travel-map-container{position:relative;max-width:450px;max-height:350px;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0000001f}.world-map-img{width:100%;height:100%;max-height:350px;object-fit:cover;display:block}.map-pins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-pin{position:absolute;color:var(--travel-color);font-size:1.2rem;animation:pin-pulse 2s infinite;cursor:pointer;filter:drop-shadow(0 0 6px rgba(149,225,211,.8));pointer-events:all}@keyframes pin-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.travel-card-overlay{position:absolute;bottom:0;left:0;right:0;background:#12121ad9;padding:.85rem;display:flex;gap:1.25rem;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.travel-stat{font-size:.8rem;color:var(--travel-color);display:flex;align-items:center;gap:.35rem}.pin-drop{position:relative;color:var(--travel-color);font-weight:600}.pin-drop:after{content:"📍";position:absolute;top:-1.5em;left:50%;transform:translate(-50%);font-size:.7em;animation:pin-fall 2s infinite;opacity:0}@keyframes pin-fall{0%{transform:translate(-50%) translateY(-10px);opacity:0}50%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(0);opacity:0}}.todo-preview{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--border-radius);padding:1.5rem;max-width:400px}.todo-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;font-size:.95rem;color:var(--text-secondary);transition:all var(--transition-fast)}.todo-item:hover{background:#ffffff08}.todo-item i{font-size:1.1rem;color:var(--text-muted)}.todo-item.completed{text-decoration:line-through;color:var(--text-muted)}.todo-item.completed i{color:var(--todo-color)}.todo-item.active{background:#a8e6cf1a;color:var(--text-primary)}.todo-item.active i{color:var(--todo-color)}.progress-word{color:var(--todo-color);font-weight:700;margin-left:.3rem}.community-container{display:grid!important;grid-template-columns:1fr 1fr;gap:3rem}.community-features{display:flex;flex-direction:column;gap:1rem;width:100%}.community-card{background:#9b59b614;border:1px solid rgba(155,89,182,.2);border-radius:10px;padding:1rem;display:flex;align-items:flex-start;gap:1rem;transition:all var(--transition-fast)}.community-card:hover{background:#9b59b61f;transform:translate(5px);box-shadow:0 5px 15px #9b59b626}.community-icon{width:45px;height:45px;background:linear-gradient(135deg,var(--community-color),#c39bd3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}.community-card h4{font-size:1rem;margin-bottom:.5rem;color:var(--community-color)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{font-size:.8rem;color:var(--text-secondary);margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem}.feature-list i{color:var(--community-color);font-size:.65rem}#footer-section{background:linear-gradient(180deg,var(--bg-dark) 0%,#0f0f18 100%);text-align:center}.footer-content{position:relative;max-width:700px}.footer-glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,53,.15) 0%,transparent 70%);pointer-events:none}#footer-section h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:1rem}.footer-sub{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.btn-large{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:1.1rem;padding:1.1rem 2.5rem;box-shadow:0 10px 40px #ff6b354d;border-radius:12px;text-decoration:none;display:inline-block}.btn-large:hover{transform:translateY(-4px);box-shadow:0 15px 50px #ff6b3566}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0 2rem}.footer-links a{width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.2rem;text-decoration:none;transition:all var(--transition-fast)}.footer-links a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-3px)}.footer-copy{font-size:.85rem;color:var(--text-muted)}.floating{animation:float 6s ease-in-out infinite}.floating-delay-1{animation-delay:-2s}.floating-delay-2{animation-delay:-4s}.landing-section{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:1;display:flex;align-items:center;justify-content:center}.landing-section.active{opacity:1;pointer-events:all;z-index:2}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none}.gradient-text{background:linear-gradient(135deg,var(--primary),#ff8f5a,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-word{font-weight:700;position:relative}.highlight-word.cal{color:var(--food-color)}.highlight-word.peak{color:var(--travel-color)}.video-bg{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;opacity:.6;transform:translate(-50%,-50%);object-fit:cover;z-index:-2}.scroll-hint{position:fixed;bottom:3rem;left:3rem;transform:none;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;z-index:100;opacity:1;transition:all var(--transition-medium)}.scroll-hint.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.mouse{width:24px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.wheel{width:4px;height:8px;background:#ffffffb3;border-radius:2px;animation:scroll-wheel 1.5s ease-in-out infinite}@keyframes scroll-wheel{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}.scroll-hint span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.section-symbol{font-size:4rem;font-weight:200;margin-bottom:1rem;opacity:.8}.section-symbol.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.micro-copy{display:flex;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.micro-copy span{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.micro-copy span i{font-size:.9rem}.ai-badge{background:#8b5cf626!important;border:1px solid rgba(139,92,246,.3)!important;color:#c4b5fd!important;transition:all var(--transition-fast)}.ai-badge:hover{opacity:1;background:#8b5cf640!important}.ai-badge i{font-size:.7rem;opacity:.8}.landing-footer{background-color:var(--primary-black);color:var(--primary-white);padding:8rem 2rem;text-align:center}.footer-content h2{text-align:center;font-size:3rem;margin-bottom:1.5rem;color:var(--primary-white)}.footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-content p{color:#fff9;margin-bottom:4rem}main{width:100%;height:100vh;position:relative}.nav-item:hover{cursor:pointer}main section{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:1}main section.active{opacity:1;pointer-events:all;z-index:2}.container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;width:100%;padding:0 2rem}.container-reverse{grid-template-columns:1fr 1fr}.container-reverse .text-col{order:2}.container-reverse .visual-col{order:1}.text-col{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem}.text-col.centered{align-items:center;text-align:center}.text-col.centered .micro-copy{justify-content:center}.text-col.centered .improve-hook,.text-col.centered .stat-highlight{justify-content:center;border-left:none;border-radius:12px;border:1px solid}.visual-col{display:flex;justify-content:center;align-items:center}.section-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;pointer-events:none;z-index:-1}.todo-dashboard-layout-v2{--bg: #0f0f12;--bg-card: #1a1a22;--bg-card-hover: #22222d;--border: rgba(255, 255, 255, .08);--text: #ffffff;--text-dim: #8b8b9e;--bg-primary: var(--bg);--bg-secondary: var(--bg-card);--bg-tertiary: var(--bg-card-hover);--text-primary: var(--text);--text-secondary: var(--text-dim);--primary: #3b82f6;--primary-dark: #2563eb;--secondary: #a855f7;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--purple: #a855f7;--blue: #3b82f6;--cyan: #06b6d4;--pink: #ec4899;--yellow: #eab308;--indigo: #6366f1;--violet: #8b5cf6;--success: var(--green);--warning: var(--orange);--danger: var(--red);--shadow: rgba(0, 0, 0, .3)}.todo-dashboard-layout-v2{font-family:Inter,sans-serif;color:var(--text);line-height:1.6;background:transparent}.todo-dashboard-layout-v2:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(6px 6px at 10% 20%,rgba(59,130,246,.8) 20%,transparent),radial-gradient(8px 8px at 20% 80%,rgba(59,130,246,.7) 20%,transparent),radial-gradient(6px 6px at 30% 40%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(7px 7px at 40% 10%,rgba(59,130,246,.8) 20%,transparent),radial-gradient(9px 9px at 50% 60%,rgba(59,130,246,.7) 20%,transparent),radial-gradient(6px 6px at 60% 30%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(8px 8px at 70% 90%,rgba(59,130,246,.8) 20%,transparent),radial-gradient(6px 6px at 80% 50%,rgba(59,130,246,.7) 20%,transparent),radial-gradient(10px 10px at 90% 20%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(12px 12px at 15% 45%,rgba(59,130,246,.5) 20%,transparent),radial-gradient(9px 9px at 35% 75%,rgba(59,130,246,.7) 20%,transparent),radial-gradient(11px 11px at 55% 25%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(8px 8px at 75% 65%,rgba(59,130,246,.8) 20%,transparent),radial-gradient(14px 14px at 85% 15%,rgba(59,130,246,.5) 20%,transparent),radial-gradient(13px 13px at 5% 95%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(10px 10px at 45% 85%,rgba(59,130,246,.7) 20%,transparent),radial-gradient(12px 12px at 95% 40%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(7px 7px at 25% 10%,rgba(59,130,246,.7) 20%,transparent),radial-gradient(6px 6px at 65% 5%,rgba(59,130,246,.6) 20%,transparent),radial-gradient(8px 8px at 5% 55%,rgba(59,130,246,.8) 20%,transparent),radial-gradient(9px 9px at 50% 35%,rgba(59,130,246,.5) 20%,transparent)!important;background-size:100% 100%;animation:float 25s ease-in-out infinite;opacity:.9!important;pointer-events:none;z-index:0}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(15px,-15px) scale(1.05)}66%{transform:translate(-10px,10px) scale(.95)}to{transform:translate(0) scale(1)}}.todo-dashboard-layout-v2{max-width:1400px;margin:0 auto;padding:2rem 3rem;padding-top:10vh;min-height:100vh;position:relative;z-index:1}.todo-dashboard-layout-v2 section{position:relative!important;opacity:1!important;pointer-events:auto!important;height:auto!important;display:block!important;top:auto!important;left:auto!important;z-index:1!important}.header-stats{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stat-card{background:var(--bg-secondary);padding:1.5rem 1.2rem;min-width:220px;flex:1;max-width:300px;border-radius:12px;display:flex;align-items:center;gap:1rem;border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0003}.stat-card i{font-size:1.5rem}.stat-card.streak i{color:var(--warning)}.stat-card.today-points i{color:#38bdf8}.stat-card.points i{color:var(--primary)}.stat-card.level i{color:var(--secondary)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.xp-progress{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;margin-top:5px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);width:0%;transition:width .5s ease}.daily-progress{margin-bottom:2rem}.progress-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .5s ease}.daily-quote{text-align:center;margin-bottom:2rem;padding:1.5rem;background:transparent;border:none;display:flex;flex-direction:column;align-items:center}.quote-icon{font-size:2rem;color:var(--primary);margin-bottom:1rem;opacity:.8}.daily-quote p{font-style:italic;font-size:1.1rem;margin-bottom:.5rem}.daily-quote span{color:var(--text-secondary);font-size:.9rem}.ido-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.ido-tab{flex:0 0 auto;padding:.8rem 3rem;min-width:140px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1.05rem}.ido-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filters{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.filter-btn{padding:.5rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .3s}.filter-btn.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;gap:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.goal-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(59,130,246,.1),transparent);transform:rotate(0);transition:all .6s ease;opacity:0;pointer-events:none}.goal-item:hover:before{opacity:1;transform:rotate(45deg)}.goal-item:after{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:linear-gradient(180deg,var(--primary),var(--secondary));transition:height .4s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0}.goal-item:hover:after{height:100%}.goal-item:hover{transform:translate(5px) scale(1.01);border-color:var(--primary);box-shadow:0 8px 24px #0000001a}@keyframes rainbow-border{0%{border-color:#ef4444;box-shadow:0 0 8px #ef444433}20%{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b33}40%{border-color:#22c55e;box-shadow:0 0 8px #22c55e33}60%{border-color:#06b6d4;box-shadow:0 0 8px #06b6d433}80%{border-color:#a855f7;box-shadow:0 0 8px #a855f733}to{border-color:#ef4444;box-shadow:0 0 8px #ef444433}}.goal-item.completed{opacity:.9;animation:rainbow-border 4s linear infinite;border-width:1px}.completion-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fade-in .3s ease}.completion-modal{background:var(--bg-card);padding:3px;border-radius:20px;position:relative;box-shadow:0 20px 50px #00000080;animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275);max-width:90%;width:320px}.rainbow-ring{position:absolute;inset:-5px;border-radius:24px;background:linear-gradient(45deg,#ef4444,#f59e0b,#22c55e,#3b82f6,#a855f7,#ef4444);background-size:400%;z-index:-1;animation:rainbow-bg 3s linear infinite;opacity:.8;filter:blur(8px)}.completion-content{background:var(--bg-card);border-radius:18px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;position:relative}.icon-wrapper-pop{width:80px;height:80px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--success);font-size:2.5rem;border:2px solid var(--success);box-shadow:0 0 20px #22c55e4d;animation:scale-check .5s ease}.completion-modal h3{font-size:1.5rem;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.completed-task-title{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.earned-points{background:linear-gradient(90deg,#f59e0b,#d97706);padding:.5rem 1.5rem;border-radius:20px;color:#fff;font-weight:700;display:flex;align-items:center;gap:.5rem;font-size:1.1rem;box-shadow:0 4px 15px #f59e0b4d;transform:scale(1);animation:pulse-gold 2s infinite}@keyframes rainbow-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-check{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-gold{0%{transform:scale(1);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(1);box-shadow:0 0 #f59e0b00}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.goal-item.completed .goal-text{text-decoration:line-through;color:var(--text-secondary)}.goal-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid var(--text-secondary);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:transparent}.goal-checkbox:hover{border-color:var(--success)}.goal-item.completed .goal-checkbox{background:var(--success);border-color:var(--success);color:#fff}.goal-content{flex:1}.goal-text{font-size:1.1rem;font-weight:500;margin-bottom:.25rem}.goal-meta{display:flex;gap:.5rem;font-size:.8rem}.goal-category{background:var(--bg-tertiary);padding:.2rem .6rem;border-radius:6px;color:var(--text-secondary)}.goal-points{color:var(--warning);font-weight:700}.btn-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;font-size:1.1rem;transition:color .2s}.btn-icon:hover{color:var(--danger)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:60%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg-secondary);padding:2rem;border-radius:16px;width:90%;max-width:500px;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000080}.modal-content h3{margin-bottom:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:.75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-primary{background:var(--primary);color:#fff}.loading{color:var(--text-secondary);text-align:center;margin-top:50px}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.input-panel{background:var(--bg-secondary);padding:1.25rem;border-radius:12px;border:1px solid var(--border);margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 20px #0003}.input-main-row{display:flex;gap:1rem;align-items:center}.panel-input{flex:1;background:transparent;border:none;color:#fff;font-size:1.1rem;padding:.5rem 0;outline:none}.panel-input::placeholder{color:#ffffff4d}.add-btn-small{width:42px;height:42px;border-radius:8px;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.add-btn-small:hover{background:var(--primary-dark);transform:scale(1.05)}.input-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.panel-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;outline:none;transition:border .2s}.panel-select:hover,.panel-select:focus{border-color:var(--primary)}.panel-icon-btn{width:36px;height:36px;border-radius:6px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.panel-icon-btn:hover{border-color:var(--primary);color:var(--primary);background:#3b82f61a}.panel-icon-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.panel-icon-btn i{font-size:.9rem}.panel-icon-btn.listening{background:var(--danger);color:#fff;border-color:var(--danger);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.template-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.template-filter-btn{padding:.4rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .2s}.template-filter-btn:hover{border-color:var(--primary)}.template-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.template-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s}.template-card:hover{border-color:var(--primary);transform:translateY(-2px);background:var(--bg-tertiary)}.template-card h4{font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}.template-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;text-align:center;border:1px solid var(--border);transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px);border-color:var(--primary)}.stat-box i{font-size:2rem;margin-bottom:1rem;color:var(--primary)}.stat-box h3{font-size:2rem;margin-bottom:.5rem;font-weight:700}.stat-box p{color:var(--text-secondary);font-size:.9rem}.freeze-tokens-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.freeze-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.freeze-info{display:flex;align-items:center;gap:1rem}.freeze-icon-wrapper{position:relative;width:50px;height:50px;background:#38bdf81a;border-radius:50%;display:flex;align-items:center;justify-content:center}.freeze-icon-wrapper i{font-size:1.5rem;color:#38bdf8}.freeze-count-display{background:#38bdf833;color:#38bdf8;padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.9rem;margin-left:.5rem}.freeze-description{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;max-width:400px}.freeze-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.freeze-toggle-btn{background:linear-gradient(135deg,#38bdf833,#6366f133);border:1px solid rgba(56,189,248,.3);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s}.freeze-toggle-btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf84d,#6366f14d);transform:translateY(-2px)}.freeze-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-container{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:2rem}.calendar-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(13px,1fr));gap:5px;margin-top:1.5rem}.calendar-day{width:100%;aspect-ratio:1;border-radius:3px;background:var(--bg-tertiary);position:relative;cursor:pointer;transition:all .2s ease}.calendar-day:hover{transform:scale(1.3);z-index:10;box-shadow:0 0 10px #00000080}.calendar-day[data-level="4"]{background:var(--primary);box-shadow:0 0 5px var(--primary)}.calendar-day.today{border:1.5px solid white}.calendar-legend{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.8rem;color:var(--text-secondary);justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:3000;animation:fade-in .2s ease}.modal-content{background:var(--bg-card);padding:2rem;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border);position:relative}.modal-content h3{color:var(--text-primary);margin-bottom:1rem}.modal-content .btn-icon{background:transparent;color:var(--text-secondary)}.modal-content .btn-icon:hover{color:var(--text-primary)}.calendar-day[data-level="0"]{background:var(--bg-tertiary)}.calendar-day[data-level="1"]{background:#3b82f64d}.calendar-day[data-level="2"]{background:#3b82f680}.calendar-day[data-level="3"]{background:#3b82f6b3}.calendar-day[data-level="4"]{background:var(--primary)}.calendar-day.today{border:1px solid white}.calendar-day-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:20}.calendar-day:hover .calendar-day-tooltip{opacity:1}.calendar-legend{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;color:var(--text-secondary)}.legend-scale{display:flex;gap:3px}.legend-item{width:12px;height:12px;border-radius:2px}.legend-item[data-level="0"]{background:var(--bg-tertiary)}.legend-item[data-level="1"]{background:#3b82f64d}.legend-item[data-level="2"]{background:#3b82f680}.legend-item[data-level="3"]{background:#3b82f6b3}.legend-item[data-level="4"]{background:var(--primary)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-container{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border);min-height:300px;display:flex;flex-direction:column}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-header h3{font-size:1.1rem;margin:0}.chart-period-selector{display:flex;background:var(--bg-tertiary);border-radius:6px;padding:2px}.chart-period-btn{background:none;border:none;color:var(--text-secondary);padding:4px 8px;font-size:.8rem;cursor:pointer;border-radius:4px}.chart-period-btn.active{background:var(--bg-secondary);color:#fff;box-shadow:0 1px 3px #0003}.empty-chart-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-size:.9rem;font-style:italic;border:2px dashed var(--border);border-radius:50%;width:200px;height:200px;margin:0 auto}.panel-actions-group{display:flex;gap:.5rem;align-items:center}@media(max-width:768px){.todo-dashboard-layout-v2{padding:1rem;padding-top:110px;padding-bottom:150px;overflow-x:hidden}.header-stats{flex-wrap:nowrap;overflow-x:auto;padding-bottom:1rem;justify-content:flex-start;-webkit-overflow-scrolling:touch;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.stat-card{min-width:150px;flex:0 0 auto}.input-controls{flex-wrap:wrap}.panel-select{flex:1;min-width:100px}.panel-actions-group{flex-basis:100%;justify-content:space-between;margin-top:.5rem}.category-stats{margin-bottom:3rem}}.ai-assistant-overlay{position:fixed;bottom:20px;right:20px;z-index:5000;display:flex;align-items:flex-end;justify-content:flex-end}.ai-assistant-window{width:350px;height:500px;background:var(--bg-card);border:1px solid var(--primary);border-radius:16px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ai-header{padding:1rem;background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;display:flex;justify-content:space-between;align-items:center}.ai-header h3{margin:0;font-size:1rem;display:flex;gap:.5rem;align-items:center}.ai-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem}.ai-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--bg-primary)}.ai-message{max-width:85%;padding:.8rem;border-radius:12px;font-size:.9rem;line-height:1.4;position:relative}.ai-message.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:2px}.ai-message.assistant{align-self:flex-start;background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:2px;border:1px solid var(--border)}.use-task-btn{display:block;margin-top:.5rem;font-size:.75rem;padding:.3rem .6rem;background:#ffffff1a;border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all .2s}.use-task-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.ai-input-area{padding:1rem;background:var(--bg-card);border-top:1px solid var(--border);display:flex;gap:.5rem}.ai-input-area input{flex:1;background:var(--bg-primary);border:1px solid var(--border);padding:.6rem;border-radius:20px;color:#fff;outline:none}.ai-input-area input:focus{border-color:var(--primary)}.ai-input-area button{background:var(--primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-input-area button:disabled{opacity:.5;cursor:not-allowed}.typing-indicator span{display:inline-block;width:6px;height:6px;background-color:var(--text-secondary);border-radius:50%;animation:typing 1s infinite;margin:0 2px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}:root{--bg-primary: #0f0f12;--bg-secondary: #1a1a22;--bg-tertiary: #22222d;--border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-dim: #6b7280;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--purple: #a855f7;--blue: #3b82f6;--cyan: #06b6d4;--pink: #ec4899;--accent: var(--green);--accent-glow: rgba(34, 197, 94, .3)}.training-dashboard-container{width:100%;max-width:1600px;margin:0 auto;padding:0 3rem 100px;padding-top:10vh}.page-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border);align-items:center;justify-content:center;flex-wrap:wrap}.tab{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-dim);font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab.active{background:var(--accent);color:#fff}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:1.5rem}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:140px;transition:all .2s}.stat-card:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;width:100%;animation:fadeIn .3s ease}.card-action{color:var(--accent);font-size:.9rem;text-decoration:none;font-weight:500;cursor:pointer}.log-form{display:grid;gap:.75rem}.log-input-row{display:flex;align-items:center;gap:.75rem}.log-input-row label{flex:1;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center}.log-input{width:80px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;color:var(--text-primary);font-size:.9rem;text-align:right;outline:none}.log-input:focus{border-color:var(--green);background:#22c55e1a}.log-btn{background:var(--orange);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem;width:100%}.log-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b4d}.empty-state{text-align:center;padding:2rem;color:var(--text-dim)}.empty-state i{font-size:2rem;margin-bottom:.75rem;opacity:.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{flex-direction:row;flex-wrap:wrap}.dashboard-sidebar>.card{flex:1;min-width:300px}}@media(max-width:768px){.training-dashboard-container{padding:0 1rem 100px;padding-top:10vh}.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-sidebar{flex-direction:column}.page-tabs{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.tab{white-space:nowrap}}.training-list{display:flex;flex-direction:column;gap:1rem}.training-item{display:flex;justify-content:space-between;align-items:stretch;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.training-item:hover{border-color:var(--accent);background:var(--bg-tertiary)}.training-item-left{display:flex;gap:1rem;flex:1}.training-type-badge{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.training-type-badge[data-type=strength]{background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.3)}.training-type-badge[data-type=cardio]{background:#22c55e26;color:var(--green);border:1px solid rgba(34,197,94,.3)}.training-item-content{display:flex;flex-direction:column;justify-content:center}.training-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.training-meta{color:var(--text-secondary);font-size:.85rem;display:flex;gap:.5rem;align-items:center}.training-duration{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.75rem}@media(max-width:480px){.stats-row{grid-template-columns:1fr}}:root{--bg-primary: #0f0f12;--bg-secondary: #1a1a22;--bg-tertiary: #22222d;--border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-dim: #6b7280;--orange: #f59e0b;--orange-hover: #d97706;--blue: #3b82f6;--green: #22c55e;--cyan: #06b6d4;--red: #ef4444}*{box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;margin:0;overflow-x:hidden}.food-dashboard-container{width:100%;max-width:1600px;margin:0 auto;padding:2rem 3rem 0;padding-top:10vh}.food-dashboard-container>div{width:100%}body.has-nav .food-dashboard-container{margin-top:10vh}.tab{padding:.75rem 1.5rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tab.active{background:#f59e0b1a;color:var(--orange);border-color:#f59e0b33}.dashboard-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;width:100%;align-items:start;max-width:1600px;margin:0 auto}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:1600px;margin:0 auto}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:140px}.stat-card:nth-child(1){background:linear-gradient(145deg,#f59e0b1a,#f59e0b0d);border-color:#f59e0b33}.stat-card:nth-child(2){background:linear-gradient(145deg,#3b82f61a,#3b82f60d);border-color:#3b82f633}.stat-card:nth-child(3){background:linear-gradient(145deg,#22c55e1a,#22c55e0d);border-color:#22c55e33}.stat-card:nth-child(4){background:linear-gradient(145deg,#06b6d41a,#06b6d40d);border-color:#06b6d433}.stat-icon.green{background:#22c55e26;color:var(--green)}.stat-icon.yellow{background:#06b6d426;color:var(--cyan)}.form-input,.form-select{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--orange)}.form-submit{width:100%;padding:.85rem;background:var(--orange);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s}.form-submit:hover{background:var(--orange-hover)}.meal-item{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.meal-item:last-child{border-bottom:none}.meal-icon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-right:1rem;font-size:1.2rem}.meal-info{flex:1}.meal-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.meal-meta{font-size:.85rem;color:var(--text-secondary)}.meal-time{font-size:.85rem;color:var(--text-dim)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2rem}.settings-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}.setting-row:last-of-type{border-bottom:none}.setting-label{font-size:.95rem;color:var(--text-primary);font-weight:500}.setting-input-group{display:flex;align-items:center;gap:.5rem}.setting-input{width:120px;padding:.6rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s;text-align:right}.setting-input:focus{border-color:var(--orange)}.setting-unit{font-size:.9rem;color:var(--text-secondary);min-width:35px}.save-btn{width:100%;padding:.85rem;background:var(--orange);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-btn:hover{background:var(--orange-hover)}.toggle{position:relative;width:48px;height:24px;background:var(--bg-tertiary);border-radius:12px;cursor:pointer;transition:background .3s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-secondary);border-radius:50%;transition:all .3s}.toggle.on{background:var(--orange)}.toggle.on:after{left:26px;background:#fff}.recipe-card{padding:1.5rem;border-bottom:1px solid var(--border)}.recipe-card:last-child{border-bottom:none}.recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recipe-name{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.recipe-content{color:var(--text-secondary);line-height:1.6}.form-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s;resize:vertical;font-family:inherit}.form-textarea:focus{border-color:var(--green)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{flex-direction:row;flex-wrap:wrap}.dashboard-sidebar>.card{flex:1;min-width:250px}}@media(max-width:992px){.settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.food-dashboard-container{padding:0 1rem;padding-top:10vh;padding-bottom:100px}.stats-row{grid-template-columns:repeat(2,1fr);gap:1rem}.dashboard-sidebar{flex-direction:column}}@media(max-width:480px){.food-dashboard-container{padding:0 1rem;padding-top:10vh}.stats-row{grid-template-columns:1fr}.page-tabs{overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.page-tabs::-webkit-scrollbar{height:0;width:0;display:none}.tab{white-space:nowrap;padding:.6rem 1rem;font-size:.9rem;flex-shrink:0}.card{padding:1.25rem}}:root{--purple: #a855f7;--purple-hover: #9333ea;--purple-glow: rgba(168, 85, 247, .3);--blue: #3b82f6;--orange: #f59e0b;--pink: #ec4899;--green: #22c55e;--yellow: #eab308;--bg-primary: #0f0f12;--bg-secondary: #1a1a22;--bg-tertiary: #22222d;--border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-dim: #6b7280}.games-container{width:100%;max-width:1600px;margin:0 auto;padding:2rem 3rem;padding-top:10vh}.page-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.tab{padding:.75rem 1.5rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-family:inherit}.tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab.active{background:#a855f71a;color:var(--purple);border-color:#a855f733}.dashboard-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;width:100%;align-items:start}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:2rem;width:100%}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:140px;transition:all .3s}.stat-card:hover{border-color:var(--purple);box-shadow:0 0 30px var(--purple-glow)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.stat-icon.purple{background:#a855f726;color:var(--purple)}.stat-icon.blue{background:#3b82f626;color:var(--blue)}.stat-icon.orange{background:#f59e0b26;color:var(--orange)}.stat-icon.pink{background:#ec489926;color:var(--pink)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.card-action{font-size:.85rem;color:var(--purple);text-decoration:none;font-weight:600;transition:color .2s}.card-action:hover{color:var(--purple-hover)}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.form-input,.form-select{width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.form-select option{background-color:var(--bg-secondary);color:var(--text-primary);padding:10px}.form-input:focus,.form-select:focus{border-color:var(--purple);background-color:#a855f70d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-submit{width:100%;padding:.85rem;background:var(--purple);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-submit:hover{background:var(--purple-hover);box-shadow:0 4px 15px var(--purple-glow)}.game-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.game-item:last-child{border-bottom:none}.game-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--pink));display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.game-info{flex:1;min-width:0}.game-name{font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-meta{font-size:.8rem;color:var(--text-dim)}.game-hours{font-weight:700;color:var(--purple);font-size:1.1rem;flex-shrink:0}.session-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}.session-item:last-child{border-bottom:none}.session-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--blue));display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.session-info{flex:1;min-width:0}.session-name{font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{font-size:.8rem;color:var(--text-dim)}.session-duration{font-weight:700;color:var(--purple);font-size:1.1rem;flex-shrink:0}.achievement-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.achievement-item:last-child{border-bottom:none}.achievement-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#ea580c);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-name{font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-desc{font-size:.8rem;color:var(--text-dim)}.achievement-date{font-size:.8rem;color:var(--text-dim);flex-shrink:0}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state p{margin:.5rem 0}.section{display:none}.section.active{display:block}.loading{text-align:center;color:#fff;font-size:18px;padding:40px}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{flex-direction:row}.dashboard-sidebar>.card{flex:1}}@media(max-width:768px){.games-container{padding:1rem 1.5rem}.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-sidebar{flex-direction:column}.page-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}}@media(max-width:480px){.stats-row,.form-row{grid-template-columns:1fr}}.travel-dashboard-layout{--bg: #0f0f12;--bg-card: #1a1a22;--bg-card-hover: #22222d;--border: rgba(255, 255, 255, .08);--text: #ffffff;--text-dim: #8b8b9e;--primary: #06b6d4;--primary-glow: rgba(6, 182, 212, .3);--secondary: #3b82f6;--accent: #a855f7;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;font-family:Inter,sans-serif;color:var(--text);line-height:1.6;background:transparent;min-height:100vh;padding:2rem 3rem;padding-top:10vh;position:relative}.travel-dashboard-layout:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(6,182,212,.4) 1px,transparent 1px),radial-gradient(2px 2px at 40% 70%,rgba(6,182,212,.4) 1px,transparent 1px),radial-gradient(2px 2px at 60% 40%,rgba(6,182,212,.4) 1px,transparent 1px),radial-gradient(2px 2px at 80% 80%,rgba(6,182,212,.4) 1px,transparent 1px);background-size:100% 100%;opacity:.5;pointer-events:none;z-index:0}.travel-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;position:relative;z-index:2}.travel-tab{padding:.75rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.travel-tab:hover{border-color:var(--primary);background:#ffffff0d;color:var(--text)}.travel-tab.active{background:#06b6d426;border-color:var(--primary);color:var(--primary);box-shadow:0 0 20px #06b6d41a}.travel-stats-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.stat-mini{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .3s}.stat-mini:hover{transform:translateY(-5px);border-color:var(--primary);background:var(--bg-card-hover)}.stat-mini-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;color:#fff}.stat-mini-icon.cyan{background:linear-gradient(135deg,var(--primary),#3b82f6)}.stat-mini-icon.purple{background:linear-gradient(135deg,#a855f7,#ec4899)}.stat-mini-icon.orange{background:linear-gradient(135deg,#f59e0b,#eab308)}.stat-mini-icon.green{background:linear-gradient(135deg,#22c55e,#06b6d4)}.stat-mini-content{flex:1}.stat-mini-value{font-size:1.8rem;font-weight:700;line-height:1.1;color:var(--text)}.stat-mini-label{font-size:.85rem;color:var(--text-dim);font-weight:500}.map-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:2rem;position:relative;z-index:2}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.travel-map-placeholder{width:100%;height:400px;background:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);border:1px dashed var(--border);flex-direction:column;gap:1rem;overflow:hidden;position:relative}.travel-map-img{width:100%;height:100%;object-fit:cover;opacity:.6}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;position:relative;z-index:2}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.trip-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;transition:all .2s ease}.trip-card:hover{border-color:var(--primary);transform:translate(5px);background:var(--bg-card-hover)}.trip-icon{width:48px;height:48px;border-radius:12px;background:#06b6d41a;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.trip-destination{font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.trip-dates{font-size:.85rem;color:var(--text-dim)}.trip-tag{margin-left:auto;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#06b6d41a;color:var(--primary)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-dim)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.btn-primary{width:100%;padding:.8rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d44d}.bucket-item{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;margin-bottom:1rem;transition:transform .2s}.bucket-item:hover{transform:translate(5px);background:var(--bg-card-hover)}.bucket-icon{width:40px;height:40px;border-radius:10px;background:#a855f71a;color:var(--accent);display:flex;align-items:center;justify-content:center}.bucket-place{font-weight:600;font-size:1rem}.bucket-reason{font-size:.85rem;color:var(--text-dim)}.bucket-badge{margin-left:auto;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.25rem .6rem;border-radius:6px;color:var(--accent);background:#a855f71a}.empty-state{text-align:center;padding:3rem;color:var(--text-dim)}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media(max-width:768px){.travel-dashboard-layout{padding:1rem;padding-top:100px;padding-bottom:120px}.travel-stats-banner{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}.community-dashboard-layout{--bg: #0f0f12;--bg-card: #1a1a22;--bg-card-hover: #22222d;--border: rgba(255, 255, 255, .08);--text: #ffffff;--text-dim: #8b8b9e;--primary: #8b5cf6;--primary-hover: #7c3aed;--like: #ec4899;font-family:Inter,sans-serif;color:var(--text);min-height:100vh;padding:2rem;padding-top:120px;max-width:1800px;margin:0 auto}.community-dashboard-layout:before{content:"";background-image:radial-gradient(6px 6px at 10% 20%,rgba(139,92,246,.8) 20%,transparent),radial-gradient(8px 8px at 20% 80%,rgba(139,92,246,.7) 20%,transparent),radial-gradient(6px 6px at 30% 40%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(7px 7px at 40% 10%,rgba(139,92,246,.8) 20%,transparent),radial-gradient(9px 9px at 50% 60%,rgba(139,92,246,.7) 20%,transparent),radial-gradient(6px 6px at 60% 30%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(8px 8px at 70% 90%,rgba(139,92,246,.8) 20%,transparent),radial-gradient(6px 6px at 80% 50%,rgba(139,92,246,.7) 20%,transparent),radial-gradient(10px 10px at 90% 20%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(12px 12px at 15% 45%,rgba(139,92,246,.5) 20%,transparent),radial-gradient(9px 9px at 35% 75%,rgba(139,92,246,.7) 20%,transparent),radial-gradient(11px 11px at 55% 25%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(8px 8px at 75% 65%,rgba(139,92,246,.8) 20%,transparent),radial-gradient(14px 14px at 85% 15%,rgba(139,92,246,.5) 20%,transparent),radial-gradient(13px 13px at 5% 95%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(10px 10px at 45% 85%,rgba(139,92,246,.7) 20%,transparent),radial-gradient(12px 12px at 95% 40%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(7px 7px at 25% 10%,rgba(139,92,246,.7) 20%,transparent),radial-gradient(6px 6px at 65% 5%,rgba(139,92,246,.6) 20%,transparent),radial-gradient(8px 8px at 5% 55%,rgba(139,92,246,.8) 20%,transparent),radial-gradient(9px 9px at 50% 35%,rgba(139,92,246,.5) 20%,transparent)!important}.dashboard-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem;width:100%}.dashboard-main{min-width:0}.dashboard-sidebar{width:100%}.community-composer-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.community-composer-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.community-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.composer-input-wrapper{position:relative;width:100%}.composer-input{width:100%;background:#0003;border:1px solid var(--border);border-radius:16px;padding:1rem 3.5rem 1rem 1.5rem;color:#fff;font-size:1rem;transition:all .3s ease}.composer-input:focus{background:#0006;border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #8b5cf61a}.composer-send-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:var(--primary);width:40px;height:40px;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,background .2s}.composer-send-btn:hover{transform:translateY(-50%) scale(1.1);background:var(--primary-hover)}.feed-card{background:linear-gradient(145deg,var(--bg-card),var(--bg-card-hover));border:1px solid var(--border);border-radius:20px;padding:1.5rem;display:flex;gap:1.25rem;transition:transform .2s,border-color .2s}.feed-card:hover{transform:translateY(-2px);border-color:#8b5cf64d}.avatar-wrapper{flex-shrink:0}.user-avatar{width:48px;height:48px;border-radius:12px;border:2px solid rgba(255,255,255,.1)}.message-content-wrapper{flex:1}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.user-name{font-weight:600;font-size:1.05rem;color:#fff;margin-right:.5rem}.time-stamp{font-size:.8rem;color:var(--text-dim)}.message-text{color:#e2e8f0;line-height:1.6;margin-bottom:1rem;font-size:1rem}.action-bar{display:flex;gap:1.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem}.action-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:color .2s;padding:4px 8px;border-radius:6px}.action-btn:hover{background:#ffffff0d}.action-btn.liked{color:var(--like)}.action-btn.liked i{animation:pulse-like .3s forwards}@keyframes pulse-like{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sidebar-section{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem}.sidebar-title{font-size:1.1rem;margin-bottom:1.25rem;color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem}.topic-item{padding:.6rem .8rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer;color:var(--text-dim);transition:all .2s;display:flex;align-items:center;justify-content:space-between}.topic-item:hover{background:#8b5cf61a;color:var(--primary);transform:translate(5px)}.friend-item{display:flex;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.friend-item:last-child{border-bottom:none}.friend-avatar-wrapper{position:relative;margin-right:.8rem}.friend-avatar-wrapper img{width:36px;height:36px;border-radius:50%}.status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22c55e;border-radius:50%;border:2px solid var(--bg-card)}.friend-name{font-size:.95rem;color:#e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-container{width:70px;height:70px;display:flex;align-items:center;justify-content:center}.logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#000);border-radius:16px;color:#fff;font-weight:700;font-size:24px}.separator{width:100%;display:flex;align-items:center;gap:16px;margin:8px 0}.line{flex:1;height:1px;background:#e5e5e5;border:none}.separator span{color:#8b8e98;font-size:14px}.error-message{width:100%;padding:12px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;text-align:center;animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:80px 20px 20px;background:#000;position:relative;overflow:hidden}.auth-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.2}.form-container{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 30px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .6s ease-out;position:relative;z-index:10;max-height:calc(100vh - 100px);overflow-y:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-container{text-align:center;margin-bottom:10px}.title{font-size:24px;font-weight:700;color:#212121;margin-bottom:8px}.subtitle{font-size:14px;color:#8b8e98;line-height:1.5}.form-content{width:100%;display:flex;flex-direction:column;gap:16px}.input-container{width:100%;display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:600;color:#8b8e98}.input-wrapper{position:relative;width:100%}.icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;z-index:2;color:#8b8e98}.eye-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer;transition:opacity .2s;z-index:2}.input-field{width:100%;height:48px;padding:0 40px;border:1px solid #e5e5e5;border-radius:12px;font-size:14px;transition:all .3s;outline:none;font-family:inherit;color:#333;background:#f8f9fa}.input-field:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.sign-in-btn{width:100%;height:48px;background:linear-gradient(135deg,#667eea,#000);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px;font-family:inherit}.sign-in-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.sign-in-btn:disabled{opacity:.7;cursor:not-allowed}.separator{width:100%;height:1px;background-color:#e5e5e5;margin:10px 0}.signup-link{font-size:14px;color:#8b8e98;text-align:center}.signup-link a{color:#667eea;text-decoration:none;font-weight:600;margin-left:5px;cursor:pointer}.signup-link a:hover{text-decoration:underline}.form-container::-webkit-scrollbar{width:6px}.form-container::-webkit-scrollbar-track{background:transparent}.form-container::-webkit-scrollbar-thumb{background-color:linear-gradient(135deg,#667eea 0%,#000000 100%);border-radius:20px}:root{--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a25;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--primary-accent: #667eea}.dashboard-scroll-wrapper{height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;padding-top:80px;background-color:var(--bg-dark);scroll-behavior:smooth}.dashboard-scroll-wrapper::-webkit-scrollbar{width:8px}.dashboard-scroll-wrapper::-webkit-scrollbar-track{background:#ffffff05}.dashboard-scroll-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.dashboard-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dashboard{min-height:100%;width:100%;padding:0 20px 40px}.dashboard-container{max-width:1000px;margin:0 auto}.dashboard-container-fluid{max-width:100%;margin:0 auto;padding:0 2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-header h1{font-size:32px;font-weight:700;margin:0;color:var(--text-primary)}.logout-btn{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.logout-btn:hover{background:#fff3;transform:translateY(-2px)}.user-info-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;margin-bottom:40px;animation:fadeInUp .6s ease-out}.user-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;font-weight:700;margin:0 auto 24px;box-shadow:0 10px 25px #667eea4d}.user-details h2{text-align:center;font-size:28px;color:var(--text-primary);margin:0 0 32px}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.info-item{display:flex;flex-direction:column;gap:8px;background:#ffffff08;padding:16px;border-radius:12px}.info-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.info-value{font-size:16px;color:var(--text-primary);font-weight:500}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.role-badge.admin{background:#ff636333;color:#ff6b6b;border:1px solid rgba(255,99,99,.3)}.role-badge.user{background:#4ecdc433;color:#4ecdc4;border:1px solid rgba(78,205,196,.3)}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:16px;text-align:center}.user-info-card{padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #ff6b35;--primary-dark: #e55a2b;--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a25;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--game-color: #ff6b6b;--sport-color: #4ecdc4;--food-color: #ffe66d;--travel-color: #19fc00;--todo-color: #a8e6cf;--community-color: #9b59b6;--profile-color: #dda0dd;--border-radius: 16px;--transition-fast: .3s ease;--transition-medium: .6s cubic-bezier(.4, 0, .2, 1);--font-display: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}p{margin-bottom:1rem}a{color:inherit;text-decoration:none}ul{list-style:none}h2{font-size:1.3em}.landing-page{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--bg-dark);z-index:10}header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 3rem;z-index:1000;background:linear-gradient(180deg,rgba(10,10,15,.95) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:color .3s ease}.logo:hover{color:var(--color-tasks)}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:.9rem;transition:all .3s ease;color:var(--color-tasks)}.logo:hover .logo-icon{background:#3b82f61a;color:var(--color-tasks)}nav ul{display:flex;gap:.5rem;list-style:none}.nav-item{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;transition:all var(--transition-fast);position:relative}.nav-item i{margin-left:.4rem;font-size:.7rem;opacity:.7}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:currentColor;transition:width var(--transition-fast)}.nav-item:hover:after,.nav-item.active:after{width:60%}.nav-item.hero:hover,.nav-item.hero.active{color:var(--color-home);background:#6366f11a}.nav-item.game:hover,.nav-item.game.active{color:var(--color-games);background:#a855f71a}.nav-item.sport:hover,.nav-item.sport.active{color:var(--color-fitness);background:#22c55e1a}.nav-item.food:hover,.nav-item.food.active{color:var(--color-food);background:#f59e0b1a}.nav-item.travel:hover,.nav-item.travel.active{color:var(--color-travel);background:#06b6d41a}.nav-item.todo:hover,.nav-item.todo.active{color:var(--color-tasks);background:#3b82f61a}.nav-item.community:hover,.nav-item.community.active{color:var(--color-community);background:#ec48991a}.nav-item.profile:hover,.nav-item.profile.active{color:var(--color-profile);background:#8b5cf61a}.progress-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:1000}.progress-dot{width:auto;height:auto;background:none;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff6;padding:.5rem}.progress-dot:before{content:attr(data-label);position:absolute;right:50px;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--text-muted);opacity:0;white-space:nowrap;pointer-events:none;transition:all var(--transition-fast);background:#0a0a0ff2;padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.progress-dot:hover:before{opacity:1;right:55px}.progress-dot:hover{color:#fffc;transform:scale(1.2)}.progress-dot.active{color:var(--primary);transform:scale(1.3);text-shadow:0 0 20px rgba(255,107,53,.6)}@media(max-width:768px){header{padding:.8rem 1rem;flex-direction:column;align-items:stretch;gap:.8rem;background:#0a0a0ffa;height:auto}.logo{justify-content:center;margin-bottom:.2rem}nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;margin:0 -1rem;padding:0 1rem;width:calc(100% + 2rem)}nav::-webkit-scrollbar{display:none}nav ul{display:flex;justify-content:flex-start;gap:.5rem;width:max-content;margin:0 auto}.nav-item{font-size:.8rem;padding:.5rem .8rem;white-space:nowrap;background:#ffffff0d;border:1px solid rgba(255,255,255,.05)}.progress-indicator{display:none}}