*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}img,video,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}fieldset{border:none}[hidden]{display:none!important}.skip-to-content{top:-100%;left:var(--space-4);z-index:var(--z-overlay);padding:var(--space-3) var(--space-6);background:var(--accent-lime);color:var(--text-inverse);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:top var(--transition-base);position:absolute}.skip-to-content:focus{top:var(--space-4)}:focus-visible{outline:2px solid var(--accent-lime);outline-offset:3px;border-radius:var(--radius-sm)}:root{--bg-base:#09100c;--bg-surface:#111a14;--bg-elevated:#182b1d;--bg-overlay:#09100cd9;--accent-lime:#a3e635;--accent-lime-dim:#6ea81e;--accent-teal:#2dd4bf;--accent-teal-dim:#1a9e8e;--accent-amber:#f59e0b;--accent-red:#f87171;--accent-purple:#a78bfa;--text-primary:#f0fdf4;--text-secondary:#86efac;--text-muted:#4d7a5d;--text-disabled:#2d4d38;--text-inverse:#09100c;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-focus:var(--accent-lime);--border-accent:#a3e63540;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff12;--glass-border:#ffffff14;--glass-blur:16px;--glass-blur-heavy:32px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow-lime:0 0 24px #a3e63540;--shadow-glow-teal:0 0 24px #2dd4bf40;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-ui:"Inter", -apple-system, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-4xl:64px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-loose:1.75;--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-card:10;--z-nav:100;--z-modal:200;--z-toast:300;--z-overlay:400;--nav-height:64px;--sidebar-width:240px;--content-max:1100px;--content-pad:clamp(16px, 4vw, 48px)}.theme-light{--bg-base:#f4f9f5;--bg-surface:#fff;--bg-elevated:#fff;--bg-overlay:#f4f9f5d9;--accent-lime:#65a30d;--accent-lime-dim:#4d7c0f;--accent-teal:#0d9488;--accent-teal-dim:#0f766e;--accent-amber:#d97706;--accent-red:#dc2626;--accent-purple:#7c3aed;--text-primary:#064e3b;--text-secondary:#047857;--text-muted:#059669;--text-disabled:#a7f3d0;--text-inverse:#fff;--border-subtle:#064e3b14;--border-default:#064e3b26;--border-focus:var(--accent-lime);--border-accent:#65a30d40;--glass-bg:#fff9;--glass-bg-hover:#ffffffe6;--glass-border:#064e3b14;--shadow-sm:0 1px 3px #064e3b1a;--shadow-md:0 4px 16px #064e3b14;--shadow-lg:0 8px 32px #064e3b1f;--shadow-glow-lime:0 0 24px #65a30d26;--shadow-glow-teal:0 0 24px #0d948826}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes pulseGlow{0%,to{box-shadow:0 0 #a3e6354d}50%{box-shadow:0 0 0 12px #a3e63500}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounceSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes drawRing{0%{stroke-dashoffset:283px}to{stroke-dashoffset:var(--ring-offset)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes meshShift{0%,to{background-position:0%}50%{background-position:100%}}.animate-fadeIn{animation:.4s both fadeIn}.animate-fadeInUp{animation:.5s both fadeInUp}.animate-fadeInDown{animation:.4s both fadeInDown}.animate-fadeInScale{animation:.35s both fadeInScale}.animate-spin{animation:1s linear infinite spin}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-bounce-soft{animation:2s ease-in-out infinite bounceSoft}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.16s}.stagger-children>:nth-child(4){animation-delay:.24s}.stagger-children>:nth-child(5){animation-delay:.32s}@keyframes windBlowSway{0%{transform:rotate(-10deg)translate(-5px)}50%{transform:rotate(25deg)translate(15px)}to{transform:rotate(-10deg)translate(-5px)}}@keyframes leafPulseGlow{0%,to{filter:drop-shadow(0 0 5px #a3e63533)}50%{filter:drop-shadow(0 0 15px #a3e63599)}}.loader-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.loader-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:16px;animation:.4s both fadeInScale;display:flex}.leaf-loader{transform-origin:bottom;font-size:64px;animation:2.5s cubic-bezier(.4,0,.2,1) infinite windBlowSway,2.5s ease-in-out infinite leafPulseGlow}.loader-text{font-family:var(--font-display,"DM Serif Display", serif);color:var(--text-primary);letter-spacing:1.5px;font-size:20px;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-semibold);font-family:var(--font-ui);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-lime);color:var(--text-inverse);box-shadow:0 4px 20px #a3e6354d}.btn-primary:hover{background:#b9f135;transform:translateY(-1px);box-shadow:0 6px 28px #a3e63573}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--border-default)}.btn-teal{background:var(--accent-teal);color:var(--text-inverse);box-shadow:0 4px 20px #2dd4bf4d}.btn-teal:hover{background:#3ee0cb;transform:translateY(-1px);box-shadow:0 6px 28px #2dd4bf73}.btn-ghost{color:var(--text-secondary);padding:var(--space-2) var(--space-4);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-bg)}.btn-danger{color:var(--accent-red);background:#f8717126;border:1px solid #f8717133}.btn-danger:hover{background:#f8717140}.btn-outline{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-outline:hover{background:var(--glass-bg-hover);border-color:var(--border-focus);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-md)}.btn-full{width:100%}.btn.loading{pointer-events:none}.btn.loading .btn-text{opacity:0}.btn.loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;position:absolute}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:clamp(var(--space-4), 5vw, var(--space-6));-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform var(--transition-base), box-shadow var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-surface{background:var(--bg-surface);border:1px solid var(--border-subtle)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-lime);outline:none;box-shadow:0 0 0 3px #a3e63526}.input:invalid.touched{border-color:var(--accent-red)}.input-masked{-webkit-text-security:disc;letter-spacing:2px}.textarea{resize:vertical;min-height:100px}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;display:inline-flex}.badge-lime{color:var(--accent-lime);background:#a3e63526}.badge-teal{color:var(--accent-teal);background:#2dd4bf26}.badge-amber{color:var(--accent-amber);background:#f59e0b26}.badge-red{color:var(--accent-red);background:#f8717126}.badge-purple{color:var(--accent-purple);background:#a78bfa26}.badge-muted{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--border-subtle)}.chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--glass-bg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:inline-flex}.chip:hover{border-color:var(--accent-lime);color:var(--text-primary)}.chip.active{border-color:var(--accent-lime);color:var(--accent-lime);background:#a3e6351f}.divider{background:var(--border-subtle);height:1px;margin:var(--space-6) 0}.divider-text{align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border-subtle);flex:1;height:1px}#toast-container{bottom:calc(var(--nav-height,64px) + var(--space-4,16px) + env(safe-area-inset-bottom,0px));right:var(--space-4,16px);gap:var(--space-2,8px);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);pointer-events:all;max-width:320px;animation:.35s cubic-bezier(.34,1.56,.64,1) both toastIn;display:flex}.toast.removing{animation:.25s both toastOut}.toast-success{border-color:#a3e6354d}.toast-error{border-color:#f871714d}.toast-info{border-color:#2dd4bf4d}.toast-badge{background:#a78bfa14;border-color:#a78bfa66;min-width:260px}.toast-icon{flex-shrink:0;font-size:18px}@media (width<=480px){#toast-container{right:var(--space-4,16px);left:var(--space-4,16px);bottom:calc(var(--nav-height,64px) + var(--space-3,12px) + env(safe-area-inset-bottom,0px));align-items:center}.toast{width:100%;max-width:100%}}.spinner{border:2px solid var(--border-default);border-top-color:var(--accent-lime);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.spinner-sm{width:16px;height:16px}.spinner-lg{border-width:3px;width:40px;height:40px}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s ease-in-out infinite shimmer}.skeleton-text{height:16px}.skeleton-text-sm{height:12px}.skeleton-title{height:28px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:clamp(var(--space-5), 6vw, var(--space-8));width:100%;max-width:480px;box-shadow:var(--shadow-lg);animation:.3s fadeInScale}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-lime), var(--accent-teal));width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-md)}.progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--accent-lime), var(--accent-teal));height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.difficulty{gap:2px;display:flex}.difficulty-star{color:var(--accent-amber);font-size:12px}.difficulty-star.empty{color:var(--text-disabled)}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-state-icon{opacity:.5;font-size:48px}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-secondary)}.empty-state-desc{font-size:var(--text-sm);max-width:300px}.category-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.cat-transport{background:#f59e0b26}.cat-food{background:#a3e63526}.cat-energy{background:#2dd4bf26}.cat-shopping{background:#a78bfa26}.cat-travel{background:#f8717126}.theme-switch{background:var(--glass-bg);border:1px solid var(--border-default);cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;width:52px;height:28px;padding:2px;transition:background .3s,border-color .3s;display:flex;position:relative}.theme-switch-thumb{background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}html.theme-light .theme-switch-thumb{transform:translate(0)}html:not(.theme-light) .theme-switch-thumb{transform:translate(24px)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.m-0{margin:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-4{padding:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-accent{color:var(--accent-lime)}.bg-none{background:0 0}.border-none{border:none}.cursor-pointer{cursor:pointer}#app{flex-direction:column;min-height:100dvh;display:flex}.view{padding:var(--space-6) var(--content-pad);padding-bottom:calc(var(--nav-height) + var(--space-6) + env(safe-area-inset-bottom,0px));max-width:var(--content-max);flex:1;width:100%;margin:0 auto;animation:.4s both fadeInUp}#bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);padding:0 var(--space-2) env(safe-area-inset-bottom,0px);z-index:var(--z-nav);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden}#bottom-nav::-webkit-scrollbar{display:none}.nav-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast);cursor:pointer;scroll-snap-align:start;-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;align-items:center;gap:3px;min-width:72px;display:flex}.nav-item:hover{color:var(--text-secondary)}.nav-item.active{color:var(--accent-lime)}.nav-item svg{stroke-width:1.8px;width:22px;height:22px}.nav-label{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.02em}.nav-item.active:before{content:"";background:var(--accent-lime);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:20px;height:2px;position:absolute;top:-1px}#top-bar{z-index:var(--z-nav);padding:var(--space-4) var(--content-pad);background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}#top-bar-actions{align-items:center;gap:var(--space-3);display:flex}.logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:-.02em;display:flex}.logo-leaf{color:var(--accent-lime);font-size:24px}.logo-text{color:var(--text-primary)}.logo-text span{color:var(--accent-lime)}#landing-view{flex-direction:column;max-width:none;min-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.landing-hero{text-align:center;padding:var(--space-20) var(--content-pad);z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-eyebrow{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-lime);margin-bottom:var(--space-6);letter-spacing:.05em;text-transform:uppercase;background:#a3e63514;display:inline-flex}.hero-title{font-family:var(--font-display);font-size:clamp(40px,8vw,80px);font-weight:var(--weight-regular);color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em;line-height:1.1}.hero-title .highlight{color:var(--accent-lime);display:block}.hero-subtitle{font-size:clamp(var(--text-base), 2.5vw, var(--text-xl));color:var(--text-secondary);max-width:560px;line-height:var(--leading-loose);margin-bottom:var(--space-10)}.hero-cta-group{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.mesh-bg{background-color:#0000;background-image:radial-gradient(at 20% 20%,#a3e6351f 0%,#0000 50%),radial-gradient(at 80% 80%,#2dd4bf1a 0%,#0000 50%),radial-gradient(#a3e6350d 0%,#0000 70%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:12s ease-in-out infinite meshShift;position:absolute;inset:0}.landing-features{gap:var(--space-4);padding:var(--space-10) var(--content-pad) var(--space-16);max-width:var(--content-max);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;margin:0 auto;display:grid}.feature-card{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));text-align:left}.feature-card-icon{margin-bottom:var(--space-4);font-size:32px}.feature-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.feature-card-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-loose)}#auth-view{min-height:100dvh;padding:var(--space-6);justify-content:center;align-items:center;max-width:none;display:flex}.auth-card{width:100%;max-width:420px}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);text-align:center;margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);text-align:center;font-size:var(--text-sm);margin-bottom:var(--space-6)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-muted)}.auth-footer a{color:var(--accent-lime);font-weight:var(--weight-medium)}.auth-footer a:hover{text-decoration:underline}.google-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex}.google-btn:hover{background:var(--glass-bg-hover);border-color:var(--border-default)}.google-logo{width:20px;height:20px}#dashboard-view .view-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.view-greeting{font-size:var(--text-sm);color:var(--text-muted)}.view-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.stats-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.stat-card{padding:var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);line-height:1}.stat-unit{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-ui)}.stat-delta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);display:flex}.stat-delta.up{color:var(--accent-red)}.stat-delta.down{color:var(--accent-lime)}.chart-card{padding:var(--space-6);margin-bottom:var(--space-4)}.chart-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.chart-card-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.period-toggle{background:var(--bg-base);border-radius:var(--radius-full);gap:2px;padding:3px;display:flex}.period-btn{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;padding:4px 14px}.period-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.score-ring-container{align-items:center;gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.score-ring-wrap{width:90px;height:90px;margin:0 auto;position:relative}.score-ring-wrap svg{transform:rotate(-90deg)}.score-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-number{font-family:var(--font-display);font-size:var(--text-xl);line-height:1}.score-grade{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-secondary)}.category-tiles{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(6,1fr);display:grid}.category-tile{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--glass-bg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;border:2px solid #0000;flex-direction:column;display:flex}.category-tile:hover{background:var(--glass-bg-hover);border-color:var(--border-default);transform:translateY(-2px)}.category-tile.active{border-color:var(--accent-lime);background:#a3e63514}.category-tile-icon{font-size:28px}.category-tile-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary)}.nl-input-section{padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-6);background:#2dd4bf0d;border:1px solid #2dd4bf33}.nl-input-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-teal);margin-bottom:var(--space-3);display:flex}.co2-preview{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border-accent);border-radius:var(--radius-lg);margin-top:var(--space-5);background:#a3e63514;display:flex}.co2-preview-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent-lime);line-height:1}.co2-preview-unit{font-size:var(--text-sm);color:var(--text-secondary)}.co2-preview-eq{font-size:var(--text-sm);color:var(--text-muted);flex:1}.chat-container{height:calc(100dvh - var(--nav-height) - 120px);flex-direction:column;display:flex}.chat-messages{gap:var(--space-4);padding:var(--space-4) 0;scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:85%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:var(--leading-loose);animation:.3s fadeInUp}.chat-bubble.user{border:1px solid var(--border-accent);border-bottom-right-radius:var(--radius-sm);background:#a3e6351f;align-self:flex-end}.chat-bubble.ai{background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.chat-bubble.ai .typing-cursor{background:var(--accent-teal);vertical-align:text-bottom;width:2px;height:16px;margin-left:2px;animation:1s infinite blink;display:inline-block}.chat-input-area{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.suggestion-chips{gap:var(--space-2);padding-bottom:var(--space-2);margin-bottom:var(--space-2);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow-x:auto}.suggestion-chips::-webkit-scrollbar{display:none}@media (width>=768px){.category-tiles{grid-template-columns:repeat(6,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}#bottom-nav{display:none}#sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);height:100dvh;padding:var(--space-6);gap:var(--space-2);z-index:var(--z-nav);flex-direction:column;transition:width .3s;display:flex;position:fixed;top:0;left:0}#sidebar.collapsed{width:80px;padding-left:16px;padding-right:16px}#sidebar.collapsed .logo-text,#sidebar.collapsed .nav-item>span:nth-child(2),#sidebar.collapsed .avatar-details,#sidebar.collapsed .theme-text,#sidebar.collapsed .theme-icon-static{display:none}#sidebar.collapsed .theme-toggle-btn{justify-content:center!important}#sidebar.collapsed .theme-switch{width:36px;height:20px}#sidebar.collapsed .theme-switch-thumb{width:14px;height:14px;font-size:8px}html:not(.theme-light) #sidebar.collapsed .theme-switch-thumb{transform:translate(18px)}#sidebar.collapsed .nav-item{position:relative;overflow:visible}#sidebar.collapsed .nav-item:after{content:attr(aria-label);background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-md);border:1px solid var(--border-default);z-index:var(--z-modal);padding:6px 12px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(10px)}#sidebar.collapsed .nav-item:hover:after{opacity:1;transform:translateY(-50%)translate(16px)}.main-content{margin-left:var(--sidebar-width);transition:margin-left .3s}body.sidebar-collapsed .main-content{margin-left:80px}body:has(#sidebar[hidden]) .main-content{margin-left:0}.view{padding-bottom:var(--space-6)}}@media (width<=767px){#sidebar{display:none}.category-tiles{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.dashboard-controls{gap:var(--space-2);justify-content:space-between;align-items:center;display:flex}.dashboard-charts{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr;align-items:stretch;display:grid}#quick-log-fab{bottom:calc(var(--nav-height,64px) + var(--space-6,24px) + env(safe-area-inset-bottom,0px));right:var(--space-4,16px);border-radius:var(--radius-full,9999px);width:56px;height:56px;box-shadow:var(--shadow-glow-lime);z-index:9999;transition:all var(--transition-base);justify-content:center;align-items:center;padding:0;font-size:24px;display:flex;position:fixed}#quick-log-fab:hover{transform:scale(1.05)}.settings-api-grid{gap:var(--space-3);flex-direction:column;display:flex}.action-card-buttons{gap:var(--space-2);margin-top:var(--space-2);display:flex}.action-card-buttons .btn{flex:1}@media (width<=480px){#top-bar-actions .theme-switch{display:none}#top-bar{padding:var(--space-3) var(--space-4)}.logo{font-size:var(--text-base)}.hero-cta-group{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%}.hero-cta-group .btn{width:100%}.action-card-buttons{flex-direction:column}.action-card-buttons .btn{width:100%}}@media (width>=481px){.mobile-profile-theme-switch{display:none!important}}@media (width>=480px){.settings-api-grid{gap:var(--space-4);grid-template-columns:1fr auto;display:grid}}@media (width>=768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard-controls{justify-content:flex-end}.dashboard-charts{grid-template-columns:auto 1fr}#quick-log-fab{bottom:var(--space-6,24px);right:var(--space-6,24px)}}