:root{--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;--font-brand:"Outfit", sans-serif;--bg-app:#080c16;--bg-surface:#0f172a;--bg-card:#172138;--bg-card-hover:#1e2c4b;--bg-glass:#172138d1;--bg-input:#0b1120;--amber-primary:#f59e0b;--amber-light:#fbbf24;--amber-glow:#f59e0b40;--purple-accent:#8b5cf6;--pink-accent:#ec4899;--emerald-good:#10b981;--rose-bad:#f43f5e;--blue-cool:#38bdf8;--yard-green:#10b981;--yard-emerald-deep:#064e3b;--yard-lime:#84cc16;--yard-earth:#d97706;--yard-glow:#10b98140;--color-soju:#10b981;--color-beer:#f59e0b;--color-makgeolli:#f8fafc;--color-wine:#e11d48;--color-whiskey:#d97706;--color-highball:#06b6d4;--color-sake:#a78bfa;--color-cocktail:#ec4899;--color-etc:#94a3b8;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#ffffff14;--border-accent:#f59e0b59;--border-yard:#10b98159;--border-glass:#ffffff1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-lg:0 16px 32px -4px #00000080, 0 0 20px var(--amber-glow);--shadow-neon:0 0 15px #f59e0b4d;--max-content-width:680px;--bottom-nav-height:68px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-family);letter-spacing:-.015em;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#2a3654;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b4b74}.app-container{background:radial-gradient(circle at 50% 0%, #f59e0b14 0%, transparent 60%), radial-gradient(circle at 90% 20%, #8b5cf60f 0%, transparent 50%), var(--bg-app);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.app-container.yard-mode{background:radial-gradient(circle at 50% 0,#10b98117 0%,#0000 60%),radial-gradient(circle at 90% 20%,#84cc160f 0%,#0000 50%),#070d12}.app-main{width:100%;max-width:var(--max-content-width);padding:16px 16px calc(var(--bottom-nav-height) + 24px) 16px;flex-direction:column;flex:1;display:flex}.app-main.portal-main{padding-bottom:30px}.brand-font{font-family:var(--font-brand)}.header-bar{width:100%;max-width:var(--max-content-width);z-index:40;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#080c16d9;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.header-bar.yard-header{background:#070d12e0;border-bottom-color:#10b98126}.brand-logo{cursor:pointer;color:var(--text-main);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;box-shadow:0 0 12px #f59e0b66}.brand-icon.yard-icon{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 0 12px #10b98166}.brand-name{letter-spacing:-.03em;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.brand-badge{color:var(--amber-light);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;margin-left:4px;padding:2px 7px;font-size:.68rem;font-weight:700}.brand-badge.yard{color:#34d399;background:#10b98126;border-color:#10b9814d}.header-actions{align-items:center;gap:8px;display:flex}.user-badge-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.user-badge-btn:hover{background:var(--bg-card-hover);border-color:var(--border-glass)}.user-avatar-circle{color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.btn-switch-mode{border:1px solid var(--border-glass);border-radius:var(--radius-full);color:#f8fafc;cursor:pointer;background:#ffffff0f;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-switch-mode:hover{border-color:var(--border-accent);background:#ffffff1f}.portal-container{flex-direction:column;gap:20px;padding:10px 0;display:flex}.portal-hero{text-align:center;padding:24px 10px 10px}.portal-hero h1{color:#fff;letter-spacing:-.03em;margin-bottom:6px;font-size:1.65rem;font-weight:800}.portal-hero p{color:var(--text-secondary);font-size:.88rem}.portal-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:24px;flex-direction:column;gap:16px;padding:24px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.portal-card:hover{transform:translateY(-3px)}.portal-card.drink-portal{background:linear-gradient(135deg,#172138f2,#f59e0b14);border-color:#f59e0b4d}.portal-card.drink-portal:hover{border-color:#f59e0bb3;box-shadow:0 12px 28px -4px #f59e0b40}.portal-card.yard-portal{background:linear-gradient(135deg,#10241cf2,#10b98114);border-color:#10b9814d}.portal-card.yard-portal:hover{border-color:#10b981b3;box-shadow:0 12px 28px -4px #10b98140}.portal-card.commute-portal{background:linear-gradient(135deg,#141c3af2,#6366f11a);border-color:#6366f159}.portal-card.commute-portal:hover{border-color:#6366f1cc;box-shadow:0 12px 28px -4px #6366f14d}.portal-card-header{justify-content:space-between;align-items:center;display:flex}.portal-badge-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.portal-card.drink-portal .portal-badge-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66}.portal-card.yard-portal .portal-badge-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98166}.portal-card.commute-portal .portal-badge-icon{background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 4px 16px #6366f166}.portal-card-title{color:#fff;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;display:flex}.portal-card-desc{color:#94a3b8;font-size:.85rem;line-height:1.5}.portal-features-chips{flex-wrap:wrap;gap:6px;display:flex}.portal-feature-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:#e2e8f0;background:#ffffff0d;padding:4px 10px;font-size:.75rem;font-weight:600}.portal-enter-btn{border-radius:var(--radius-full);cursor:pointer;border:none;align-self:flex-end;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.portal-card.drink-portal .portal-enter-btn{color:#000;background:linear-gradient(135deg,#f59e0b,#ea580c)}.portal-card.yard-portal .portal-enter-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.portal-card.commute-portal .portal-enter-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6)}.yard-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.yard-stat-item{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;border:1px solid #10b98133;flex-direction:column;justify-content:center;align-items:center;padding:12px 10px;display:flex}.yard-stat-val{font-size:1.35rem;font-weight:800;font-family:var(--font-brand);color:#34d399;line-height:1.1}.subtab-bar{background:#0000004d;border-radius:12px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.subtab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 8px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.subtab-btn.active{background:var(--bg-card);color:#34d399;box-shadow:var(--shadow-sm)}.pesticide-badge-finished{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.pesticide-badge-active{color:#f87171;background:#ef44442e;border:1px solid #ef444459;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width<=480px){.inventory-grid{grid-template-columns:1fr}}.inventory-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;gap:10px;padding:14px;display:flex}.qty-pill{font-size:.85rem;font-weight:800;font-family:var(--font-brand);color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;padding:2px 8px}.bottom-nav{width:100%;max-width:var(--max-content-width);height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:50;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0);background:#0f172aeb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav.yard-nav{background:#0b1410f0;border-top-color:#10b98126}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:.72rem;font-weight:500;transition:all .2s;display:flex}.nav-item.active{color:var(--amber-light)}.bottom-nav.yard-nav .nav-item.active{color:#34d399}.nav-item.active .nav-icon-wrap{transform:translateY(-1px)}.nav-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:-16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 16px #f59e0b73}.nav-add-btn.yard-add{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98173}.nav-add-btn:hover,.nav-add-btn:active{transform:scale(1.08)}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:18px;transition:transform .2s,border-color .2s}.morning-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b5cf633,#ec489926);border:1px solid #8b5cf659;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex;position:relative;overflow:hidden}.morning-banner-content h4{color:#f8fafc;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.morning-banner-content p{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.btn-check-now{color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;padding:8px 14px;font-size:.8rem;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.stat-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:12px 10px;display:flex}.stat-val{font-size:1.4rem;font-weight:800;font-family:var(--font-brand);color:var(--amber-light);line-height:1.1}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.72rem;font-weight:500}.log-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:14px;padding:18px;transition:all .2s;position:relative}.log-card:hover{background:var(--bg-card-hover);border-color:#ffffff26}.log-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.log-date-wrap{align-items:center;gap:8px;display:flex}.log-date{color:#f8fafc;font-size:.85rem;font-weight:700}.log-time{color:var(--text-muted);font-size:.75rem}.log-title{color:#fff;margin-bottom:8px;font-size:1.05rem;font-weight:700}.drinks-chip-list{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.drink-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-main);background:#ffffff0f;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.drink-chip .chip-amount{color:var(--amber-light);font-family:var(--font-brand);font-weight:700}.snack-row{color:var(--text-secondary);border-radius:var(--radius-sm);background:#0003;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;font-size:.82rem;display:flex}.overeating-badge{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.overeating-badge.level-1{color:#94a3b8;background:#94a3b826}.overeating-badge.level-2{color:#34d399;background:#10b98126}.overeating-badge.level-3{color:#fbbf24;background:#f59e0b26}.overeating-badge.level-4{color:#fb923c;background:#f9731633}.overeating-badge.level-5{color:#fb7185;background:#f43f5e40}.story-box{color:#cbd5e1;border-left:3px solid var(--amber-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#ffffff08;margin-top:10px;padding:8px 12px;font-size:.85rem;line-height:1.5}.morning-result-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf614,#06b6d40f);border:1px solid #8b5cf633;margin-top:14px;padding:12px}.morning-indicators{gap:16px;display:flex}.condition-pill{flex-direction:column;flex:1;gap:2px;display:flex}.condition-pill .cond-title{color:var(--text-muted);font-size:.72rem;font-weight:600}.condition-pill .cond-val{align-items:center;gap:5px;font-size:.88rem;font-weight:700;display:flex}body.modal-open{touch-action:none;overscroll-behavior:none;overflow:hidden!important}body:has(.modal-overlay){touch-action:none;overscroll-behavior:none;overflow:hidden!important}body:has(.modal-backdrop){touch-action:none;overscroll-behavior:none;overflow:hidden!important}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:env(safe-area-inset-bottom,0);background:#000000bf;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@media (width>=680px){.modal-overlay,.modal-backdrop{align-items:center;padding:20px}}.modal-content,.modal-sheet,.modal-container{width:100%;max-width:var(--max-content-width);border:1px solid var(--border-glass);max-height:92vh;box-shadow:var(--shadow-lg);background:#111827;border-radius:24px 24px 0 0;flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;max-height:92dvh!important;overflow:hidden!important}@media (width>=680px){.modal-content,.modal-sheet,.modal-container{border-radius:20px}}@media (width<=680px){.modal-content,.modal-sheet,.modal-container{border-radius:20px 20px 0 0!important;width:100%!important;max-height:92dvh!important;margin:0!important}}.modal-container form,.modal-content form,.modal-sheet form{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}.modal-header{border-bottom:1px solid var(--border-subtle);background:#111827f2;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;flex-shrink:0!important}.modal-title{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.btn-close:hover{color:#fff;background:#ffffff1a}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:1!important;min-height:0!important;overflow-y:auto!important}.modal-footer,.modal-actions{border-top:1px solid var(--border-subtle);z-index:10;background:#111827fa;align-items:center;gap:12px;width:100%;padding:14px 20px;display:flex;flex-shrink:0!important}.modal-footer .btn-secondary,.modal-actions .btn-secondary{flex:1;min-width:80px;margin:0}.modal-footer .btn-primary,.modal-actions .btn-primary{flex:2;min-width:120px;margin:0}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#e2e8f0;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.form-label .sub{color:var(--text-muted);font-size:.75rem;font-weight:400}.form-input,.form-textarea,.form-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:12px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--amber-primary);box-shadow:0 0 0 3px #f59e0b26}.app-container.yard-mode .form-input:focus,.app-container.yard-mode .form-textarea:focus,.app-container.yard-mode .form-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.form-textarea{resize:vertical;min-height:85px}.btn-primary{color:#000;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #f59e0b59}.btn-primary.yard-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98159}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;gap:6px;padding:13px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff1f}.drink-category-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=480px){.drink-category-grid{grid-template-columns:repeat(3,1fr)}}.drink-cat-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-main);background:#ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .15s;display:flex}.drink-cat-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.added-drink-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff0a;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;display:flex}.drink-amount-stepper{align-items:center;gap:8px;display:flex}.step-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.rating-pills{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.rating-pill-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);background:#ffffff0d;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;transition:all .15s;display:flex}.rating-pill-btn.active{border-color:var(--amber-primary);color:#f8fafc;background:#f59e0b33;box-shadow:0 0 10px #f59e0b40}.rating-pill-emoji{font-size:1.3rem}.rating-pill-text{text-align:center;white-space:nowrap;font-size:.68rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.empty-icon{opacity:.8;margin-bottom:12px;font-size:3rem}.calendar-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day-name{color:var(--text-muted);padding-bottom:8px;font-size:.75rem;font-weight:600}.calendar-cell{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .15s;display:flex;position:relative}.calendar-cell:hover{background:#ffffff14}.calendar-cell.has-drink{background:#f59e0b1f;border-color:#f59e0b59}.calendar-cell.today{border-color:var(--purple-accent)}.drink-indicator-dot{border-radius:50%;width:5px;height:5px;margin-top:2px}.insight-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:16px;padding:18px}.insight-header{align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.insight-bar-row{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.85rem;display:flex}.bar-track{background:#ffffff14;border-radius:4px;flex:1;height:8px;margin:0 12px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .4s}.app-container.commute-mode{background:radial-gradient(circle at 50% 0,#6366f11f 0%,#0000 60%),radial-gradient(circle at 90% 20%,#0ea5e914 0%,#0000 50%),#080c1a}.brand-badge.commute{color:#818cf8;background:#6366f126;border-color:#6366f14d}.header-bar.commute-header{border-bottom:1px solid #6366f133}.brand-icon.commute-icon{background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 0 12px #6366f159}.bottom-nav.commute-nav .nav-item.active{color:#818cf8}.nav-add-btn.commute-add{background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 4px 16px #6366f173}.btn-primary.commute-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 14px #6366f159}.app-container.commute-mode .form-input:focus,.app-container.commute-mode .form-textarea:focus,.app-container.commute-mode .form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.commute-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.commute-stat-item{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;border:1px solid #6366f133;flex-direction:column;justify-content:center;align-items:center;padding:12px 10px;display:flex}.commute-stat-val{font-size:1.25rem;font-weight:800;font-family:var(--font-brand);color:#818cf8;line-height:1.1}.transit-segment-box{border-radius:var(--radius-md);background:#ffffff08;border:1px dashed #ffffff26;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.transit-step-row{border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:8px;padding:8px 10px;display:flex}.transit-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.transit-tag.subway,.transit-tag.transit{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f64d}.transit-tag.bus{color:#34d399;background:#10b9812e;border:1px solid #10b9814d}.transit-tag.car{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b4d}.transit-tag.shuttle{color:#f472b6;background:#ec48992e;border:1px solid #ec48994d}.commute-quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.commute-quick-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;color:var(--text-main);text-align:left;align-items:center;gap:10px;padding:14px;transition:all .2s;display:flex}.commute-quick-btn:hover{background:var(--bg-card-hover);border-color:#6366f166;transform:translateY(-2px)}.btn-hamburger{color:#f1f5f9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-hamburger:hover{color:#38bdf8;background:#ffffff1f;border-color:#ffffff40;transform:scale(1.04)}.drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000a6;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.drawer-panel{background:#0d1322;border-right:1px solid #ffffff1a;flex-direction:column;width:340px;max-width:85vw;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;box-shadow:10px 0 40px #000000b3}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.drawer-user-info{align-items:center;gap:12px;display:flex}.drawer-avatar{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000004d}.drawer-user-details{flex-direction:column;display:flex}.drawer-user-name{color:#f8fafc;font-size:.95rem;font-weight:700}.drawer-user-status{margin-top:2px;font-size:.75rem}.drawer-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.drawer-close-btn:hover{color:#fff;background:#ffffff26}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:16px;display:flex;overflow-y:auto}.drawer-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:8px;padding-left:4px;font-size:.72rem;font-weight:700;display:flex}.drawer-badge-count{color:#94a3b8;background:#ffffff14;border-radius:10px;padding:2px 7px;font-size:.68rem}.drawer-services-list{flex-direction:column;gap:6px;display:flex}.drawer-menu-item{color:#f1f5f9;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.drawer-menu-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(3px)}.drawer-menu-item.active{background:#6366f124;border-color:#6366f166}.drawer-menu-item.item-hidden{opacity:.7}.drawer-item-icon{border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.drawer-item-icon.portal-icon{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.drawer-item-icon.settings-icon{color:#c084fc;background:#a855f726;border-color:#a855f74d}.drawer-item-icon.db-icon{color:#34d399;background:#10b98126;border-color:#10b9814d}.drawer-item-label{flex-direction:column;flex:1;display:flex;overflow:hidden}.drawer-item-title{color:#f8fafc;font-size:.88rem;font-weight:600}.drawer-item-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.drawer-chevron{color:#475569;flex-shrink:0;transition:transform .2s}.drawer-menu-item:hover .drawer-chevron{color:#94a3b8;transform:translate(2px)}.drawer-hidden-tag{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:.65rem;font-weight:600;display:inline-flex}.drawer-footer{background:#080c1699;border-top:1px solid #ffffff14;padding:16px 20px}.drawer-auth-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.drawer-auth-btn.login{color:#a5b4fc;background:#6366f133;border-color:#6366f166}.drawer-auth-btn.login:hover{background:#6366f14d}.drawer-auth-btn.logout{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.drawer-auth-btn.logout:hover{background:#ef444433}.portal-settings-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-settings-chip:hover{color:#a5b4fc;background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.header-bar.pet-header{background:#120c0ae6;border-bottom-color:#f9731633}.brand-icon.pet-icon{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 0 12px #f9731666}.brand-badge.pet{color:#fb923c;background:#f9731626;border-color:#f973164d}.app-container.pet-mode{background:radial-gradient(circle at 100% 0,#f9731614,#0000 45%),radial-gradient(circle at 0 100%,#ea580c0f,#0000 45%),#080c14}.portal-card.pet-portal{background:linear-gradient(145deg,#181210cc,#100c0ae6);border-color:#f9731640}.portal-card.pet-portal:hover{border-color:#f973168c;box-shadow:0 10px 30px #f9731626}.portal-card.pet-portal .portal-badge-icon{background:#f9731626;border:1px solid #f973164d}.portal-card.pet-portal .portal-enter-btn{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c)}.portal-card.pet-portal .portal-enter-btn:hover{box-shadow:0 4px 14px #f9731666}.pet-center-icon{background:linear-gradient(135deg,#f97316,#ea580c)!important;box-shadow:0 0 16px #f9731680!important}.pet-dashboard-container{flex-direction:column;gap:16px;padding-bottom:30px;display:flex}.pet-dashboard-hero{flex-direction:column;display:flex}.pet-add-dog-chip{color:#fb923c;cursor:pointer;background:#f9731626;border:1px solid #f9731659;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:700;transition:all .2s;display:flex}.pet-add-dog-chip:hover{background:#f9731640;transform:scale(1.03)}.pet-tabs-bar{align-items:center;gap:8px;margin-top:4px;padding-bottom:4px;display:flex;overflow-x:auto}.pet-tab-pill{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.pet-tab-pill.active{color:#fb923c;background:#f9731633;border-color:#f9731680}.pet-tab-dot{background:#f97316;border-radius:50%;width:6px;height:6px}.pet-profile-card{background:#16110fcc;border:1px solid #f9731640;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pet-profile-left{align-items:center;gap:12px;display:flex}.pet-avatar{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;box-shadow:0 4px 12px #0000004d}.pet-name{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:800}.pet-breed-tag{color:#e2e8f0;background:#ffffff14;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:700}.pet-gender-tag{color:#94a3b8;font-size:.68rem}.pet-age-text{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;font-size:.78rem;display:flex}.pet-age-highlight{color:#fb923c;font-weight:700}.pet-human-age{color:#cbd5e1;font-size:.74rem}.pet-weight-badge{color:#f1f5f9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.pet-weight-badge:hover{color:#fb923c;background:#f9731633;border-color:#f9731666}.pet-heritage-banner{color:#fdba74;background:#f9731614;border:1px solid #f9731633;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.8rem;line-height:1.5;display:flex}.today-meals-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.meal-status-box{background:#14100eb3;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;gap:10px;padding:14px;transition:all .2s;display:flex}.meal-status-box.done{background:linear-gradient(145deg,#10b98114,#14100eb3);border-color:#10b98166}.meal-status-box.pending{border-color:#f9731640}.meal-box-header{justify-content:space-between;align-items:center;display:flex}.meal-icon{font-size:1.1rem}.meal-type-title{color:#f8fafc;flex:1;margin-left:6px;font-size:.9rem;font-weight:700}.badge-done{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-waiting{color:#fdba74;background:#f9731626;border:1px solid #f973164d;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-snack{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d;border-radius:12px;padding:2px 7px;font-size:.72rem;font-weight:700}.meal-box-body{flex-direction:column;gap:6px;display:flex}.meal-kibble{color:#cbd5e1;font-size:.86rem}.meal-kibble strong{color:#f8fafc;font-size:1rem}.meat-chips-wrap,.med-chips-wrap{flex-wrap:wrap;gap:4px;display:flex}.meat-chip{color:#fdba74;background:#f973162e;border:1px solid #f9731659;border-radius:8px;padding:2px 7px;font-size:.72rem;font-weight:600}.med-chip{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf84d;border-radius:8px;padding:2px 7px;font-size:.72rem;font-weight:600}.meal-empty-text{color:#94a3b8;padding:4px 0;font-size:.78rem;font-style:italic}.btn-feed-action{color:#fb923c;cursor:pointer;background:#f9731633;border:1px solid #f9731666;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-feed-action:hover{background:#f973164d}.btn-feed-action.snack-btn{color:#fda4af;background:#f43f5e26;border-color:#f43f5e59}.pet-walk-summary-card{background:#101814b3;border:1px solid #10b98140;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.walk-summary-stats{align-items:center;gap:20px;display:flex}.walk-stat-col{flex-direction:column;display:flex}.walk-stat-label{color:#94a3b8;font-size:.72rem}.walk-stat-val{color:#34d399;font-size:1.1rem;font-weight:800}.btn-walk-action{color:#34d399;cursor:pointer;background:#10b98133;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:5px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.pet-quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:6px;display:grid}.pet-quick-btn{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.pet-quick-btn:hover{background:#f973161f;border-color:#f9731659;transform:translateY(-2px)}.quick-btn-icon{font-size:1.3rem}.quick-title{color:#f8fafc;font-size:.85rem;font-weight:700;display:block}.quick-sub{color:#94a3b8;font-size:.7rem;display:block}.pet-view-container{flex-direction:column;gap:16px;padding-bottom:30px;display:flex}.pet-view-header{justify-content:space-between;align-items:center;display:flex}.meal-filter-bar{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.meal-log-card{background:#14100eb3;border:1px solid #ffffff14;border-radius:14px;margin-bottom:10px;padding:14px;transition:all .2s}.meal-log-card:hover{border-color:#f973164d}.meal-log-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.meal-type-pill{border-radius:8px;padding:2px 8px;font-size:.75rem;font-weight:700}.meal-type-pill.badge-breakfast{color:#fb923c;background:#f9731633}.meal-type-pill.badge-dinner{color:#a5b4fc;background:#6366f133}.meal-type-pill.badge-snack{color:#fda4af;background:#f43f5e33}.meal-pet-name{color:#e2e8f0;font-size:.8rem;font-weight:700}.meal-time-text{color:#64748b;align-items:center;gap:3px;font-size:.72rem;display:inline-flex}.meal-date-text{color:#94a3b8;font-size:.74rem}.meal-kibble-row{color:#cbd5e1;margin-bottom:6px;font-size:.85rem}.log-toppings-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.topping-category{color:#94a3b8;font-size:.74rem}.topping-chips{flex-wrap:wrap;gap:4px;display:flex}.meal-notes-text{color:#94a3b8;background:#ffffff08;border-radius:6px;margin-top:6px;padding:4px 8px;font-size:.76rem}.meal-type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.meal-type-btn{cursor:pointer;color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .2s;display:flex}.meal-type-btn.active{color:#fb923c;background:#f9731633;border-color:#f9731680}.quick-gram-pills{gap:4px;display:flex}.gram-pill{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:2px 7px;font-size:.72rem}.gram-pill:hover{color:#fb923c;background:#f9731633}.chip-selector-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.meat-select-item,.med-select-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.meat-select-item.selected,.med-select-item.selected{background:#f9731626;border-color:#f9731666}.meat-btn,.med-btn{color:#f1f5f9;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.78rem;font-weight:600;display:flex}.meat-gram-input-box{color:#94a3b8;align-items:center;gap:2px;font-size:.72rem;display:flex}.meat-gram-input-box input{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:6px;padding:2px 4px}.appetite-options-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.appetite-btn{color:#cbd5e1;cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:8px 6px;font-size:.78rem}.appetite-btn.active{color:#fb923c;background:#f9731633;border-color:#f9731680;font-weight:700}.stepper-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;width:fit-content;padding:4px 8px;display:flex}.stepper-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.stepper-val{color:#fff;text-align:center;min-width:32px;font-size:.9rem;font-weight:700}.health-tab-bar{border-bottom:1px solid #ffffff14;gap:8px;padding-bottom:10px;display:flex}.health-tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;display:flex}.health-tab-btn.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.current-weight-card{text-align:center;background:#f973161a;border:1px solid #f9731640;border-radius:14px;margin-bottom:14px;padding:16px}.current-weight-label{color:#fdba74;font-size:.78rem}.current-weight-val{color:#f8fafc;margin-top:2px;font-size:1.8rem;font-weight:800}.current-weight-val .unit{color:#f97316;margin-left:4px;font-size:1rem}.health-record-item{background:#14100eb3;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.record-icon-box{color:#f97316;background:#f9731626;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.record-icon-box.vaccine{color:#818cf8;background:#6366f126}.record-icon-box.med{color:#38bdf8;background:#38bdf826}.record-main-val{color:#f8fafc;font-size:1.05rem;font-weight:800}.record-title{color:#f8fafc;font-size:.92rem;font-weight:700}.record-date-sub{color:#94a3b8;font-size:.74rem;display:block}.record-note-text{color:#64748b;font-size:.72rem;display:block}.badge-next-due{color:#fbbf24;background:#f59e0b26;border-radius:6px;padding:2px 6px;font-size:.68rem;font-weight:600}.badge-med-category{color:#cbd5e1;background:#ffffff14;border-radius:6px;padding:2px 6px;font-size:.68rem}.meds-helper-box{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.78rem;line-height:1.5;display:flex}.walk-stats-banner{text-align:center;background:#10181499;border:1px solid #10b98133;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.banner-label{color:#94a3b8;font-size:.72rem;display:block}.banner-val{color:#34d399;font-size:1.1rem;font-weight:800}.walk-locations-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:10px 12px}.walk-loc-chips{flex-wrap:wrap;gap:6px;display:flex}.walk-loc-chip{color:#e2e8f0;background:#ffffff0f;border-radius:8px;padding:3px 8px;font-size:.75rem}.walk-log-card{background:#10181480;border:1px solid #ffffff14;border-radius:14px;margin-bottom:10px;padding:12px 14px}.walk-location-tag{color:#34d399;align-items:center;gap:4px;font-size:.84rem;font-weight:700;display:inline-flex}.walk-metrics-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.metric-chip{color:#cbd5e1;background:#ffffff0f;border-radius:6px;align-items:center;gap:3px;padding:2px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.metric-chip.poop{color:#fbbf24;background:#f59e0b26}.metric-chip.pee{color:#7dd3fc;background:#38bdf826}.pet-profiles-grid{flex-direction:column;gap:12px;display:flex}.pet-profile-detail-card{cursor:pointer;background:#14100eb3;border:1px solid #ffffff1a;border-radius:16px;padding:16px;transition:all .2s}.pet-profile-detail-card:hover{border-color:#f9731666}.pet-profile-detail-card.selected-pet{border-color:#f9731699;box-shadow:0 0 16px #f9731626}.pet-detail-avatar{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.pet-profile-name{color:#f8fafc;margin:0;font-size:1.15rem;font-weight:800}.badge-active-pet{color:#fb923c;background:#f9731633;border:1px solid #f9731666;border-radius:6px;padding:1px 6px;font-size:.68rem;font-weight:700}.pet-breed-badge{color:#cbd5e1;background:#ffffff14;border-radius:6px;padding:2px 7px;font-size:.7rem}.pet-gender-badge{color:#94a3b8;font-size:.7rem}.pet-info-metrics{text-align:center;background:#ffffff08;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding:10px;display:grid}.info-metric-box{flex-direction:column;display:flex}.metric-lbl{color:#94a3b8;font-size:.68rem}.metric-val{color:#f8fafc;margin-top:2px;font-size:.85rem;font-weight:700}.info-metric-box.highlight .metric-val{color:#fb923c}.metric-human{color:#cbd5e1;font-size:.68rem}.pet-parents-box{background:#f973160f;border-radius:8px;margin-top:10px;padding:8px 10px}.parents-text{color:#fed7aa;margin:4px 0 0;font-size:.78rem;line-height:1.4}.pet-notes-box{color:#94a3b8;margin-top:8px;font-size:.76rem}.notes-lbl{color:#64748b;margin-right:4px}.notes-val{color:#cbd5e1;margin:2px 0 0}.app-container.pet-mode{--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--bg-card:#fff;--bg-card-hover:#fff7ed;--bg-surface:#f8fafc;--bg-input:#f8fafc;--border-subtle:#e2e8f0;--border-glass:#cbd5e1;min-height:100vh;color:#1e293b!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background-color:#fdfbf7!important;background-image:radial-gradient(circle at 10% 20%,#fed7aa4d 0%,#0000 45%),radial-gradient(circle at 90% 80%,#fde68a4d 0%,#0000 45%),radial-gradient(circle,#ffedd540 0%,#0000 65%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important}.header-bar.pet-header,.app-container.pet-mode .header-bar{background:#fffffff0!important;border-bottom:1px solid #f9731629!important;box-shadow:0 2px 14px #f973160f!important}.app-container.pet-mode .brand-name{-webkit-text-fill-color:#0f172a!important;color:#0f172a!important;background:0 0!important;font-weight:800!important}.app-container.pet-mode .brand-title{color:#0f172a!important}.app-container.pet-mode .brand-subtitle{color:#ea580c!important}.app-container.pet-mode .brand-badge.pet{color:#c2410c!important;background:#fff7ed!important;border-color:#fdba74!important}.app-container.pet-mode .btn-hamburger,.app-container.pet-mode .btn-auth,.app-container.pet-mode .btn-mode-dropdown,.app-container.pet-mode .btn-switch-mode,.app-container.pet-mode .user-badge-btn{color:#334155!important;background:#fff7ed!important;border:1px solid #f9731640!important}.app-container.pet-mode .btn-hamburger:hover,.app-container.pet-mode .btn-auth:hover,.app-container.pet-mode .btn-switch-mode:hover,.app-container.pet-mode .user-badge-btn:hover{color:#c2410c!important;background:#ffedd5!important;border-color:#fdba74!important}.app-container.pet-mode h1,.app-container.pet-mode h2,.app-container.pet-mode h3,.app-container.pet-mode h4{color:#0f172a!important}.app-container.pet-mode p{color:#475569!important}.app-container.pet-mode .bottom-nav{background:#fffffff5!important;border-top:1px solid #f973162e!important;box-shadow:0 -4px 20px #0000000d!important}.app-container.pet-mode .nav-item{color:#64748b!important}.app-container.pet-mode .nav-item.active{color:#ea580c!important}.app-container.pet-mode .pet-center-icon{color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;box-shadow:0 4px 18px #f9731673!important}.app-container.pet-mode .pet-tab-pill,.app-container.pet-mode .filter-btn,.app-container.pet-mode .health-tab-btn{color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #00000005!important}.app-container.pet-mode .pet-tab-pill:hover,.app-container.pet-mode .filter-btn:hover,.app-container.pet-mode .health-tab-btn:hover{color:#ea580c!important;background:#fff7ed!important;border-color:#fdba74!important}.app-container.pet-mode .pet-tab-pill.active,.app-container.pet-mode .filter-btn.active,.app-container.pet-mode .health-tab-btn.active{color:#ea580c!important;background:#fff7ed!important;border-color:#f97316!important;font-weight:700!important}.app-container.pet-mode .pet-add-dog-chip{color:#c2410c!important;background:#fff7ed!important;border-color:#fdba74!important}.app-container.pet-mode .pet-profile-card{background:#fff!important;border:1px solid #f9731638!important;box-shadow:0 4px 20px #f9731614,0 1px 3px #00000005!important}.app-container.pet-mode .pet-name{color:#0f172a!important}.app-container.pet-mode .pet-breed-tag{color:#c2410c!important;background:#fff7ed!important;border:1px solid #fed7aa!important}.app-container.pet-mode .pet-gender-tag{color:#64748b!important}.app-container.pet-mode .pet-weight-badge{color:#ea580c!important;background:#fff7ed!important;border-color:#fed7aa!important}.app-container.pet-mode .pet-weight-badge:hover{background:#ffedd5!important}.app-container.pet-mode .pet-heritage-banner{color:#b45309!important;background:#fffbeb!important;border:1px solid #fde68a!important}.app-container.pet-mode .meal-status-box{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #00000008!important}.app-container.pet-mode .meal-status-box.done{background:linear-gradient(145deg,#f0fdf4 0%,#fff 100%)!important;border-color:#86efac!important}.app-container.pet-mode .meal-status-box.pending{background:linear-gradient(145deg,#fffbeb 0%,#fff 100%)!important;border-color:#fde68a!important}.app-container.pet-mode .meal-type-title{color:#0f172a!important}.app-container.pet-mode .meal-kibble{color:#475569!important}.app-container.pet-mode .meal-kibble strong{color:#0f172a!important}.app-container.pet-mode .btn-feed-action{color:#ea580c!important;background:#fff7ed!important;border-color:#fdba74!important}.app-container.pet-mode .btn-feed-action:hover{background:#ffedd5!important}.app-container.pet-mode .pet-walk-summary-card{background:#fff!important;border:1px solid #10b98140!important;box-shadow:0 4px 16px #10b98112!important}.app-container.pet-mode .pet-quick-btn{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #00000008!important}.app-container.pet-mode .pet-quick-btn:hover{transform:translateY(-2px);background:#fff7ed!important;border-color:#fdba74!important}.app-container.pet-mode .quick-title{color:#0f172a!important}.app-container.pet-mode .quick-sub{color:#64748b!important}.app-container.pet-mode .meal-log-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #00000008!important}.app-container.pet-mode .meal-log-card:hover{border-color:#fdba74!important}.app-container.pet-mode .meal-pet-name{color:#0f172a!important}.app-container.pet-mode .meal-notes-text{color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.app-container.pet-mode .current-weight-card{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)!important;border:1px solid #fed7aa!important}.app-container.pet-mode .current-weight-label{color:#c2410c!important}.app-container.pet-mode .current-weight-val{color:#0f172a!important}.app-container.pet-mode .health-record-item{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #00000008!important}.app-container.pet-mode .record-main-val,.app-container.pet-mode .record-title{color:#0f172a!important}.app-container.pet-mode .record-date-sub{color:#64748b!important}.app-container.pet-mode .record-note-text{color:#475569!important}.app-container.pet-mode .med-card-interactive{background:#fff!important;border:1px solid #e2e8f0!important}.app-container.pet-mode .med-card-interactive:hover{border-color:#f472b6!important;box-shadow:0 4px 14px #ec48991a!important}.app-container.pet-mode .walk-stats-banner{background:linear-gradient(145deg,#ecfdf5 0%,#fff 100%)!important;border:1px solid #10b98140!important}.app-container.pet-mode .walk-locations-section{background:#fff!important;border:1px solid #e2e8f0!important}.app-container.pet-mode .walk-loc-chip{color:#334155!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.app-container.pet-mode .walk-log-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #00000008!important}.app-container.pet-mode .metric-chip{color:#334155!important;background:#f1f5f9!important}.app-container.pet-mode .pet-profile-detail-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #00000008!important}.app-container.pet-mode .pet-empty-card{color:#475569!important;background:#fff!important;border:1px dashed #fdba74!important;box-shadow:0 4px 16px #00000005!important}.app-container.pet-mode .modal-overlay{-webkit-backdrop-filter:blur(4px)!important;background:#0f172a73!important}.pet-meal-modal,.pet-profile-modal,.pet-health-modal,.pet-walk-modal,.routine-med-modal{color:#1e293b!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;border:1px solid #f9731640!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 20px 45px #0000001f!important}.pet-meal-modal .modal-header,.pet-profile-modal .modal-header,.pet-health-modal .modal-header,.pet-walk-modal .modal-header,.routine-med-modal .modal-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important}.pet-meal-modal .modal-body,.pet-profile-modal .modal-body,.pet-health-modal .modal-body,.pet-walk-modal .modal-body,.routine-med-modal .modal-body{color:#1e293b!important;background:#fff!important}.pet-meal-modal .modal-footer,.pet-profile-modal .modal-footer,.pet-health-modal .modal-footer,.pet-walk-modal .modal-footer,.routine-med-modal .modal-footer{background:#fff!important;border-top:1px solid #e2e8f0!important}.pet-meal-modal h1,.pet-meal-modal h2,.pet-meal-modal h3,.pet-meal-modal h4,.pet-profile-modal h1,.pet-profile-modal h2,.pet-profile-modal h3,.pet-profile-modal h4,.pet-health-modal h1,.pet-health-modal h2,.pet-health-modal h3,.pet-health-modal h4,.pet-walk-modal h1,.pet-walk-modal h2,.pet-walk-modal h3,.pet-walk-modal h4,.routine-med-modal h1,.routine-med-modal h2,.routine-med-modal h3,.routine-med-modal h4{color:#0f172a!important}.pet-meal-modal p,.pet-profile-modal p,.pet-health-modal p,.pet-walk-modal p,.routine-med-modal p{color:#64748b!important}.pet-meal-modal .form-label,.pet-profile-modal .form-label,.pet-health-modal .form-label,.pet-walk-modal .form-label,.routine-med-modal .form-label{color:#334155!important;font-weight:600!important}.pet-meal-modal .form-input,.pet-profile-modal .form-input,.pet-health-modal .form-input,.pet-walk-modal .form-input,.routine-med-modal .form-input,.app-container.pet-mode .form-input,.pet-meal-modal input,.pet-profile-modal input,.pet-health-modal input,.pet-walk-modal input,.routine-med-modal input,.pet-meal-modal select,.pet-profile-modal select,.pet-health-modal select,.pet-walk-modal select,.routine-med-modal select,.pet-meal-modal textarea,.pet-profile-modal textarea,.pet-health-modal textarea,.pet-walk-modal textarea,.routine-med-modal textarea{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.pet-meal-modal input::placeholder,.pet-profile-modal input::placeholder,.pet-health-modal input::placeholder,.pet-walk-modal input::placeholder,.routine-med-modal input::placeholder,.pet-meal-modal textarea::placeholder,.pet-profile-modal textarea::placeholder,.pet-health-modal textarea::placeholder,.pet-walk-modal textarea::placeholder,.routine-med-modal textarea::placeholder{color:#94a3b8!important}.pet-meal-modal select option,.pet-profile-modal select option,.pet-health-modal select option,.pet-walk-modal select option,.routine-med-modal select option,.app-container.pet-mode select option{color:#0f172a!important;background:#fff!important}.pet-meal-modal .form-input:focus,.pet-profile-modal .form-input:focus,.pet-health-modal .form-input:focus,.pet-walk-modal .form-input:focus,.routine-med-modal .form-input:focus,.app-container.pet-mode .form-input:focus{background:#fff!important;border-color:#f97316!important;box-shadow:0 0 0 3px #f9731626!important}.pet-meal-modal .modal-close-btn,.pet-profile-modal .modal-close-btn,.pet-health-modal .modal-close-btn,.pet-walk-modal .modal-close-btn,.routine-med-modal .modal-close-btn{color:#64748b!important}.pet-meal-modal .modal-close-btn:hover,.pet-profile-modal .modal-close-btn:hover,.pet-health-modal .modal-close-btn:hover,.pet-walk-modal .modal-close-btn:hover,.routine-med-modal .modal-close-btn:hover{color:#0f172a!important;background:#f1f5f9!important}.app-container.pet-mode .btn-secondary,.pet-meal-modal .btn-secondary,.pet-profile-modal .btn-secondary,.pet-health-modal .btn-secondary,.pet-walk-modal .btn-secondary,.routine-med-modal .btn-secondary{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.app-container.pet-mode .btn-secondary:hover,.pet-meal-modal .btn-secondary:hover,.pet-profile-modal .btn-secondary:hover,.pet-health-modal .btn-secondary:hover,.pet-walk-modal .btn-secondary:hover,.routine-med-modal .btn-secondary:hover{color:#0f172a!important;background:#e2e8f0!important}.app-container.pet-mode .btn-text-action,.pet-meal-modal .btn-text-action,.pet-walk-modal .btn-text-action{color:#ea580c!important;cursor:pointer!important;background:#fff7ed!important;border:1px solid #fed7aa!important;border-radius:8px!important;padding:4px 10px!important;font-size:.78rem!important;font-weight:700!important;transition:all .2s!important}.app-container.pet-mode .btn-text-action:hover,.pet-meal-modal .btn-text-action:hover,.pet-walk-modal .btn-text-action:hover{color:#c2410c!important;background:#ffedd5!important}.pet-meal-modal .meal-type-btn,.pet-health-modal .meal-type-btn,.app-container.pet-mode .meal-type-btn{color:#475569!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.pet-meal-modal .meal-type-btn:hover,.pet-health-modal .meal-type-btn:hover,.app-container.pet-mode .meal-type-btn:hover{color:#ea580c!important;background:#fff7ed!important;border-color:#fdba74!important}.pet-meal-modal .meal-type-btn.active,.pet-health-modal .meal-type-btn.active,.app-container.pet-mode .meal-type-btn.active{color:#ea580c!important;background:#fff7ed!important;border-color:#f97316!important;font-weight:700!important;box-shadow:0 2px 8px #f9731626!important}.pet-meal-modal .meal-type-btn .type-name,.pet-health-modal .meal-type-btn .type-name,.app-container.pet-mode .meal-type-btn .type-name{color:inherit!important;font-weight:700!important}.pet-meal-modal .appetite-btn,.app-container.pet-mode .appetite-btn{color:#475569!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.pet-meal-modal .appetite-btn:hover,.app-container.pet-mode .appetite-btn:hover{color:#ea580c!important;background:#fff7ed!important;border-color:#fdba74!important}.pet-meal-modal .appetite-btn.active,.app-container.pet-mode .appetite-btn.active{color:#ea580c!important;background:#fff7ed!important;border-color:#f97316!important;font-weight:700!important}.pet-meal-modal .meat-select-item,.pet-meal-modal .med-select-item,.app-container.pet-mode .meat-select-item,.app-container.pet-mode .med-select-item{color:#334155!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.pet-meal-modal .meat-select-item.selected,.pet-meal-modal .med-select-item.selected,.app-container.pet-mode .meat-select-item.selected,.app-container.pet-mode .med-select-item.selected{color:#ea580c!important;background:#fff7ed!important;border-color:#f97316!important}.pet-meal-modal .meat-btn,.pet-meal-modal .med-btn,.app-container.pet-mode .meat-btn,.app-container.pet-mode .med-btn{color:#0f172a!important}.pet-meal-modal .meat-gram-input-box,.app-container.pet-mode .meat-gram-input-box{color:#64748b!important}.pet-meal-modal .meat-gram-input-box input,.app-container.pet-mode .meat-gram-input-box input{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.pet-meal-modal .gram-pill,.app-container.pet-mode .gram-pill{color:#475569!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.pet-meal-modal .gram-pill:hover,.app-container.pet-mode .gram-pill:hover{color:#ea580c!important;background:#fff7ed!important;border-color:#fdba74!important}.pet-meal-modal .gram-pill.active,.app-container.pet-mode .gram-pill.active{color:#ea580c!important;background:#fff7ed!important;border-color:#f97316!important;font-weight:700!important}@media (width<=680px){.pet-meal-modal,.pet-profile-modal,.pet-health-modal,.pet-walk-modal,.routine-med-modal{border-radius:20px 20px 0 0!important;width:100%!important;max-height:92vh!important;margin:0!important}}.pet-walk-modal .stepper-box,.app-container.pet-mode .stepper-box{background:#f8fafc!important;border:1px solid #cbd5e1!important}.pet-walk-modal .stepper-btn,.app-container.pet-mode .stepper-btn{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 2px #0000000d!important}.pet-walk-modal .stepper-val,.app-container.pet-mode .stepper-val{color:#0f172a!important}.pet-meal-modal .btn-type-selector,.app-container.pet-mode .btn-type-selector{color:#475569!important;background:#f8fafc!important;border:1px solid #cbd5e1!important}.pet-meal-modal .btn-type-selector.active,.app-container.pet-mode .btn-type-selector.active{color:#ea580c!important;background:#fff7ed!important;border-color:#f97316!important;font-weight:700!important}.app-container.pet-mode .walk-stats-banner .banner-label{color:#059669!important}.app-container.pet-mode .walk-stats-banner .banner-val{color:#0f172a!important}.app-container.pet-mode .health-tab-bar{border-bottom:1px solid #e2e8f0!important}.app-container.pet-mode .btn-icon-action{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.app-container.pet-mode .btn-icon-action:hover{color:#0f172a!important;background:#e2e8f0!important}.app-container.pet-mode .btn-icon-action.delete:hover{color:#dc2626!important;background:#fee2e2!important}.app-container.pet-mode .btn-trash-icon{color:#94a3b8!important}.app-container.pet-mode .btn-trash-icon:hover{color:#dc2626!important}.bottom-nav.pet-nav{background:#fffffff5!important;border-top:1px solid #f9731633!important;box-shadow:0 -4px 20px #0000000d!important}.bottom-nav.pet-nav .nav-item{color:#64748b!important;font-weight:600!important}.bottom-nav.pet-nav .nav-item:hover{color:#ea580c!important}.bottom-nav.pet-nav .nav-item.active{color:#ea580c!important;font-weight:700!important}.bottom-nav.pet-nav .nav-item.active .nav-icon-wrap{transform:translateY(-2px);color:#ea580c!important}.nav-add-btn.pet-add{color:#fff!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;box-shadow:0 4px 16px #f9731673!important}.menu-settings-modal.dark-modal{border:1px solid var(--border-glass)!important;color:#f8fafc!important;background:#111827!important;border-radius:20px!important}.menu-settings-modal.light-modal{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 20px 45px #0000001f!important}.app-container.light-theme{--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--bg-app:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-surface:#f1f5f9;--bg-input:#fff;--border-subtle:#e2e8f0;--border-glass:#cbd5e1;color:#0f172a!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#f8fafc!important}.app-container.light-theme .header-bar{background:#fffffff0!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 2px 10px #0000000a!important}.app-container.light-theme .brand-name{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-weight:800!important}.app-container.light-theme .brand-title{color:#0f172a!important}.app-container.light-theme .btn-hamburger,.app-container.light-theme .btn-switch-mode,.app-container.light-theme .user-badge-btn{color:#334155!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}.app-container.light-theme .btn-hamburger:hover,.app-container.light-theme .btn-switch-mode:hover,.app-container.light-theme .user-badge-btn:hover{color:#0f172a!important;background:#e2e8f0!important}.app-container.light-theme h1,.app-container.light-theme h2,.app-container.light-theme h3,.app-container.light-theme h4{color:#0f172a!important}.app-container.light-theme p{color:#475569!important}.app-container.portal-mode.light-theme{background-color:#f8fafc!important;background-image:radial-gradient(circle at 10% 20%,#6366f114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f59e0b14 0%,#0000 40%),radial-gradient(circle,#10b9810f 0%,#0000 60%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important}.app-container.portal-mode.light-theme .portal-hero h1{color:#0f172a!important}.app-container.portal-mode.light-theme .portal-hero p{color:#64748b!important}.app-container.portal-mode.light-theme .portal-settings-chip{color:#475569!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 3px #0000000d!important}.app-container.portal-mode.light-theme .portal-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 20px #0000000d!important}.app-container.portal-mode.light-theme .portal-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014!important}.app-container.portal-mode.light-theme .portal-card-title{color:#0f172a!important}.app-container.portal-mode.light-theme .portal-card-desc{color:#475569!important}.app-container.portal-mode.light-theme .portal-feature-pill{color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.app-container.portal-mode.light-theme .portal-card.drink-portal{background:linear-gradient(135deg,#fff 60%,#fef3c780 100%)!important;border-color:#f59e0b59!important}.app-container.portal-mode.light-theme .portal-card.yard-portal{background:linear-gradient(135deg,#fff 60%,#d1fae580 100%)!important;border-color:#10b98159!important}.app-container.portal-mode.light-theme .portal-card.commute-portal{background:linear-gradient(135deg,#fff 60%,#e0e7ff80 100%)!important;border-color:#6366f159!important}.app-container.portal-mode.light-theme .portal-card.pet-portal{background:linear-gradient(135deg,#fff 60%,#ffedd580 100%)!important;border-color:#f9731659!important}.app-container.drink-mode.light-theme{background:#fffdf9 radial-gradient(circle at 50% 0,#f59e0b1f 0%,#0000 60%)!important}.app-container.drink-mode.light-theme .log-card,.app-container.drink-mode.light-theme .stat-item,.app-container.drink-mode.light-theme .insight-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #0000000a!important}.app-container.drink-mode.light-theme .bottom-nav{background:#fffffff5!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 20px #0000000d!important}.app-container.drink-mode.light-theme .bottom-nav .nav-item{color:#64748b!important}.app-container.drink-mode.light-theme .bottom-nav .nav-item.active{color:#d97706!important}.app-container.yard-mode.light-theme{background:#f8fcf9 radial-gradient(circle at 50% 0,#10b9811f 0%,#0000 60%)!important}.app-container.yard-mode.light-theme .yard-stats-grid .stat-item,.app-container.yard-mode.light-theme .glass-card,.app-container.yard-mode.light-theme .yard-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #0000000a!important}.app-container.yard-mode.light-theme .bottom-nav.yard-nav{background:#fffffff5!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 20px #0000000d!important}.app-container.yard-mode.light-theme .bottom-nav.yard-nav .nav-item{color:#64748b!important}.app-container.yard-mode.light-theme .bottom-nav.yard-nav .nav-item.active{color:#059669!important}.app-container.commute-mode.light-theme{background:#f8fafd radial-gradient(circle at 50% 0,#6366f11a 0%,#0000 60%)!important}.app-container.commute-mode.light-theme .commute-stat-item,.app-container.commute-mode.light-theme .commute-card,.app-container.commute-mode.light-theme .glass-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 10px #0000000a!important}.app-container.commute-mode.light-theme .bottom-nav.commute-nav{background:#fffffff5!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -4px 20px #0000000d!important}.app-container.commute-mode.light-theme .bottom-nav.commute-nav .nav-item{color:#64748b!important}.app-container.commute-mode.light-theme .bottom-nav.commute-nav .nav-item.active{color:#4f46e5!important}.app-container.light-theme .modal-container:not(.dark-modal),.app-container.light-theme .modal-content:not(.dark-modal){color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.app-container.light-theme .modal-header:not(.dark-header){color:#0f172a!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important}.app-container.light-theme .modal-title{color:#0f172a!important}.app-container.light-theme .modal-body:not(.dark-body){color:#0f172a!important;background:#fff!important}.app-container.light-theme .modal-footer:not(.dark-footer){color:#0f172a!important;background:#fff!important;border-top:1px solid #e2e8f0!important}.app-container.light-theme .form-label{color:#334155!important}.app-container.light-theme .form-input,.app-container.light-theme .form-select,.app-container.light-theme .form-textarea{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}