@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.page-enter{animation:.4s cubic-bezier(.22,1,.36,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#30d158,#28a745);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #30d15866}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)scale(.97);box-shadow:0 2px 8px #30d1584d}.btn-secondary{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-danger{cursor:pointer;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{background:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(8px)saturate(180%);backdrop-filter:blur(8px)saturate(180%);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}to{-webkit-backdrop-filter:blur(8px)saturate(180%);backdrop-filter:blur(8px)saturate(180%);background:#0006}}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:340px;padding:24px;animation:.35s cubic-bezier(.22,1,.36,1) modalIn;box-shadow:0 20px 60px #00000026}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content h3{color:#1f2937;margin:0 0 12px;font-size:17px}.modal-content p{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.empty-state p{max-width:260px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.5}.toast{color:#fff;z-index:2000;-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);background:linear-gradient(135deg,#30d158,#28a745);border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.22,1,.36,1) forwards toastSlideIn,.35s 1.85s forwards toastSlideOut;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #30d15866}.toast.error{background:linear-gradient(135deg,#ff453a,#e53935);box-shadow:0 8px 30px #ff453a66}@keyframes toastSlideIn{0%{opacity:0;top:-60px;transform:translate(-50%)scale(.9)}to{opacity:1;top:20px;transform:translate(-50%)scale(1)}}@keyframes toastSlideOut{to{opacity:0;top:-60px;transform:translate(-50%)scale(.9)}}.pulse-dot{background:currentColor;border-radius:50%;width:7px;height:7px;position:relative}.pulse-dot:after{content:"";border:2px solid;border-radius:50%;animation:2s ease-in-out infinite pulseRing;position:absolute;inset:-3px}@keyframes pulseRing{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.pulse-dot:after,.page-enter,.modal-overlay,.modal-content{animation:none}}.app-layout{background:#fff;max-width:480px;min-height:100vh;margin:0 auto;position:relative}.main-content{min-height:100vh;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.main-content.main-content-ai{height:100vh;min-height:100vh;padding-bottom:0;overflow:hidden}.bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);width:100%;max-width:480px;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:999;background:#ffffffd9;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 24px #0000000f}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.bottom-nav{background:#fffffff5}}.lang-toggle-top{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1001;background:#1a1a2e99;border:1.5px solid #ffffff4d;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 12px #00000026}.lang-toggle-top:hover{background:#30d15833;border-color:#30d158;transform:scale(1.05)}.lang-toggle-top:active{transform:scale(.95)}.nav-item{color:#9ca3af;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 12px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.nav-item:not(.active):hover{color:#6b7280;background:#00000008}.nav-label{letter-spacing:.02em;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1)}.nav-item.active .nav-label{font-size:11.5px;font-weight:700}.nav-indicator{background:linear-gradient(90deg,#30d158,#34c759);border-radius:2px;width:18px;height:3px;animation:.4s cubic-bezier(.22,1,.36,1) indicatorSlideIn;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@keyframes indicatorSlideIn{0%{opacity:0;width:0}to{opacity:1;width:18px}}.nav-item.active svg{filter:drop-shadow(0 2px 6px #30d15866);transition:filter .3s}.nav-item svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-item:active svg{transform:scale(.85)}.home-page{background:#f8f9fa;min-height:100vh;padding-bottom:100px;position:relative}.home-top-header{background:#fff;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.home-brand h1{color:#1a1a1a;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.home-brand p{color:#666;margin:2px 0 0;font-size:14px}.home-version{color:#aaa;margin-top:2px;font-size:12px;display:block}.home-header-actions{align-items:center;gap:8px;display:flex}.home-ai-btn{color:#16a34a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative;box-shadow:0 6px 18px #0000000f}.home-ai-btn:active{background:#f5f5f5;transform:scale(.96)}.home-lang-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.home-lang-btn:active{background:#f5f5f5;transform:scale(.96)}.home-notify-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.home-notify-btn:active{background:#f5f5f5;transform:scale(.96)}.notify-dot{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.home-green-card{background:linear-gradient(135deg,#e8f5e9 0%,#f1f8e9 50%,#fff 100%);border-radius:24px;margin:0 16px 12px;padding:20px}.home-green-card h2{color:#1a1a1a;margin:0 0 14px;font-size:18px;font-weight:700}.home-search-box{background:#fff;border-radius:16px;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 2px 12px #0000000f}.search-box-icon{color:#999;flex-shrink:0}.home-search-box input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.home-search-box input::placeholder{color:#bbb}.search-box-clear{color:#666;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:background .2s;display:flex}.search-box-clear:hover{background:#e5e7eb}.search-box-filter{color:#999;flex-shrink:0}.status-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.status-pills::-webkit-scrollbar{display:none}.status-pill{color:#333;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.status-pill:hover{background:#f1f8e9;border-color:#4caf50}.status-pill.active{color:#2e7d32;background:#f1f8e9;border-color:#4caf50;font-weight:600}.pill-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.all-dot,.fresh-dot{background:#4caf50}.expiring-dot{background:#ff9800}.expired-dot{background:#f44336}.pill-count{color:#666;background:#f3f4f6;border-radius:10px;padding:0 6px;font-size:11px;font-weight:600}.status-pill.active .pill-count{color:#2e7d32;background:#e8f5e9}.category-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;background:0 0;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.cat-chip{color:#4b5563;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.cat-chip:hover{background:#f0fdf4;border-color:#30d158}.cat-chip-active{border-width:2px;font-weight:600}.cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.food-list{padding:0 16px}.result-count{color:#666;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:500;display:flex}.result-count .sort-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;display:flex}.food-card{cursor:pointer;isolation:isolate;background:#fff;border-left:4px solid #ccc;border-radius:16px;margin-bottom:10px;padding:14px 16px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;box-shadow:0 2px 8px #0000000a}.food-card:first-child{animation-delay:50ms}.food-card:nth-child(2){animation-delay:.1s}.food-card:nth-child(3){animation-delay:.15s}.food-card:nth-child(4){animation-delay:.2s}.food-card:nth-child(5){animation-delay:.25s}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.food-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.food-card:active{transform:scale(.98);box-shadow:0 1px 3px #0000000f}.food-card-main{justify-content:space-between;align-items:flex-start;padding-right:36px;display:flex}.food-card-info{flex:1;min-width:0}.food-name-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.food-name{color:#1f2937;margin:0;font-size:16px;font-weight:700}.food-en-name{color:#9ca3af;font-size:12px;font-style:italic}.food-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.food-cat-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.food-quantity{color:#6b7280;font-size:12px}.food-note{color:#9ca3af;margin:4px 0 0;font-size:12px;line-height:1.4}.food-status-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;margin-left:12px;display:flex}.status-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}.days-text{font-size:12px;font-weight:600}.card-menu-btn{cursor:pointer;color:#6b7280;z-index:5;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:10px;right:10px}.card-menu-btn:hover{background:#e5e7eb;transform:scale(1.1)}.card-dropdown{-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:100;background:#fffffff2;border:1px solid #0000000f;border-radius:12px;min-width:120px;animation:.2s cubic-bezier(.22,1,.36,1) dropIn;position:absolute;top:42px;right:10px;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{color:#374151;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;transition:background .15s;display:flex}.dropdown-item:hover{background:#30d15814}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#fef2f2}.menu-backdrop{z-index:15;position:fixed;inset:0}.fab-button{color:#fff;cursor:pointer;z-index:100;background:linear-gradient(135deg,#30d158,#28a745);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:80px;right:24px;overflow:hidden;box-shadow:0 4px 16px #30d15873}.fab-button:before{content:"";background:radial-gradient(circle at 30% 30%,#ffffff40,#0000);border-radius:50%;position:absolute;inset:0}.fab-button:after{content:"";border:2px solid #30d1584d;border-radius:50%;animation:2s ease-in-out infinite fabRing;position:absolute;inset:-4px}@keyframes fabRing{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}.fab-button:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 8px 28px #30d1588c}.fab-button:active{transform:scale(.92);box-shadow:0 2px 8px #30d1584d}@media (width>=480px){.fab-button{right:calc(50% - 216px)}}.bottom-sheet-overlay{z-index:200;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.bottom-sheet{z-index:201;background:#fff;border-radius:24px 24px 0 0;max-width:480px;margin:0 auto;padding:12px 16px 32px;animation:.3s cubic-bezier(.22,1,.36,1) slideUp;position:fixed;bottom:0;left:0;right:0}.bottom-sheet-handle{background:#e2e8f0;border-radius:2px;width:40px;height:4px;margin:0 auto 16px}.bottom-sheet-title{color:#1e293b;text-align:center;margin:0 0 16px;font-size:16px;font-weight:700}.bottom-sheet-options{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.bottom-sheet-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.bottom-sheet-option:hover{background:#f8fafc;border-color:#e2e8f0}.bottom-sheet-option .option-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bottom-sheet-option .option-text{flex-direction:column;gap:2px;display:flex}.bottom-sheet-option .option-label{color:#1e293b;font-size:15px;font-weight:600}.bottom-sheet-option .option-desc{color:#94a3b8;font-size:12px}.bottom-sheet-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:background .15s}.bottom-sheet-cancel:hover{background:#e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.food-card,.fab-button:after,.card-dropdown,.bottom-sheet,.bottom-sheet-overlay{animation:none}}.add-page{background:#fff;min-height:100vh;padding-bottom:40px}.add-header{color:#fff;z-index:100;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;position:relative;top:0;overflow:hidden}.add-header:before{content:"";background:radial-gradient(circle,#30d15826 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite alternate floatGlow;position:absolute;top:-50%;right:-20%}.add-header:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:6s ease-in-out infinite alternate-reverse floatGlow;position:absolute;bottom:-30%;left:-10%}@keyframes floatGlow{0%{transform:translate(0)}to{transform:translate(10px,-10px)}}.add-header h2{z-index:1;margin:0;font-size:18px;font-weight:700;position:relative}.back-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.back-btn:hover{background:#ffffff4d;transform:translate(-3px)}.back-btn:active{transform:scale(.9)}.add-form{flex-direction:column;gap:16px;padding:16px;animation:.4s cubic-bezier(.22,1,.36,1) pageIn;display:flex}.field-group{flex-direction:column;gap:6px;display:flex}.field-group>label{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.required{color:#ef4444;margin-left:2px}.field-group input[type=text],.field-group input[type=date],.field-group textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:all .3s cubic-bezier(.22,1,.36,1)}.field-group textarea{resize:vertical;line-height:1.5}.field-group input:focus,.field-group textarea:focus{border-color:#30d158;box-shadow:0 0 0 3px #30d1581f}.field-group.focused input,.field-group.focused textarea{border-color:#30d158;box-shadow:0 0 0 3px #30d15814}.field-group.has-error input{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414}.error-msg{color:#ef4444;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.date-input-row{align-items:center;gap:10px;display:flex}.date-input-row input{flex:1}.expiry-badge{white-space:nowrap;border:1px solid;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.date-shortcuts{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.date-shortcuts button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:5px 10px;font-size:12px;transition:all .25s cubic-bezier(.22,1,.36,1)}.date-shortcuts button:hover{color:#30d158;background:#f0fdf4;border-color:#30d158;transform:translateY(-1px)}.category-chips{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.cat-chip-add{cursor:pointer;color:#4b5563;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:10px 8px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.cat-chip-add:hover{background:#f0fdf4;border-color:#30d158;transform:translateY(-1px)}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip-check{color:#16a34a;background:#fff;border-radius:50%;padding:2px;position:absolute;top:-5px;right:-5px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#30d158,#28a745);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #30d1584d}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #30d15873}.submit-btn:hover:before{left:100%}.submit-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #30d1584d}.submit-hint{text-align:center;color:#9ca3af;margin:-4px 0 0;font-size:12px;line-height:1.4}.recipe-page{background:#f8fafc;min-height:100vh;padding-bottom:100px;position:relative}.recipe-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.recipe-loading-content{flex-direction:column;align-items:center;gap:16px;display:flex}.recipe-loading-spinner{border:3px solid #22c55e26;border-top-color:#22c55e;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.recipe-loading-content p{color:#22c55e;margin:0;font-size:15px;font-weight:600}.recipe-header-new{z-index:100;background:#fff;border-bottom:1px solid #f1f5f9;padding:12px 16px;position:sticky;top:0}.recipe-header-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.lang-toggle-recipe{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.lang-toggle-recipe:hover{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.recipe-header-top h1{color:#1e293b;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin:0;font-size:17px;font-weight:700;overflow:hidden}.header-left{justify-self:start}.header-right{justify-self:end}.refresh-top-btn{color:#22c55e;cursor:pointer;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.refresh-top-btn:hover:not(:disabled){background:#dcfce7;transform:scale(1.02)}.refresh-top-btn:disabled{opacity:.6;cursor:not-allowed}.ingredients-banner{background:#fff;border-radius:16px;margin:12px 16px;padding:16px;box-shadow:0 1px 3px #0000000a}.banner-content{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.banner-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.banner-text{flex:1}.banner-title{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.4}.banner-subtitle{color:#94a3b8;margin:0;font-size:12px}.ingredients-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ingredient-chip{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;display:flex}.ingredient-emoji{font-size:20px;line-height:1}.ingredient-info{flex-direction:column;gap:1px;display:flex}.ingredient-qty{color:#94a3b8;font-size:11px}.ingredient-check{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.ingredient-check.active{background:#22c55e;border-color:#22c55e}.edit-ingredients-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-left:auto;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.edit-ingredients-btn:hover{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.recipe-tabs{border-bottom:1px solid #f1f5f9;gap:0;margin-bottom:16px;padding:0 16px;display:flex}.recipe-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 8px;font-size:14px;font-weight:600;transition:all .2s;position:relative}.recipe-tab.active{color:#22c55e}.recipe-tab.active:after{content:"";background:#22c55e;border-radius:2px;width:24px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.generate-section-new{justify-content:center;padding:40px 20px;display:flex}.generate-btn-new{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:200px;padding:16px 28px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 28px #22c55e6b}.generate-btn-new:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 36px #22c55e8c}.generate-btn-new:active:not(:disabled){transform:translateY(0)scale(.97)}.generate-btn-new.generating{pointer-events:none;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-small{border:2px solid #22c55e33;border-top-color:#22c55e;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.recipe-cards-list{flex-direction:column;gap:16px;padding:0 16px;display:flex}.recipe-card-new{background:#fff;border-radius:16px;transition:all .3s cubic-bezier(.22,1,.36,1);animation:.5s cubic-bezier(.22,1,.36,1) both cardSlideUp;overflow:hidden;box-shadow:0 2px 12px #0000000f}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.recipe-card-new:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000001a}.recipe-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.match-badge-inline{color:#22c55e;background:#f0fdf4;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.favorite-btn-inline{cursor:pointer;color:#94a3b8;background:#f8fafc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.favorite-btn-inline:hover{color:#ef4444;background:#fef2f2;transform:scale(1.1)}.favorite-btn-inline.active{color:#ef4444;background:#fef2f2}.favorite-btn-inline:disabled{opacity:.6;cursor:not-allowed}.recipe-card-body{padding:14px 16px 16px}.recipe-name{color:#1e293b;margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.4}.recipe-tags-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.recipe-tag{color:#22c55e;background:#f0fdf4;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.recipe-tag:nth-child(2){color:#d97706;background:#fef3c7}.recipe-tag:nth-child(3){color:#2563eb;background:#dbeafe}.recipe-card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.recipe-meta{flex-wrap:wrap;gap:14px;display:flex}.meta-item{color:#94a3b8;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.meta-item svg{color:#cbd5e1}.view-recipe-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 14px #22c55e4d}.view-recipe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.view-recipe-btn:active{transform:translateY(0)scale(.98)}.no-match-state{text-align:center;color:#94a3b8;padding:60px 24px}.no-match-state h3{color:#64748b;margin:16px 0 8px;font-size:18px}.no-match-state p{max-width:260px;margin:0 auto;font-size:14px;line-height:1.5}.empty-state{text-align:center;color:#94a3b8;padding:60px 24px}.empty-state h3{color:#64748b;margin:16px 0 8px;font-size:18px}.empty-state p{max-width:260px;margin:0 auto 24px;font-size:14px;line-height:1.5}@media (prefers-reduced-motion:reduce){.recipe-card-new{animation:none}}.recipe-detail-page{background:#f8fafc;min-height:100vh;padding-bottom:80px}.detail-header{z-index:100;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.detail-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.detail-back-btn:hover{color:#374151;background:#e2e8f0}.detail-header h1{color:#1e293b;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;padding:0 12px;font-size:16px;font-weight:700;overflow:hidden}.lang-toggle-detail{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.lang-toggle-detail:hover{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.detail-header-actions{gap:8px;display:flex}.detail-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.detail-action-btn:hover{color:#64748b;background:#f1f5f9}.detail-action-btn.active{color:#f59e0b}.detail-hero{width:100%;height:280px;position:relative;overflow:hidden}.detail-hero img{object-fit:cover;width:100%;height:100%}.detail-image-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0009;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:12px;right:12px}.detail-content{padding:12px 16px 80px}.detail-title-section{background:#fff;border-radius:16px;margin-bottom:12px;padding:20px 16px 16px;box-shadow:0 2px 12px #0000000f}.detail-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.detail-title-row h2{color:#1e293b;margin:0;font-size:20px;font-weight:800}.detail-match-score{color:#22c55e;background:#f0fdf4;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:700}.detail-description{color:#94a3b8;margin:0 0 16px;font-size:13px;line-height:1.5}.detail-meta-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;border-top:1px solid #f1f5f9;gap:16px;padding-top:16px;display:flex;overflow-x:auto}.detail-meta-grid::-webkit-scrollbar{display:none}.detail-meta-item{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:72px;display:flex}.detail-meta-item svg{color:#94a3b8;margin-bottom:2px}.meta-value{color:#374151;font-size:13px;font-weight:700}.meta-label{color:#94a3b8;font-size:10px}.detail-section{background:#fff;border-radius:16px;margin-bottom:12px;padding:20px 16px;box-shadow:0 2px 12px #0000000f}.detail-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.detail-section h3,.detail-section-title{color:#1e293b;margin:0 0 16px;font-size:16px;font-weight:700}.detail-servings{color:#94a3b8;font-size:13px;font-weight:500}.detail-ingredients-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.detail-ingredient-item{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.ingredient-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ingredient-name{color:#374151;font-size:12px;font-weight:600}.ingredient-amount{color:#94a3b8;font-size:11px}.detail-view-all-btn{color:#22c55e;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;margin-top:16px;padding:10px;font-size:13px;font-weight:600}.detail-steps-list{flex-direction:column;gap:20px;display:flex}.detail-step-item{gap:12px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.step-content{flex:1;gap:12px;display:flex}.step-content p{color:#4b5563;margin:0;font-size:14px;line-height:1.6}.detail-bottom-actions{width:100%;max-width:480px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));z-index:100;background:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.detail-favorite-action{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.detail-favorite-action.active{color:#ef4444}.star-action.active{color:#f59e0b}.share-action{color:#64748b}.share-action:hover{color:#22c55e}.detail-add-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.detail-add-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.detail-add-action.added{background:linear-gradient(135deg,#64748b,#475569)}@media (width<=380px){.detail-ingredients-grid{grid-template-columns:repeat(4,1fr)}.detail-meta-grid{gap:12px}}.profile-page{background:#f8f9fa;min-height:100vh;padding-bottom:90px}.profile-header{background:#fff;justify-content:space-between;align-items:center;padding:24px 20px 20px;display:flex}.profile-header-text h1{color:#1a1a1a;letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:800}.profile-header-text p{color:#999;margin:0;font-size:13px}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{color:#4caf50;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.profile-avatar-badge{color:#fff;background:#4caf50;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-section{margin-bottom:16px;padding:0 16px}.section-title{color:#1a1a1a;align-items:center;gap:6px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.stat-card{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex}.stat-icon{justify-content:center;align-items:center;display:flex}.stat-number{font-size:28px;font-weight:800;line-height:1}.stat-label{color:#666;font-size:12px;font-weight:500}.stat-total{background:#e8f5e9}.stat-total .stat-icon,.num-total{color:#4caf50}.stat-fresh{background:#e8f5e9}.stat-fresh .stat-icon,.num-fresh{color:#4caf50}.stat-expiring{background:#fff8e1}.stat-expiring .stat-icon,.num-expiring{color:#ff9800}.stat-expired{background:#ffebee}.stat-expired .stat-icon,.num-expired{color:#f44336}.lang-list{background:#fff;border-radius:14px;overflow:hidden}.lang-row{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:background .2s;display:flex}.lang-row:active{background:#f5f5f5}.lang-row+.lang-row{border-top:1px solid #f0f0f0}.lang-flag{font-size:18px;line-height:1}.lang-name{flex:1}.lang-check{color:#4caf50;align-items:center;display:flex}.menu-section{background:#fff;border-radius:14px;margin:0 16px 16px;padding:0;overflow:hidden}.menu-row{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:500;display:flex}.menu-row+.menu-row{border-top:1px solid #f0f0f0}.menu-row svg:first-child{color:#666;flex-shrink:0}.menu-row span{flex:1}.menu-arrow{color:#ccc;flex-shrink:0}.logout-row:hover{background:#f8fafc}.clear-section{padding:0 16px}.clear-btn{color:#e53935;cursor:pointer;background:#ffebee;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.clear-btn:disabled{opacity:.45;cursor:not-allowed}.clear-btn:not(:disabled):active{background:#ffcdd2}.success-toast{color:#fff;z-index:2000;background:#4caf50;border-radius:30px;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.22,1,.36,1) toastUp,.35s ease-in 2.15s forwards toastDown;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #4caf5059}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastDown{to{opacity:0;transform:translate(-50%,20px)}}.scan-page{z-index:50;background:#000;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.scan-header{z-index:10;background:linear-gradient(#0006,#0000);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.scan-back,.scan-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.scan-actions{gap:10px;display:flex}.scan-preview{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scan-preview-img{object-fit:cover;width:100%;height:100%}.scan-placeholder{color:#fff;cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.scan-placeholder-icon{background:#ffffff1a;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.scan-placeholder p{font-size:16px;font-weight:600}.scan-placeholder-sub{color:#ffffff8c;font-size:12px}.scan-overlay{background:#00000040;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-frame{width:240px;height:240px;position:relative}.scan-corner{border:0 solid #22c55e;width:28px;height:28px;position:absolute}.scan-corner.tl{border-top-width:3px;border-left-width:3px;top:0;left:0}.scan-corner.tr{border-top-width:3px;border-right-width:3px;top:0;right:0}.scan-corner.bl{border-bottom-width:3px;border-left-width:3px;bottom:0;left:0}.scan-corner.br{border-bottom-width:3px;border-right-width:3px;bottom:0;right:0}.scan-line{background:linear-gradient(90deg,#0000,#22c55e,#0000);height:2px;animation:2s ease-in-out infinite scanMove;position:absolute;left:0;right:0}@keyframes scanMove{0%,to{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.scan-hint{color:#fff;text-shadow:0 1px 4px #0006;margin-top:24px;font-size:14px;font-weight:500;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.scan-panel{z-index:5;background:#fff;border-radius:24px 24px 0 0;max-height:65vh;padding:12px 16px 24px;animation:.35s cubic-bezier(.22,1,.36,1) slideUp;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.scan-panel-handle{background:#e2e8f0;border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.scan-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scan-panel-title{color:#1e293b;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.scan-panel-edit{color:#22c55e;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.scan-results{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.scan-result-item{cursor:pointer;background:#f8fafc;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.scan-result-item:active{background:#f1f5f9}.scan-result-img{object-fit:cover;background:#e2e8f0;border-radius:12px;flex-shrink:0;width:52px;height:52px}.scan-result-icon{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;line-height:1;display:flex}.scan-result-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.scan-result-name-row{align-items:baseline;gap:6px;display:flex}.scan-result-name{color:#1e293b;font-size:15px;font-weight:700}.scan-result-en{color:#94a3b8;font-size:12px;font-style:italic}.scan-result-tags{align-items:center;gap:8px;display:flex}.scan-result-cat{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.scan-result-amount{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.scan-result-confidence{color:#22c55e;font-size:11px;font-weight:600}.scan-result-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.scan-result-qty{color:#64748b;font-size:12px;font-weight:500}.scan-result-check{cursor:pointer;color:#fff;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.scan-result-check.checked{background:#22c55e;border-color:#22c55e}.scan-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#30d158,#28a745);border:none;border-radius:14px;width:100%;margin-bottom:10px;padding:14px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #30d15859}.scan-add-btn:disabled{opacity:.6;cursor:not-allowed}.scan-add-btn:active:not(:disabled){transform:scale(.98)}.scan-rescan{color:#22c55e;cursor:pointer;background:0 0;border:none;width:100%;padding:10px;font-size:14px;font-weight:600}.scan-toast{color:#fff;z-index:300;background:#000c;border-radius:20px;padding:10px 20px;font-size:14px;animation:.2s fadeIn;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:380px;padding:32px 28px;position:relative;box-shadow:0 4px 24px #0000000f}.login-lang-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.login-lang-btn:hover{background:#f8fafc}.login-logo{text-align:center;margin-bottom:24px}.login-logo-icon{background:var(--accent);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex;box-shadow:0 8px 24px #22c55e40}.login-logo h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 4px;font-size:22px;font-weight:800}.login-logo p{color:#94a3b8;margin:0;font-size:13px}.login-title{color:#1e293b;text-align:center;margin:0 0 24px;font-size:18px;font-weight:700}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:#334155;font-size:13px;font-weight:600}.login-field input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1f}.login-input-wrap{position:relative}.login-input-wrap input{padding-right:42px}.login-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-eye-btn:hover{color:#64748b}.login-error{color:#ef4444;text-align:center;background:#fef2f2;border-radius:10px;padding:10px 12px;font-size:13px}.login-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.login-submit-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #22c55e4d}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.login-submit-btn.loading{pointer-events:none}.login-switch{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:20px;padding:0;font-size:13px;transition:color .2s}.login-switch:hover{color:var(--accent)}.login-toast{z-index:1000;color:#16a34a;background:#fff;border-radius:16px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;animation:.3s toastSlideDown;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001f}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=420px){.login-card{border-radius:20px;padding:28px 22px}}.ai-page{background:#f6fbf8;flex-direction:column;height:100vh;padding-bottom:0;display:flex;position:relative;overflow:hidden}.ai-topbar{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(160%);background:#f6fbf8e6;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:14px 14px 10px;display:grid;position:sticky;top:0}.ai-topbar-btn{color:#111827;cursor:pointer;background:#ffffffe6;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 6px 18px #0000000f}.ai-topbar-btn:active{transform:scale(.95)}.ai-topbar-title{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-topbar-name{color:#111827;letter-spacing:-.02em;font-size:16px;font-weight:800}.ai-topbar-sub{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:inline-flex}.ai-topbar-sub:before{content:"";background:#30d158;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #30d15824}.ai-topbar-right{align-items:center;gap:10px;display:flex}.ai-lang{color:#111827;cursor:pointer;background:#ffffffe6;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 6px 18px #0000000f}.ai-lang:active{transform:scale(.96)}.ai-avatar,.ai-new-chat{color:#111827;cursor:pointer;background:#ffffffe6;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 6px 18px #0000000f}.ai-avatar:active,.ai-new-chat:active{transform:scale(.96)}.ai-hero{padding:2px 14px 10px}.ai-hero-card{background:radial-gradient(120px 120px at 76% 40%,#30d15842,#0000 70%),radial-gradient(180px 180px at 30% 10%,#10b9812e,#0000 70%),linear-gradient(135deg,#fff 0%,#f2fff7 40%,#dfffee 100%);border:1px solid #10b98124;border-radius:22px;grid-template-columns:1fr;gap:10px;padding:18px 120px 18px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #10b9811f}.ai-hero-left{flex-direction:column;gap:6px;min-width:0;display:flex}.ai-hero-hi{color:#0f172a;margin-bottom:0;font-size:18px;font-weight:900}.ai-hero-who{color:#0f172a;margin-bottom:0;font-size:15px;font-weight:800}.ai-hero-strong{color:#16a34a}.ai-hero-desc{color:#6b7280;margin-top:2px;font-size:12px}.ai-hero-right{flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ai-orb{aspect-ratio:1;width:92px;height:auto;box-shadow:none;background:0 0;border-radius:22px;flex:none;justify-content:center;align-items:center;margin-right:0;display:flex;position:relative;overflow:hidden}.ai-orb:after,.ai-orb-inner{display:none}.ai-hero-logo{object-fit:contain;filter:drop-shadow(0 4px 14px #0000001a);border-radius:inherit;width:100%;height:100%;display:block}.ai-orb-shadow{display:none}.ai-suggest{padding:6px 14px}.ai-suggest-title{color:#6b7280;margin:4px 2px 8px;font-size:12px;font-weight:700}.ai-suggest-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none;scroll-snap-type:x proximity;cursor:grab;-webkit-user-select:none;user-select:none;gap:10px;padding-bottom:6px;display:flex;overflow:auto hidden}.ai-suggest-row::-webkit-scrollbar{display:none}.ai-suggest-row.dragging{cursor:grabbing}.ai-suggest-chip{cursor:pointer;scroll-snap-align:start;background:#ffffffeb;border:1px solid #0000000f;border-radius:14px;flex:none;align-items:center;gap:8px;max-width:260px;padding:10px 12px;display:inline-flex;box-shadow:0 8px 22px #0000000f}.ai-suggest-ico{font-size:14px}.ai-suggest-text{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.ai-chat{flex-direction:column;flex:1;gap:10px;min-height:0;padding:6px 14px 12px;display:flex;overflow:auto}.ai-msg{flex-direction:column;gap:4px;max-width:92%;display:flex}.ai-msg.bot{align-self:flex-start}.ai-msg.me{align-self:flex-end}.ai-bubble{background:#fffffff2;border:1px solid #0000000f;border-radius:16px;padding:10px 12px;box-shadow:0 10px 26px #0000000f}.ai-msg.me .ai-bubble{background:#30d15824;border-color:#30d15838}.ai-bubble p{color:#111827;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.ai-bubble.markdown p{margin:0 0 8px}.ai-bubble.markdown p:last-child{margin-bottom:0}.ai-bubble.markdown ul,.ai-bubble.markdown ol{margin:0 0 8px;padding-left:18px}.ai-bubble.markdown ul:last-child,.ai-bubble.markdown ol:last-child{margin-bottom:0}.ai-bubble.markdown li{color:#111827;margin-bottom:4px;font-size:13px;line-height:1.45}.ai-bubble.markdown li:last-child{margin-bottom:0}.ai-bubble.markdown li>p{margin:0}.ai-bubble.markdown strong{color:#111827;font-weight:700}.ai-bubble.markdown h1,.ai-bubble.markdown h2,.ai-bubble.markdown h3,.ai-bubble.markdown h4{color:#111827;margin:0 0 6px;font-size:13px;font-weight:700}.ai-bubble.markdown h1:last-child,.ai-bubble.markdown h2:last-child,.ai-bubble.markdown h3:last-child,.ai-bubble.markdown h4:last-child{margin-bottom:0}.ai-bubble.markdown code{background:#0000000f;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.ai-bubble.markdown pre{background:#0000000f;border-radius:10px;margin:0 0 8px;padding:8px 10px;overflow-x:auto}.ai-bubble.markdown pre:last-child{margin-bottom:0}.ai-bubble.markdown pre code{background:0 0;padding:0;font-size:12px}.ai-bubble.markdown a{color:#16a34a;text-decoration:underline}.ai-bubble.markdown{flex-direction:column;display:flex}.ai-retry{color:#16a34a;cursor:pointer;background:#ffffffd9;border:1px solid #00000014;border-radius:8px;align-self:flex-end;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.ai-retry:disabled{opacity:.5;cursor:not-allowed}.ai-retry:active:not(:disabled){background:#fff;transform:scale(.96)}.ai-msg-actions{align-self:flex-end;gap:6px;margin-top:8px;display:inline-flex}.ai-msg-action-btn{color:#64748b;cursor:pointer;background:#ffffffe6;border:1px solid #00000014;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .16s,color .16s,background .16s;display:inline-flex}.ai-msg-action-btn:hover{color:#16a34a;background:#f0fdf4f5}.ai-msg-action-btn:active{transform:scale(.95)}.ai-bubble.markdown table{border-collapse:collapse;color:#111827;width:100%;margin:0 0 8px;font-size:13px;line-height:1.45}.ai-bubble.markdown table:last-child{margin-bottom:0}.ai-bubble.markdown th,.ai-bubble.markdown td{text-align:left;border:1px solid #0000001a;padding:6px 8px}.ai-bubble.markdown th{background:#0000000a;font-weight:700}.ai-bubble.markdown tr:nth-child(2n){background:#00000005}.ai-time{color:#9ca3af;align-self:flex-end;font-size:11px}.ai-msg.bot .ai-time{align-self:flex-start}.ai-scroll-bottom-btn{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));color:#6b7280;cursor:pointer;z-index:45;background:#fffffff2;border:1px solid #0000001a;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .18s,color .18s;display:inline-flex;position:absolute;box-shadow:0 10px 24px #0f172a24}.ai-scroll-bottom-btn:hover{color:#16a34a}.ai-scroll-bottom-btn:active{transform:scale(.96)}.ai-bubble.typing{align-items:center;gap:6px;padding:12px 14px;display:inline-flex}.ai-bubble.typing .dot{opacity:.8;background:#9ca3af;border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite aiDot}.ai-bubble.typing .dot:nth-child(2){animation-delay:.12s}.ai-bubble.typing .dot:nth-child(3){animation-delay:.24s}@keyframes aiDot{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:.95;transform:translateY(-3px)}}.ai-inputbar{width:100%;padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(160%);z-index:40;background:#f6fbf8eb;border-top:1px solid #0000000f;gap:8px;display:grid;position:sticky;bottom:0}.ai-chat-controls{align-items:center;gap:10px;min-width:0;display:flex}.ai-web-search,.ai-model-trigger{color:#374151;background:#fffffff2;border:1px solid #00000014;border-radius:999px;align-items:center;height:38px;display:inline-flex;box-shadow:0 10px 24px #0000000f}.ai-web-search{cursor:pointer;flex:none;gap:7px;padding:0 13px;font-size:13px;font-weight:800;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s,color .18s,border-color .18s}.ai-web-search.active{color:#16a34a;background:#30d15824;border-color:#30d15847}.ai-web-search:active{transform:scale(.96)}.ai-model-trigger{cursor:pointer;outline:none;flex:none;justify-content:space-between;gap:8px;width:fit-content;min-width:0;max-width:calc(100% - 120px);padding:0 12px 0 16px}.ai-model-trigger span{text-overflow:ellipsis;white-space:nowrap;color:#111827;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.ai-model-trigger svg{color:#9ca3af;flex:none}.ai-input-row{grid-template-columns:40px 1fr 40px 40px;align-items:center;gap:8px;display:grid}.ai-plus{color:#16a34a;cursor:pointer;background:#fffffff2;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 10px 24px #0000000f}.ai-inputwrap{background:#fffffff2;border:1px solid #0000000f;border-radius:999px;align-items:center;height:40px;padding:0 12px;display:flex;box-shadow:0 10px 24px #0000000f}.ai-inputwrap input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:13px}.ai-inputwrap input::placeholder{color:#9ca3af}.ai-mic{color:#6b7280;cursor:pointer;background:#fffffff2;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 10px 24px #0000000f}.ai-send{color:#9ca3af;cursor:pointer;background:#fffffff2;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s;display:inline-flex;box-shadow:0 10px 24px #0000000f}.ai-send.ready{color:#fff;background:linear-gradient(135deg,#30d158,#28a745);border-color:#30d15840;box-shadow:0 12px 30px #30d15852}.ai-send.stop{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef444442;box-shadow:0 12px 30px #ef44444d}.ai-send:disabled{cursor:not-allowed;filter:grayscale(.1)opacity(.65)}.ai-send:active{transform:scale(.96)}.ai-model-picker-overlay{z-index:80;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);background:#0f172a61;justify-content:center;align-items:flex-end;transition:opacity .22s;display:flex;position:fixed;inset:0}.ai-model-picker-overlay.open{opacity:1;pointer-events:auto}.ai-model-sheet{width:100%;max-width:none;max-height:min(72vh,620px);padding:10px 0 calc(14px + env(safe-area-inset-bottom));opacity:.82;background:#fff;border-radius:24px 24px 0 0;flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;transform:translateY(22px)scale(.985);box-shadow:0 -18px 50px #0f172a2e}.ai-model-picker-overlay.open .ai-model-sheet{opacity:1;transform:translateY(0)scale(1)}.ai-model-sheet-handle{background:#d1d5db;border-radius:999px;align-self:center;width:42px;height:4px;margin:0 0 10px}.ai-model-sheet-title{text-align:center;color:#111827;margin-bottom:14px;padding:0 14px;font-size:16px;font-weight:900}.ai-model-list{flex-direction:column;gap:10px;padding:0 14px 4px;display:flex;overflow:auto}.ai-model-option{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 14px;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 18px #0f172a0a}.ai-model-option span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ai-model-option.active{color:#16a34a;background:#30d1581a;border-color:#30d1584d}.ai-model-option svg{color:#16a34a;flex:none}.ai-reasoning{background:#0f172a08;border:1px solid #94a3b847;border-radius:10px;margin-bottom:10px;overflow:hidden}.ai-reasoning summary{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none;padding:8px 10px;font-size:12px;font-weight:800;list-style:none}.ai-reasoning summary::-webkit-details-marker{display:none}.ai-reasoning summary:after{content:"▾";float:right;opacity:.7}.ai-reasoning:not([open]) summary:after{content:"▸"}.ai-reasoning-body{color:#6b7280;border-top:1px dashed #94a3b859;padding:8px 10px 10px;font-size:12px;line-height:1.55}.ai-reasoning-body .ai-md-strong,.ai-reasoning-body .ai-md-h2,.ai-reasoning-body .ai-md-h3{color:#4b5563}.ai-reasoning-body .ai-md-li{color:#6b7280}.ai-reasoning-body.markdown p{margin:0 0 6px}.ai-reasoning-body.markdown p:last-child{margin-bottom:0}.ai-reasoning-body.markdown ul,.ai-reasoning-body.markdown ol{margin:0 0 6px;padding-left:18px}.ai-reasoning-body.markdown ul:last-child,.ai-reasoning-body.markdown ol:last-child{margin-bottom:0}.ai-reasoning-body.markdown li{margin-bottom:2px}.ai-reasoning-body.markdown li:last-child{margin-bottom:0}@keyframes aiSheetIn{0%{opacity:.8;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ai-sidebar-overlay{z-index:60;background:#00000059;animation:.2s fadeIn;position:fixed;inset:0}.ai-sidebar{z-index:70;background:#fff;flex-direction:column;width:min(320px,85vw);height:100%;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 30px #0000001f}.ai-sidebar.open{transform:translate(0)}.ai-sidebar-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:16px 14px 12px;display:flex}.ai-sidebar-search{padding:10px 10px 6px}.ai-sidebar-search input{color:#111827;background:#f8fafcf2;border:1px solid #00000014;border-radius:10px;outline:none;width:100%;height:34px;padding:0 10px;font-size:13px;transition:border-color .16s,box-shadow .16s}.ai-sidebar-search input:focus{border-color:#22c55e6b;box-shadow:0 0 0 3px #22c55e24}.ai-sidebar-search input::placeholder{color:#9ca3af}.ai-sidebar-title-text{color:#111827;font-size:16px;font-weight:800}.ai-sidebar-close{cursor:pointer;color:#6b7280;background:#ffffffe6;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.ai-sidebar-list{flex-direction:column;flex:1;gap:6px;padding:8px 10px;display:flex;overflow:auto}.ai-sidebar-group-title{color:#6b7280;padding:2px 4px 0;font-size:12px;font-weight:700}.ai-sidebar-group{flex-direction:column;gap:6px;display:flex}.ai-sidebar-group-time{color:#9ca3af;padding:4px 4px 0;font-size:12px;font-weight:700}.ai-sidebar-empty{text-align:center;color:#9ca3af;padding:40px 10px;font-size:13px}.ai-sidebar-item-wrap{z-index:0;align-items:center;display:flex;position:relative}.ai-sidebar-item-wrap.menu-open{z-index:6}.ai-sidebar-item-wrap .ai-sidebar-item{flex:1;padding-right:42px}.ai-sidebar-item{text-align:left;cursor:pointer;background:#fffffff2;border:1px solid #0000000f;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;transition:background .15s;display:flex}.ai-sidebar-item.active{background:#30d1581f;border-color:#30d15840}.ai-sidebar-item:disabled{opacity:.45;cursor:not-allowed}.ai-sidebar-item:active:not(:disabled){background:#0000000a}.ai-sidebar-actions{z-index:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ai-sidebar-more{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .16s,background .16s,color .16s;display:inline-flex}.ai-sidebar-item-wrap:hover .ai-sidebar-more,.ai-sidebar-more:focus-visible{color:#6b7280;background:#0000000f}.ai-sidebar-more:active{transform:scale(.96)}.ai-sidebar-menu{transform-origin:100% 0;opacity:0;pointer-events:none;z-index:10;background:#fffffffa;border:1px solid #00000014;border-radius:10px;flex-direction:column;gap:2px;min-width:124px;padding:6px;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s;display:flex;position:absolute;top:36px;right:0;transform:translateY(-6px)scale(.96);box-shadow:0 12px 28px #0f172a29}.ai-sidebar-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.ai-sidebar-menu button{color:#111827;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.ai-sidebar-menu button:hover{background:#0000000d}.ai-sidebar-menu button.danger{color:#dc2626}.ai-sidebar-menu button.danger:hover{background:#dc262617}.ai-sidebar-edit{background:#fffffff5;border:1px solid #3b82f633;border-radius:12px;flex:1;padding:8px;animation:.2s aiEditIn;box-shadow:0 8px 18px #0f172a14}.ai-sidebar-edit input{color:#111827;border:1px solid #0000001a;border-radius:8px;outline:none;width:100%;height:34px;padding:0 9px;font-size:13px;font-weight:600}.ai-sidebar-edit-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.ai-sidebar-edit-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:7px;height:28px;padding:0 10px;font-size:12px;font-weight:700}.ai-sidebar-edit-actions button:first-child{color:#16a34a;border-color:#22c55e47}@keyframes aiEditIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-sidebar-item-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ai-sidebar-item-time{color:#9ca3af;font-size:11px}@media (prefers-reduced-motion:reduce){.ai-bubble.typing .dot,.ai-model-sheet{animation:none}}:root{--bg:#f8fafc;--surface:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border:#e2e8f0;--accent:#22c55e;--accent-dark:#16a34a;--warning:#f59e0b;--danger:#ef4444;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-container{background:var(--bg);max-width:430px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #0000000a}.page{min-height:calc(100vh - var(--nav-height));padding:24px 18px 20px}.page-content{min-height:calc(100vh - var(--nav-height))}.bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:50;width:100%;max-width:480px;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:#ffffffeb;border-top:1px solid #e2e8f0b3;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#94a3b8;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:6px 14px;font-size:.72rem;font-weight:500;line-height:1.2;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:#22c55e}.nav-item.active svg{stroke-width:2.2px}.nav-item:hover:not(.active){color:#64748b}::-webkit-scrollbar{width:0;display:none}::selection{color:inherit;background:#22c55e33}:focus-visible{outline-offset:2px;outline:2px solid #22c55e}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;filter:invert(40%)}