:root{--bg-dark: #080c14;--bg-card: rgba(17, 24, 39, .6);--glass-border: rgba(255, 255, 255, .07);--glass-border-hover: rgba(46, 196, 182, .2);--glass-shadow: rgba(0, 0, 0, .4);--neon-teal: #2ec4b6;--neon-teal-dim: rgba(46, 196, 182, .15);--neon-yellow: #f59e0b;--neon-orange: #ff3c38;--neon-blue: #38bdf8;--text-primary: #f3f4f6;--text-muted: rgba(255, 255, 255, .55);--text-light-muted: rgba(255, 255, 255, .4);--bottom-nav-h: 64px;--liquid-bg: radial-gradient(circle at 50% 50%, #080f12 0%, #030608 100%);--orb1-bg: radial-gradient(circle, #2ec4b6 0%, rgba(46, 196, 182, 0) 70%);--orb2-bg: radial-gradient(circle, #059669 0%, rgba(5, 150, 105, 0) 70%);--orb3-bg: radial-gradient(circle, #d97706 0%, rgba(217, 119, 6, 0) 70%)}[data-theme=dark-aurora]{--bg-dark: #080c14;--bg-card: rgba(17, 24, 39, .6);--glass-border: rgba(255, 255, 255, .07);--glass-border-hover: rgba(46, 196, 182, .2);--glass-shadow: rgba(0, 0, 0, .4);--neon-teal: #2ec4b6;--neon-teal-dim: rgba(46, 196, 182, .15);--neon-yellow: #f59e0b;--neon-orange: #ff3c38;--neon-blue: #38bdf8;--text-primary: #f3f4f6;--text-muted: rgba(255, 255, 255, .55);--text-light-muted: rgba(255, 255, 255, .4);--liquid-bg: radial-gradient(circle at 50% 50%, #080f12 0%, #030608 100%);--orb1-bg: radial-gradient(circle, #2ec4b6 0%, rgba(46, 196, 182, 0) 70%);--orb2-bg: radial-gradient(circle, #059669 0%, rgba(5, 150, 105, 0) 70%);--orb3-bg: radial-gradient(circle, #d97706 0%, rgba(217, 119, 6, 0) 70%)}[data-theme=light-soft]{--bg-dark: #f0f4f8;--bg-card: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-border-hover: rgba(2, 132, 199, .3);--glass-shadow: rgba(148, 163, 184, .25);--neon-teal: #0284c7;--neon-teal-dim: rgba(2, 132, 199, .12);--neon-yellow: #d97706;--neon-orange: #e11d48;--neon-blue: #2563eb;--text-primary: #0f172a;--text-muted: rgba(30, 41, 59, .75);--text-light-muted: rgba(51, 65, 85, .6);--liquid-bg: radial-gradient(circle at 50% 50%, #e0f2fe 0%, #f8fafc 100%);--orb1-bg: radial-gradient(circle, #38bdf8 0%, rgba(56, 189, 248, 0) 70%);--orb2-bg: radial-gradient(circle, #818cf8 0%, rgba(129, 140, 248, 0) 70%);--orb3-bg: radial-gradient(circle, #f472b6 0%, rgba(244, 114, 182, 0) 70%)}[data-theme=midnight-neon]{--bg-dark: #050515;--bg-card: rgba(15, 15, 35, .75);--glass-border: rgba(236, 72, 153, .2);--glass-border-hover: rgba(236, 72, 153, .5);--glass-shadow: rgba(236, 72, 153, .15);--neon-teal: #00f2fe;--neon-teal-dim: rgba(0, 242, 254, .15);--neon-yellow: #f43f5e;--neon-orange: #ff007f;--neon-blue: #3b82f6;--text-primary: #ffffff;--text-muted: rgba(255, 255, 255, .75);--text-light-muted: rgba(255, 255, 255, .5);--liquid-bg: radial-gradient(circle at 50% 50%, #0a0a26 0%, #02020a 100%);--orb1-bg: radial-gradient(circle, #ec4899 0%, rgba(236, 72, 153, 0) 70%);--orb2-bg: radial-gradient(circle, #8b5cf6 0%, rgba(139, 92, 246, 0) 70%);--orb3-bg: radial-gradient(circle, #06b6d4 0%, rgba(6, 182, 212, 0) 70%)}[data-theme=warm-sunset]{--bg-dark: #1a0c0a;--bg-card: rgba(35, 18, 14, .7);--glass-border: rgba(249, 115, 22, .15);--glass-border-hover: rgba(249, 115, 22, .4);--glass-shadow: rgba(0, 0, 0, .5);--neon-teal: #f97316;--neon-teal-dim: rgba(249, 115, 22, .15);--neon-yellow: #fbbf24;--neon-orange: #ef4444;--neon-blue: #f43f5e;--text-primary: #fff7ed;--text-muted: rgba(255, 237, 213, .75);--text-light-muted: rgba(254, 215, 170, .55);--liquid-bg: radial-gradient(circle at 50% 50%, #2a120c 0%, #0d0403 100%);--orb1-bg: radial-gradient(circle, #f97316 0%, rgba(249, 115, 22, 0) 70%);--orb2-bg: radial-gradient(circle, #ef4444 0%, rgba(239, 68, 68, 0) 70%);--orb3-bg: radial-gradient(circle, #eab308 0%, rgba(234, 179, 8, 0) 70%)}body{font-family:Outfit,Gaegu,Malgun Gothic,sans-serif;background:transparent;color:var(--text-primary);overflow-x:hidden;padding-bottom:var(--bottom-nav-h);transition:background .6s ease}.glass-card{background:#0e1726eb;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000059;border-radius:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.speech-bubble{position:absolute;top:-5px;background:#fffffff2;color:#1f2937;padding:8px 16px;border-radius:18px;font-weight:600;box-shadow:0 4px 15px #0003;max-width:80%;animation:bounce .6s ease infinite alternate;font-family:Gaegu,cursive;font-size:1.1rem;z-index:10}.ring-progress{fill:none;stroke-width:12px;stroke-linecap:round;stroke-dasharray:596.9;stroke-dashoffset:596.9;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(46,196,182,.5));animation:ringPulse 2.5s ease-in-out infinite}.ring-progress.goal-reached{animation:ringGoalBurst 1.5s ease-in-out infinite}.step-count-text{font-size:2.6rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#fff 20%,#2ec4b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:#080c14f0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);text-decoration:none;transition:all .2s ease;cursor:pointer;padding:6px 12px;border-radius:12px;border:none;background:transparent}.nav-tab i{font-size:1.3rem;transition:all .2s ease}.nav-tab span{font-size:.65rem;font-weight:600}.nav-tab.active i{filter:drop-shadow(0 0 6px rgba(46,196,182,.5))}.nav-tab:hover{color:var(--neon-teal)}.liquid-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background:var(--liquid-bg);transition:background 1.8s ease}.orb-1{width:380px;height:380px;background:var(--orb1-bg);top:10%;left:-10%;animation-duration:22s}.orb-2{width:480px;height:480px;background:var(--orb2-bg);bottom:5%;right:-10%;animation-duration:32s;animation-delay:-6s}.orb-3{width:320px;height:320px;background:var(--orb3-bg);top:40%;left:25%;animation-duration:26s;animation-delay:-12s}.btn-back-nav{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#38bdf8;font-size:.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn-back-nav:hover,.btn-back-nav:focus{background:#38bdf833;border-color:#38bdf866;color:#fff;transform:translate(-3px);box-shadow:0 4px 12px #38bdf833}.native-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.native-back-btn{display:inline-flex;align-items:center;gap:2px;color:#38bdf8;font-size:.95rem;font-weight:500;background:transparent;border:none;padding:4px 8px 4px 0;cursor:pointer;transition:opacity .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.native-back-btn:hover{opacity:.85;transform:translate(-2px);color:#7dd3fc}[data-theme-style=classic] .glass-card{border-radius:16px;border:1px solid var(--glass-border)}[data-theme-style=material] .glass-card{border-radius:28px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px #00000040!important;background:var(--bg-card)!important}[data-theme-style=glassmorphism] .glass-card{border-radius:22px!important;background:#121c30f2!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 35px #0006!important}#sidebar-nav{display:none}@media (min-width: 768px){[data-layout-mode=sidebar] #sidebar-nav{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:240px;z-index:1040;background:#0e1726fa;border-right:1px solid var(--glass-border);padding:24px 16px}[data-layout-mode=sidebar] header.navbar{display:none!important}[data-layout-mode=sidebar] main.container{margin-left:250px!important;max-width:calc(100% - 265px)!important}[data-layout-mode=sidebar] #bottom-nav{display:none!important}}.sidebar-brand{font-family:Gaegu,cursive;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:32px;display:flex;align-items:center;gap:8px;text-decoration:none}.sidebar-menu-btn{display:flex;align-items:center;gap:14px;padding:12px 18px;color:var(--text-muted);font-size:.95rem;font-weight:600;border-radius:14px;text-decoration:none;transition:all .2s ease;margin-bottom:6px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.sidebar-menu-btn:hover,.sidebar-menu-btn.active{color:var(--text-primary);background:#ffffff1a;transform:translate(4px)}.sidebar-menu-btn.active i{color:var(--neon-yellow)}.native-system-header{display:none}[data-layout-mode=mobile] .native-system-header{display:flex;flex-direction:column;padding:12px 12px 8px;margin-bottom:8px;text-align:left}.native-date-chip{font-size:.75rem;font-weight:700;color:var(--neon-yellow);text-transform:uppercase;letter-spacing:.5px}.native-large-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.8px;line-height:1.15;margin-top:2px}.ios-grouped-card{background:#1c1c1e!important;border-radius:20px!important;padding:18px 20px!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #0000004d!important;margin-bottom:16px!important;transition:all .2s ease}.ios-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:14px;font-size:.76rem;font-weight:600;background:#ffffff1f;color:#f3f4f6;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.ios-tag-chip.active,.ios-tag-chip:hover{background:var(--neon-yellow);color:#000;font-weight:700}.ios-settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#ffffff08;border-radius:14px;margin-bottom:8px;text-decoration:none;color:#fff;transition:background .2s ease}.ios-settings-row:hover{background:#ffffff14;color:#fff}.ios-squircle-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.ios-squircle-yellow{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.ios-squircle-blue{background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff}.ios-squircle-pink{background:linear-gradient(135deg,#ec4899,#be185d);color:#fff}.ios-squircle-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dynamic-island-bar{display:none}[data-layout-mode=mobile] .dynamic-island-bar{display:flex;align-items:center;justify-content:space-between;width:170px;height:28px;background:#000;border-radius:20px;margin:8px auto 0;padding:0 12px;box-shadow:0 4px 12px #0009;border:1px solid rgba(255,255,255,.15);z-index:1060}:root{--bg-dark: #080c14;--bg-card: rgba(17, 24, 39, .6);--glass-border: rgba(255, 255, 255, .07);--glass-border-hover: rgba(46, 196, 182, .2);--glass-shadow: rgba(0, 0, 0, .4);--neon-teal: #2ec4b6;--neon-teal-dim: rgba(46, 196, 182, .15);--neon-yellow: #f59e0b;--neon-orange: #ff3c38;--neon-blue: #38bdf8;--text-primary: #f3f4f6;--text-muted: rgba(255, 255, 255, .55);--text-light-muted: rgba(255, 255, 255, .4);--bottom-nav-h: 64px;--font-primary: "Outfit", "Gaegu", "Malgun Gothic", sans-serif;--radius-card: 16px;--radius-pill: 50px;--radius-modal: 20px;--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-primary);background:transparent;color:var(--text-primary);overflow-x:hidden;padding-bottom:var(--bottom-nav-h);transition:background .6s ease}body.weather-sunny,body.weather-rainy,body.weather-hot,body.weather-cold{background:transparent}.fs-xxs{font-size:.65rem}.fs-xs{font-size:.75rem}.fs-sm{font-size:.88rem}.cursor-pointer{cursor:pointer}.brand-text{font-family:Gaegu,cursive;font-size:1.6rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#fff 40%,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-icon{animation:tailWag 1s ease-in-out infinite alternate}.glass-card{background:#0a121e7a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a,0 8px 32px #00000059;border-radius:var(--radius-card);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:0 14px 40px #2ec4b60f}.btn-glass-round{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-glass-round:hover{background:#ffffff26;transform:scale(1.05);color:var(--neon-yellow)}.dog-display-area{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.speech-bubble{position:absolute;top:-5px;background:#fffffff2;color:#1f2937;padding:8px 16px;border-radius:18px;font-size:1.1rem;font-weight:600;box-shadow:0 4px 15px #0003;max-width:80%;animation:bounce .6s ease infinite alternate;font-family:Gaegu,cursive;z-index:10}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:rgba(255,255,255,.95) transparent;display:block;width:0}.dog-level-badge span{background:#ffffff0f;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;border:1px solid rgba(255,255,255,.08);color:var(--text-muted)}.step-circle-container{width:210px;height:210px;display:flex;align-items:center;justify-content:center}.step-ring{position:absolute;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0f;stroke-width:10px}.ring-progress{fill:none;stroke-width:12px;stroke-linecap:round;stroke-dasharray:596.9;stroke-dashoffset:596.9;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 10px rgba(46,196,182,.5))}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 8px rgba(46,196,182,.4))}50%{filter:drop-shadow(0 0 18px rgba(46,196,182,.7))}}@keyframes ringGoalBurst{0%,to{filter:drop-shadow(0 0 10px rgba(245,158,11,.5))}50%{filter:drop-shadow(0 0 24px rgba(245,158,11,.9))}}.step-count-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}#step-count{font-size:2.6rem;font-weight:700;line-height:1;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.step-label{font-size:.85rem;color:var(--text-muted);margin-top:4px;font-weight:600}.stat-box{background:#ffffff0a;border-radius:14px;padding:12px 8px;border:1px solid rgba(255,255,255,.05);text-align:center}.stat-val{display:block;font-size:1.2rem;font-weight:700;color:var(--neon-teal)}.stat-lbl{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.walk-timer-display{font-family:Outfit,monospace;font-size:2rem;font-weight:700;letter-spacing:2px;color:var(--neon-teal);text-shadow:0 0 12px rgba(46,196,182,.4)}@keyframes timerGlow{0%,to{text-shadow:0 0 8px rgba(46,196,182,.3)}50%{text-shadow:0 0 20px rgba(46,196,182,.7)}}.care-btn{width:56px;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .2s ease;cursor:pointer;color:#fff}.care-btn:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--glass-border-hover)}.care-btn:active{transform:scale(.92)}.care-btn i{font-size:1.3rem}.care-btn span{font-size:.6rem;color:var(--text-muted)}.care-btn.logged{background:#2ec4b61f;border-color:#2ec4b64d}.timeline-item{padding-left:20px;border-left:2px solid rgba(255,255,255,.08);position:relative;margin-bottom:12px}.timeline-item:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--neon-teal);position:absolute;left:-5px;top:4px;box-shadow:0 0 6px var(--neon-teal)}.chart-canvas-container{position:relative;height:180px}.weekly-chart{height:110px;border-bottom:1px solid rgba(255,255,255,.06)}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;margin:0 3px;position:relative}.chart-bar-val{font-size:.6rem;color:var(--text-muted);margin-bottom:3px;opacity:0;transition:opacity .2s ease}.chart-bar-container:hover .chart-bar-val{opacity:1}.chart-bar{width:100%;max-width:14px;background:#ffffff1a;border-radius:4px 4px 0 0;height:0%;transition:height .8s cubic-bezier(.4,0,.2,1)}.chart-bar.goal-reached{background:linear-gradient(to top,var(--neon-teal),#6ee7b7);box-shadow:0 0 6px #2ec4b666}.badge-item{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:6px 12px;font-size:.78rem;color:var(--text-muted)}.badge-item.earned{border-color:#f59e0b4d;background:#f59e0b14;color:var(--neon-yellow)}.badge-item .badge-icon{font-size:1rem}#bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:#080c1459;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0px);will-change:backdrop-filter;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);text-decoration:none;transition:color .22s ease,transform .18s ease;cursor:pointer;padding:6px 10px;border-radius:14px;border:none;background:transparent;position:relative;min-width:52px}.nav-tab i{font-size:1.25rem;transition:transform .22s cubic-bezier(.34,1.56,.64,1),color .22s ease}.nav-tab span{font-size:.62rem;font-weight:600;letter-spacing:.01em;transition:color .22s ease}.nav-tab:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:28px;height:3px;border-radius:0 0 4px 4px;background:var(--neon-teal);box-shadow:0 0 8px #2ec4b699;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-tab.active{color:var(--neon-teal)}.nav-tab.active:before{transform:translate(-50%) scaleX(1)}.nav-tab.active i{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 0 6px rgba(46,196,182,.5))}.nav-tab.active span{color:var(--neon-teal)}.nav-tab:hover{color:#ffffffd9}.nav-tab:hover i{transform:translateY(-2px) scale(1.05)}.nav-tab:hover:not(.active):before{transform:translate(-50%) scaleX(.4);opacity:.5}.nav-tab.community-tab.active{color:var(--neon-yellow)}.nav-tab.community-tab.active:before{background:var(--neon-yellow);box-shadow:0 0 8px #f59e0b99}.nav-tab.community-tab.active i{filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.btn-header-icon{width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.13);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;cursor:pointer;position:relative;flex-shrink:0}.btn-header-icon:hover{background:#ffffff26;transform:scale(1.05);box-shadow:0 4px 16px #00000040}.btn-header-icon:active{transform:scale(.95)}.header-badge{font-size:.6rem!important;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.tab-section{display:none}.tab-section.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bg-black-50{background-color:#00000059}.text-light-muted{color:var(--text-light-muted)}.text-neon{color:var(--neon-teal)}.btn-action{font-family:Gaegu,cursive;font-size:1.1rem;font-weight:700;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;box-shadow:0 4px 10px #00000026}.btn-action:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.glass-modal{background:#111827f2!important;border:1px solid rgba(255,255,255,.08)!important}.form-control,.form-select{background:#ffffff0a;color:#e5e7eb;border-color:#ffffff1a}.form-control:focus,.form-select:focus{background:#ffffff0f;border-color:var(--neon-teal);box-shadow:0 0 0 .2rem #2ec4b633;color:#fff}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes tailWag{0%{transform:rotate(0)}to{transform:rotate(22deg)}}@keyframes earFlopLeft{0%{transform:rotate(0)}to{transform:rotate(-8deg)}}@keyframes earFlopRight{0%{transform:rotate(0)}to{transform:rotate(8deg)}}@keyframes dogWalk{0%{transform:translateY(0) scaleX(1)}25%{transform:translateY(-6px) rotate(-2deg)}50%{transform:translateY(0) scaleX(1.02)}75%{transform:translateY(-6px) rotate(2deg)}to{transform:translateY(0) scaleX(1)}}@keyframes dogJump{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(6px) scaleY(.8)}50%{transform:translateY(-28px) scaleY(1.15)}70%{transform:translateY(-20px) rotate(3deg)}to{transform:translateY(0) scaleY(1)}}.dog-idle #dog-svg{animation:bounce 1.8s ease-in-out infinite alternate}.dog-walk #dog-svg{animation:dogWalk .4s linear infinite}.dog-jump #dog-svg{animation:dogJump .5s ease-out}.dog-idle #dog-tail{transform-origin:32px 68px;animation:tailWag .8s ease-in-out infinite alternate}.dog-walk #dog-tail{transform-origin:32px 68px;animation:tailWag .3s ease-in-out infinite alternate}.dog-idle #dog-ear-left{transform-origin:52px 32px;animation:earFlopLeft 1.5s ease-in-out infinite alternate}.dog-idle #dog-ear-right{transform-origin:76px 32px;animation:earFlopRight 1.5s ease-in-out infinite alternate}.badge-item.earned{position:relative;overflow:hidden}.badge-item.earned:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(to right,#fff0,#ffffff2e,#fff0);transform:rotate(25deg);animation:badgeShine 3s ease-in-out infinite;pointer-events:none}@keyframes badgeShine{0%{left:-75%}55%,to{left:130%}}.care-btn.logged{animation:careLogPulse .45s ease!important}@keyframes careLogPulse{0%{transform:scale(1)}45%{transform:scale(1.22);box-shadow:0 0 22px #2ec4b68c}to{transform:scale(1)}}.nav-tab.active:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--neon-teal);margin:1px auto 0;box-shadow:0 0 7px #2ec4b6e6}#step-count{background:linear-gradient(135deg,#fff 20%,#2ec4b6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:2.8rem!important}.timeline-item{animation:tlSlide .3s ease forwards;opacity:0}@keyframes tlSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.timeline-item:nth-child(1){animation-delay:.04s}.timeline-item:nth-child(2){animation-delay:.09s}.timeline-item:nth-child(3){animation-delay:.14s}.timeline-item:nth-child(n+4){animation-delay:.18s}.post-card{transition:transform .25s ease,border-color .25s ease}.post-card:hover{transform:translateY(-2px);border-color:var(--glass-border-hover)}.hashtag-pill{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hashtag-pill:hover{background:var(--neon-teal-dim)!important;border-color:var(--neon-teal)!important;color:var(--neon-teal)!important;transform:translateY(-1px)}.hashtag-link{color:var(--neon-teal);cursor:pointer;font-weight:600;text-decoration:none;transition:color .15s ease}.hashtag-link:hover{color:#6ee7b7;text-decoration:underline}.comment-section{border-top:1px solid rgba(255,255,255,.05);margin-top:12px;padding-top:12px}.comment-item{background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:8px 12px;margin-bottom:8px;transition:background-color .2s ease}.comment-item:hover{background:#ffffff0a}.comment-input-group{margin-top:12px}.btn-xs{padding:3px 10px;font-size:.72rem;border-radius:20px}.post-actions-bar{display:flex;gap:15px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:8px}.action-btn{background:transparent;border:none;color:var(--text-muted);font-size:.82rem;display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:8px}.action-btn:hover{background:#ffffff0d;color:#fff}.like-btn i{transition:transform .2s ease}.like-btn:active i{transform:scale(1.4)}.like-btn.liked{color:#ff3c38;text-shadow:0 0 10px rgba(255,60,56,.4)}.like-btn.liked:hover{color:#ff5c58}.comment-toggle-btn{color:var(--neon-teal);font-size:.76rem;font-weight:600;background:transparent;border:none;cursor:pointer;padding:0;margin-bottom:8px;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.comment-toggle-btn:hover{color:#6ee7b7;text-decoration:underline}.walk-cert-badge{display:inline-flex;align-items:center;gap:4px;background:#10b98114!important;border:1px solid rgba(16,185,129,.3)!important;color:#34d399!important;padding:3px 10px;border-radius:12px;font-size:.65rem;font-weight:700;text-shadow:0 0 8px rgba(52,211,153,.3);margin-left:6px}.liquid-bg-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% 50%,#080f12,#030608);transition:background 1.8s ease}.liquid-orb{position:absolute;border-radius:50%;opacity:.18;transition:background 1.8s ease,opacity 1.8s ease}.orb-1{width:380px;height:380px;background:radial-gradient(circle,var(--neon-teal) 0%,rgba(46,196,182,0) 70%);top:10%;left:-10%;animation-duration:22s}.orb-2{width:480px;height:480px;background:radial-gradient(circle,#059669,#05966900 70%);bottom:5%;right:-10%;animation-duration:32s;animation-delay:-6s}.orb-3{width:320px;height:320px;background:radial-gradient(circle,#d97706,#d9770600 70%);top:40%;left:25%;animation-duration:26s;animation-delay:-12s}@keyframes liquid-move{0%{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(80px,40px,0) rotate(180deg) scale(1.15)}to{transform:translate3d(-30px,-70px,0) rotate(360deg) scale(.9)}}body.ambient-morning .liquid-bg-container{background:radial-gradient(circle at 50% 50%,#0c1420,#060b12)}body.ambient-morning .orb-1{background:radial-gradient(circle,#f59e0b,#f59e0b00 70%);opacity:.22}body.ambient-morning .orb-2{background:radial-gradient(circle,#38bdf8,#38bdf800 70%);opacity:.15}body.ambient-morning .orb-3{background:radial-gradient(circle,#fb923c,#fb923c00 70%);opacity:.18}body.ambient-sunset .liquid-bg-container{background:radial-gradient(circle at 50% 50%,#120a18,#08040c)}body.ambient-sunset .orb-1{background:radial-gradient(circle,#ef4444,#ef444400 70%);opacity:.2}body.ambient-sunset .orb-2{background:radial-gradient(circle,#a78bfa,#a78bfa00 70%);opacity:.16}body.ambient-sunset .orb-3{background:radial-gradient(circle,#f97316,#f9731600 70%);opacity:.22}body.ambient-night .liquid-bg-container{background:radial-gradient(circle at 50% 50%,#050a14,#020408)}body.ambient-night .orb-1{background:radial-gradient(circle,#3b82f6,#3b82f600 70%);opacity:.14}body.ambient-night .orb-2{background:radial-gradient(circle,#6366f1,#6366f100 70%);opacity:.12}body.ambient-night .orb-3{background:radial-gradient(circle,#94a3b8,#94a3b800 70%);opacity:.1}.sort-tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);padding:5px 14px;font-weight:600;transition:all .2s ease}.sort-tab-btn:hover{background:#ffffff1a;color:#fff}.sort-tab-btn.active{background:#2ec4b61f;border-color:#2ec4b666;color:var(--neon-teal);box-shadow:0 0 10px #2ec4b633}.insta-post-card{padding:12px 14px 14px!important;border-radius:18px!important}.insta-avatar-ring{width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;margin-right:8px}.insta-avatar-inner{width:100%;height:100%;border-radius:50%;background:#111827;display:flex;align-items:center;justify-content:center;color:var(--neon-yellow)}.insta-username{font-weight:700;color:#fff;font-size:.85rem}.insta-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:6px}.insta-actions-left{display:flex;gap:12px}.insta-action-btn{background:transparent;border:none;color:#fff;font-size:1.15rem;padding:4px;cursor:pointer;transition:transform .15s ease,color .15s ease}.insta-action-btn:hover{transform:scale(1.15)}.insta-action-btn.like-btn.liked{color:#ff3c38;animation:heartBeat .3s ease-out}.insta-likes{font-size:.8rem;font-weight:700;color:#fff;margin-bottom:6px;padding-left:2px}.insta-caption{font-size:.82rem;line-height:1.45;color:#fffffff2;margin-bottom:8px;padding-left:2px}.insta-caption-user{font-weight:700;color:#fff;margin-right:6px;cursor:pointer}.insta-caption-user:hover{text-decoration:underline}.insta-all-comments-btn{font-size:.76rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:2px 2px 6px;display:block}.insta-all-comments-btn:hover{color:#fff}.insta-comment-preview-item{font-size:.76rem;margin-bottom:4px;padding-left:2px}.insta-comment-preview-user{font-weight:700;color:#fff;margin-right:6px}.insta-comment-form{border-top:1px solid rgba(255,255,255,.05);padding-top:8px;margin-top:8px}.insta-comment-input{background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;color:#fff!important;font-size:.76rem!important;padding:4px 0!important;box-shadow:none!important;transition:border-color .2s ease!important}.insta-comment-input:focus{border-color:var(--neon-teal)!important}@keyframes heartBeat{0%{transform:scale(1)}35%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.insta-post-image-container{margin:0 -14px;overflow:hidden}.insta-post-image{width:100%;max-height:400px;object-fit:cover;border-radius:0;display:block}.comment-container-block{max-height:0;overflow:hidden;transition:max-height .3s ease}.comment-container-block.show{max-height:600px}.med-schedule-list{display:flex;flex-direction:column;gap:12px}.med-schedule-item{transition:all .2s ease}.med-schedule-item:hover{transform:translateY(-1px);border-color:#ffffff26!important}.bg-black-25{background:#00000040!important}#medication-alert-banner{border:1px solid rgba(56,189,248,.25)!important;box-shadow:0 4px 15px #38bdf81a;animation:bannerFadeIn .3s ease-out}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.water-tracker-container{display:flex;flex-direction:column;gap:8px}.water-progress-wrapper{background:#00000040;border-radius:10px;height:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08)}.water-progress-fill{background:linear-gradient(90deg,#38bdf8,#0ea5e9);height:100%;width:0%;transition:width .5s ease-in-out;box-shadow:0 0 8px #38bdf880}.water-stats-text{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}#btn-remove-image{background:#ef4444d9;border:none;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s ease}#btn-remove-image:hover{background:#ef4444}.community-post-img-container{margin:8px -14px 12px;border-radius:0;overflow:hidden;background:#00000026;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.community-post-img{width:100%;max-height:380px;object-fit:cover;display:block}.insurance-card{transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid #6c757d;background:#ffffff0a!important}.insurance-card:hover{transform:translateY(-2px);background:#ffffff12!important}.ins-meritz{border-left-color:#ff3b30!important}.ins-db{border-left-color:#34c759!important}.ins-kb{border-left-color:#fc0!important}.ins-hyundai{border-left-color:#007aff!important}.ins-badge{font-size:.65rem;padding:3px 8px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;gap:3px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}.ins-badge.yes{color:#34d399!important;background:#34d39914!important;border-color:#34d39933!important}.ins-badge.no{color:#f87171!important;background:#f871710d!important;border-color:#f8717126!important}.ins-premium-highlight{font-size:1.15rem;font-weight:800;color:var(--neon-teal);text-shadow:0 0 10px rgba(46,196,182,.3)}.ins-rank-badge{font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:6px;text-transform:uppercase}.sub-tab-btn{background:transparent;border:1px solid transparent;color:#ffffff80!important;font-weight:600;font-size:.75rem;transition:all .2s ease}.sub-tab-btn:hover{color:#fff!important;background:#ffffff0d}.sub-tab-btn.active{color:#fff!important;background:#2ec4b61f!important;border-color:#2ec4b64d!important;text-shadow:0 0 8px rgba(46,196,182,.4)}.sub-tab-content{display:none;opacity:0;transition:opacity .25s ease-in-out}.sub-tab-content.active{display:block;opacity:1}.story-bar{scrollbar-width:none}.story-bar::-webkit-scrollbar{display:none}.story-item{width:68px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.story-avatar-ring{width:56px;height:56px;border-radius:50%;padding:2.2px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.story-avatar-ring.read{background:#ffffff2e!important}.story-avatar-ring.plus-story{background:transparent!important}.story-avatar-ring:active{transform:scale(.93)}.story-avatar-inner{width:100%;height:100%;border-radius:50%;border:2px solid #080c14;overflow:hidden;background:#111827}.story-avatar-inner img{width:100%;height:100%;object-fit:cover}.story-username{width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.65rem}.story-progress-bar-bg{flex:1;height:2.5px;background:#ffffff59;border-radius:2px;overflow:hidden}.story-progress-bar-fill{width:0%;height:100%;background:#fff;transition:width .05s linear}.story-upload-preview-container:hover{background-color:#ffffff0f!important;border-color:var(--neon-teal)!important}#community-post-input{border-radius:14px;background:#0003!important;border:1px solid rgba(255,255,255,.08)!important;transition:all .25s ease!important;padding:12px!important;font-size:.85rem}#community-post-input:focus{border-color:var(--neon-yellow)!important;box-shadow:0 0 12px #f59e0b33!important;background:#0000004d!important}.comment-section-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .35s ease}.comment-section-wrapper.show{max-height:1000px;opacity:1}.btn-comment-toggle{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:#fff6;font-size:.75rem;font-family:Outfit,sans-serif;cursor:pointer;padding:4px 0;transition:color .18s ease}.btn-comment-toggle:hover{color:#f59e0b}.mascot-header-popover{position:absolute;top:55px;right:16px;width:290px;z-index:1050;background:#0d1423f2;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 10px 30px #00000080;animation:popoverFadeIn .25s cubic-bezier(.4,0,.2,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mascot-popover-triangle{position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.12)}.modern-feed-card{background:#1118278c;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:18px;transition:border-color .22s ease,transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease;cursor:default}.modern-feed-card:hover{border-color:#2ec4b62e;box-shadow:0 8px 32px #00000040,0 0 0 1px #2ec4b614}.feed-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid rgba(255,255,255,.08);border-radius:50px;background:#ffffff08;color:#ffffff73;font-size:.78rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feed-action-btn:hover{background:#ffffff12;color:#ffffffbf;border-color:#ffffff24;transform:translateY(-1px)}.feed-action-btn.liked{color:#ff3c38;background:#ff3c3814;border-color:#ff3c3833}.feed-action-btn.liked:hover{background:#ff3c3824}.feed-action-btn.bookmarked{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b33}.feed-action-btn.bookmarked:hover{background:#f59e0b24}.feed-action-btn i{font-size:1rem;transition:transform .15s ease}.feed-action-btn:active{transform:scale(.95)}.filter-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:1px solid rgba(255,255,255,.08);border-radius:50px;background:#ffffff08;color:#ffffff73;font-size:.78rem;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.filter-pill:hover{background:#ffffff12;color:#fffc;border-color:#ffffff24}.filter-pill.active{background:#f59e0b1f;border-color:#f59e0b4d;color:#f59e0b}.filter-pill.active-warning{background:#f59e0b1f!important;border-color:var(--neon-yellow)!important;color:var(--neon-yellow)!important;box-shadow:0 0 10px #f59e0b33}.refined-filter-bar{background:#0a121e80;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 16px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#ffffff59;font-size:.85rem;pointer-events:none}.search-input-refined{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:50px!important;color:#f3f4f6!important;padding-left:36px!important;padding-right:36px!important;font-size:.82rem!important;height:38px;transition:border-color .2s ease,box-shadow .2s ease!important}.search-input-refined:focus{border-color:#f59e0b59!important;box-shadow:0 0 0 3px #f59e0b14!important;background:#ffffff0f!important;color:#f3f4f6!important}.search-input-refined::placeholder{color:#ffffff4d!important}.btn-search-clear{position:absolute;right:10px;background:transparent;border:none;color:#ffffff4d;font-size:.9rem;cursor:pointer;padding:0;transition:color .15s}.btn-search-clear:hover{color:#ffffffb3}.filter-scroll-wrapper{display:flex;gap:6px;align-items:center;flex-wrap:wrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-scroll-wrapper::-webkit-scrollbar{display:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fadeSlideIn{animation:fadeSlideIn .35s cubic-bezier(.4,0,.2,1) forwards}.glass-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-3px);border-color:#2ec4b633;box-shadow:0 14px 40px #2ec4b60f,0 0 20px #2ec4b608}.glass-card:active{transform:scale(.985)}@keyframes skeletonPulse{0%,to{opacity:.15}50%{opacity:.35}}.skeleton-line{height:14px;border-radius:8px;background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e,#ffffff14 75%);background-size:200% 100%;margin-bottom:10px}.skeleton-line.w-75{width:75%}.skeleton-line.w-50{width:50%}.skeleton-line.w-100{width:100%}.skeleton-card{height:120px;border-radius:16px;background:#ffffff0a;margin-bottom:12px}.skeleton-circle{border-radius:50%;background:#ffffff0f}.btn:active{transform:scale(.96)!important;transition:transform .1s ease!important}.ripple-container{position:relative;overflow:hidden}@keyframes ripple{to{transform:scale(4);opacity:0}}.ripple-effect{position:absolute;border-radius:50%;background:#fff3;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(20px)}}.smart-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:1100;max-width:360px;width:90%;background:#0f172af2;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px;box-shadow:0 12px 40px #0006;animation:toastSlideUp .4s ease-out forwards}.smart-toast.fade-out{animation:toastFadeOut .3s ease-in forwards}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.animate-slide-up{animation:slideUp .35s cubic-bezier(.4,0,.2,1) forwards}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#080c14fa;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.onboarding-slide{width:100%;max-width:400px;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.onboarding-icon{width:100px;height:100px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 8px 30px #0000004d}.onboarding-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.onboarding-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.onboarding-dot.active{background:#f59e0b;transform:scale(1.3);box-shadow:0 0 12px #f59e0b80}@keyframes onboardFadeIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.onboarding-content-enter{animation:onboardFadeIn .4s ease-out forwards}.stats-bar-chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding:8px 0}.stats-bar{flex:1;border-radius:6px 6px 0 0;min-height:4px;transition:height .5s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.stats-bar:hover{filter:brightness(1.3)}.stats-bar-label{text-align:center;font-size:.65rem;color:#ffffff80;margin-top:4px}.stats-bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.6rem;color:#ffffffb3;white-space:nowrap;opacity:0;transition:opacity .2s}.stats-bar:hover .stats-bar-value{opacity:1}.streak-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;background:linear-gradient(135deg,#f59e0b33,#ff3c3826);border:1px solid rgba(245,158,11,.3);font-weight:700;font-size:.85rem}.chat-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:.88rem;line-height:1.5;position:relative;word-break:break-word}.chat-bubble-ai{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:6px;color:#f3f4f6}.chat-bubble-user{background:linear-gradient(135deg,#2ec4b6,#1ea8a0);color:#0f172a;border-bottom-right-radius:6px;font-weight:500}@keyframes typingDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-indicator{display:inline-flex;gap:5px;padding:10px 16px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;animation:typingDot 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.chat-preset-chip{padding:6px 14px;border-radius:50px;font-size:.75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chat-preset-chip:hover{background:#2ec4b626;border-color:#2ec4b64d;color:#2ec4b6}.hospital-card{padding:16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.hospital-card:hover{border-color:#ff3c384d;transform:translateY(-2px);box-shadow:0 8px 24px #ff3c3814}@keyframes phonePulse{0%,to{box-shadow:0 0 #ff3c3866}50%{box-shadow:0 0 0 8px #ff3c3800}}.phone-btn-pulse{animation:phonePulse 2s ease-in-out infinite}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.open{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.closed{background:#ef4444;box-shadow:0 0 8px #ef444466}.heatmap-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.heatmap-cell{aspect-ratio:1;border-radius:3px;background:#ffffff0a;transition:all .2s;min-width:0}.heatmap-cell.level-1{background:#2ec4b633}.heatmap-cell.level-2{background:#2ec4b666}.heatmap-cell.level-3{background:#2ec4b699}.heatmap-cell.level-4{background:#2ec4b6d9}@keyframes sosPulse{0%,to{box-shadow:0 0 #ef444499;transform:scale(1)}50%{box-shadow:0 0 0 10px #ef444400;transform:scale(1.02)}}.sos-pulse{animation:sosPulse 1.8s infinite ease-in-out}.route-item-card,.weight-item-card{transition:all .2s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.route-item-card:hover,.weight-item-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.weight-chart-grid{stroke:#ffffff14;stroke-dasharray:2 2}.water-btn{transition:all .15s cubic-bezier(.4,0,.2,1)}.water-btn:active{transform:scale(.93)}.walk-cal-cell{transition:all .2s ease}.walk-cal-cell:hover{transform:scale(1.04)}.pulse-alert{animation:pulse-alert 2s infinite}@keyframes pulse-alert{0%{transform:scale(1) translate(-50%,-50%);box-shadow:0 0 #dc3545b3}70%{transform:scale(1.15) translate(-50%,-50%);box-shadow:0 0 0 6px #dc354500}to{transform:scale(1) translate(-50%,-50%);box-shadow:0 0 #dc354500}}.modal .pulse-alert{animation:pulse-alert-static 2s infinite}@keyframes pulse-alert-static{0%{transform:scale(1);box-shadow:0 0 #dc3545b3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #dc354500}to{transform:scale(1);box-shadow:0 0 #dc354500}}.animate-grow-up{animation:grow-up .8s cubic-bezier(.175,.885,.32,1.275) backwards;transform-origin:bottom}@keyframes grow-up{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}:root{--theme-accent: #2ec4b6;--theme-accent-dim: rgba(46, 196, 182, .15);--theme-accent-glow: rgba(46, 196, 182, .5);--theme-ring: #2ec4b6;--theme-ring-glow: rgba(46, 196, 182, .4);--theme-orb1: #2ec4b6;--theme-orb2: #059669;--theme-orb3: #d97706;--theme-nav-active: #2ec4b6;--theme-nav-glow: rgba(46, 196, 182, .6);--theme-transition: .8s cubic-bezier(.4, 0, .2, 1)}body.theme-ocean{--theme-accent: #0ea5e9;--theme-accent-dim: rgba(14, 165, 233, .15);--theme-accent-glow: rgba(14, 165, 233, .5);--theme-ring: #0ea5e9;--theme-ring-glow: rgba(14, 165, 233, .4);--theme-nav-active: #0ea5e9;--theme-nav-glow: rgba(14, 165, 233, .6);--neon-teal: #0ea5e9;--neon-teal-dim: rgba(14, 165, 233, .15);--glass-border-hover: rgba(14, 165, 233, .2)}body.theme-ocean .liquid-bg-container{background:radial-gradient(circle at 40% 60%,#040e1a,#020810)}body.theme-ocean .orb-1{background:radial-gradient(circle,#0ea5e9,#0ea5e900 70%);opacity:.22}body.theme-ocean .orb-2{background:radial-gradient(circle,#0369a1,#0369a100 70%);opacity:.18}body.theme-ocean .orb-3{background:radial-gradient(circle,#06b6d4,#06b6d400 70%);opacity:.15}body.theme-cherry{--theme-accent: #f472b6;--theme-accent-dim: rgba(244, 114, 182, .15);--theme-accent-glow: rgba(244, 114, 182, .5);--theme-ring: #f472b6;--theme-ring-glow: rgba(244, 114, 182, .4);--theme-nav-active: #f472b6;--theme-nav-glow: rgba(244, 114, 182, .6);--neon-teal: #f472b6;--neon-teal-dim: rgba(244, 114, 182, .15);--glass-border-hover: rgba(244, 114, 182, .2)}body.theme-cherry .liquid-bg-container{background:radial-gradient(circle at 50% 40%,#140813,#09040b)}body.theme-cherry .orb-1{background:radial-gradient(circle,#f472b6,#f472b600 70%);opacity:.22}body.theme-cherry .orb-2{background:radial-gradient(circle,#a855f7,#a855f700 70%);opacity:.18}body.theme-cherry .orb-3{background:radial-gradient(circle,#ec4899,#ec489900 70%);opacity:.2}body.theme-forest{--theme-accent: #10b981;--theme-accent-dim: rgba(16, 185, 129, .15);--theme-accent-glow: rgba(16, 185, 129, .5);--theme-ring: #10b981;--theme-ring-glow: rgba(16, 185, 129, .4);--theme-nav-active: #10b981;--theme-nav-glow: rgba(16, 185, 129, .6);--neon-teal: #10b981;--neon-teal-dim: rgba(16, 185, 129, .15);--glass-border-hover: rgba(16, 185, 129, .2)}body.theme-forest .liquid-bg-container{background:radial-gradient(circle at 45% 55%,#041410,#020a08)}body.theme-forest .orb-1{background:radial-gradient(circle,#10b981,#10b98100 70%);opacity:.2}body.theme-forest .orb-2{background:radial-gradient(circle,#065f46,#065f4600 70%);opacity:.22}body.theme-forest .orb-3{background:radial-gradient(circle,#34d399,#34d39900 70%);opacity:.14}body.theme-deep-night{--theme-accent: #6366f1;--theme-accent-dim: rgba(99, 102, 241, .15);--theme-accent-glow: rgba(99, 102, 241, .5);--theme-ring: #6366f1;--theme-ring-glow: rgba(99, 102, 241, .4);--theme-nav-active: #6366f1;--theme-nav-glow: rgba(99, 102, 241, .6);--neon-teal: #6366f1;--neon-teal-dim: rgba(99, 102, 241, .15);--glass-border-hover: rgba(99, 102, 241, .2)}body.theme-deep-night .liquid-bg-container{background:radial-gradient(circle at 50% 50%,#030510,#010208)}body.theme-deep-night .orb-1{background:radial-gradient(circle,#6366f1,#6366f100 70%);opacity:.16}body.theme-deep-night .orb-2{background:radial-gradient(circle,#4338ca,#4338ca00 70%);opacity:.14}body.theme-deep-night .orb-3{background:radial-gradient(circle,#818cf8,#818cf800 70%);opacity:.12}body.theme-fire{--theme-accent: #f97316;--theme-accent-dim: rgba(249, 115, 22, .15);--theme-accent-glow: rgba(249, 115, 22, .5);--theme-ring: #f97316;--theme-ring-glow: rgba(249, 115, 22, .4);--theme-nav-active: #f97316;--theme-nav-glow: rgba(249, 115, 22, .6);--neon-teal: #f97316;--neon-teal-dim: rgba(249, 115, 22, .15);--glass-border-hover: rgba(249, 115, 22, .2)}body.theme-fire .liquid-bg-container{background:radial-gradient(circle at 50% 50%,#140a02,#0a0401)}body.theme-fire .orb-1{background:radial-gradient(circle,#f97316,#f9731600 70%);opacity:.22}body.theme-fire .orb-2{background:radial-gradient(circle,#ef4444,#ef444400 70%);opacity:.18}body.theme-fire .orb-3{background:radial-gradient(circle,#fbbf24,#fbbf2400 70%);opacity:.16}body.theme-cyber{--theme-accent: #a78bfa;--theme-accent-dim: rgba(167, 139, 250, .15);--theme-accent-glow: rgba(167, 139, 250, .5);--theme-ring: #a78bfa;--theme-ring-glow: rgba(167, 139, 250, .4);--theme-nav-active: #a78bfa;--theme-nav-glow: rgba(167, 139, 250, .6);--neon-teal: #a78bfa;--neon-teal-dim: rgba(167, 139, 250, .15);--glass-border-hover: rgba(167, 139, 250, .2)}body.theme-cyber .liquid-bg-container{background:radial-gradient(circle at 50% 50%,#0d0414,#07020c)}body.theme-cyber .orb-1{background:radial-gradient(circle,#a78bfa,#a78bfa00 70%);opacity:.2}body.theme-cyber .orb-2{background:radial-gradient(circle,#7c3aed,#7c3aed00 70%);opacity:.16}body.theme-cyber .orb-3{background:radial-gradient(circle,#c4b5fd,#c4b5fd00 70%);opacity:.14}body[class*=theme-] .nav-tab.active{color:var(--theme-nav-active)!important}body[class*=theme-] .nav-tab.active:before{background:var(--theme-nav-active)!important;box-shadow:0 0 8px var(--theme-nav-glow)!important}body[class*=theme-] .nav-tab.active i{filter:drop-shadow(0 0 6px var(--theme-accent-glow))!important}body[class*=theme-] .ring-progress{stroke:var(--theme-ring)!important;filter:drop-shadow(0 0 10px var(--theme-ring-glow))!important}body[class*=theme-] .stat-val,body[class*=theme-] .hashtag-link,body[class*=theme-] .text-neon{color:var(--theme-accent)!important}body[class*=theme-] .timeline-item:before{background:var(--theme-accent)!important;box-shadow:0 0 6px var(--theme-accent)!important}body[class*=theme-] .walk-timer-display{color:var(--theme-accent)!important;text-shadow:0 0 12px var(--theme-accent-glow)!important}body{transition:background-color .5s ease!important}.glass-card,.nav-tab,.sidebar-menu-btn,.theme-swatch{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.btn-ripple{position:relative;overflow:hidden}.ripple-wave{position:absolute;border-radius:50%;background:#ffffff40;transform:scale(0);animation:rippleExpand .55s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes rippleExpand{to{transform:scale(4);opacity:0}}.glass-card{position:relative}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#ffffff0a 40%,#ffffff05);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease}.glass-card:hover:before{opacity:1}.glass-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000073,0 0 0 1px #ffffff0d,inset 0 1px 1px #ffffff1f}#grram-toast-container{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:99999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:min(340px,calc(100vw - 32px))}.grram-toast{background:#0a121ef2;border-radius:50px;padding:10px 20px;font-family:var(--font-primary);font-size:.82rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px;pointer-events:auto;cursor:pointer;animation:toastSlideIn .32s cubic-bezier(.34,1.56,.64,1) forwards;white-space:nowrap;box-shadow:0 8px 32px #0006}.grram-toast.toast-exit{animation:toastSlideOut .25s ease-in forwards}.grram-toast.toast-success{border:1px solid rgba(16,185,129,.35)}.grram-toast.toast-error{border:1px solid rgba(239,68,68,.35)}.grram-toast.toast-warning{border:1px solid rgba(245,158,11,.35)}.grram-toast.toast-info{border:1px solid rgba(56,189,248,.35)}.grram-toast-icon{font-size:1rem;flex-shrink:0}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}.sos-countdown-ring{stroke-dasharray:170;stroke-dashoffset:0;animation:sosCountdown 3s linear forwards;transform-origin:center;transform:rotate(-90deg)}@keyframes sosCountdown{0%{stroke-dashoffset:0}to{stroke-dashoffset:170}}.sos-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:99998;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.sos-modal-box{background:#0d0606f5;border:1px solid rgba(239,68,68,.35);border-radius:24px;padding:32px 24px 24px;text-align:center;max-width:300px;width:calc(100% - 48px);animation:sosModalIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes sosModalIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.theme-swatch{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;flex-shrink:0}.theme-swatch:hover{transform:scale(1.12);border-color:#ffffff73}.theme-swatch.active{border-color:#fff;box-shadow:0 0 0 3px #fff3,0 6px 20px #0006;transform:scale(1.08)}.theme-swatch.active:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.6)}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.care-btn.just-logged{animation:careLogBurst .5s cubic-bezier(.34,1.56,.64,1)!important}@keyframes careLogBurst{0%{transform:scale(1)}40%{transform:scale(1.28);box-shadow:0 0 28px var(--theme-accent-glow)}to{transform:scale(1)}}.bottom-nav,.activity-bar,#bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1050!important;background:#080c1473!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -4px 30px #00000059!important;transition:background .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s ease,border-color .3s ease!important}.bottom-nav.scrolled,.activity-bar.scrolled,#bottom-nav.scrolled{background:#080c1485!important;border-top-color:#2ec4b64d!important}.hover-danger:hover{color:#ff3c38!important;transform:scale(1.15);transition:transform .15s ease,color .15s ease}.walk-live-hud{position:fixed;bottom:74px;left:50%;transform:translate(-50%);z-index:1045;width:calc(100% - 24px);max-width:420px;background:#0b1322c7!important;border:1px solid rgba(46,196,182,.35)!important;box-shadow:0 12px 40px #00000080,0 0 25px #2ec4b62e!important;border-radius:28px!important;padding:10px 14px;animation:hudSlideUp .38s cubic-bezier(.34,1.56,.64,1);transition:all .3s ease}@keyframes hudSlideUp{0%{opacity:0;transform:translate(-50%,30px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.hud-header-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 6px 8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.hud-timer-badge{font-family:Outfit,monospace;font-size:.85rem;font-weight:700;letter-spacing:.05em;color:#2ec4b6;text-shadow:0 0 8px rgba(46,196,182,.5)}.hud-live-dot{width:7px;height:7px;border-radius:50%;background:#2ec4b6;box-shadow:0 0 8px #2ec4b6}@keyframes hudPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.3)}}.btn-elastic{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .18s ease!important}.btn-elastic:active{transform:scale(.92)!important;filter:brightness(1.1)}.floating-plus-one{position:absolute;top:-24px;font-size:.95rem;font-weight:800;color:#2ec4b6;pointer-events:none;text-shadow:0 0 6px rgba(46,196,182,.8);z-index:1060}@keyframes floatUpFade{0%{opacity:1;transform:translateY(0) scale(.8)}60%{opacity:1;transform:translateY(-26px) scale(1.25)}to{opacity:0;transform:translateY(-40px) scale(1)}}.interactive-dog-avatar{cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-block;-webkit-user-select:none;user-select:none}.interactive-dog-avatar:hover{transform:scale(1.06)}.interactive-dog-avatar:active{transform:scale(.93) rotate(-3deg)}.heart-particle{position:absolute;font-size:1.25rem;pointer-events:none;animation:heartFly .85s cubic-bezier(.16,1,.3,1) forwards;z-index:20}@keyframes heartFly{0%{opacity:1;transform:translate(0) scale(.6)}50%{opacity:1;transform:translate(var(--tx, 0px),var(--ty, -40px)) scale(1.3)}to{opacity:0;transform:translate(var(--tx, 0px),var(--ty, -70px)) scale(.9)}}.ring-progress.goal-reached{filter:drop-shadow(0 0 16px rgba(245,158,11,.7))!important}@keyframes ringCelebrate{0%,to{stroke:#f59e0b}50%{stroke:#ec4899}}.ios-chat-container{display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;max-height:380px}.ios-bubble-me{align-self:flex-end;background:linear-gradient(135deg,#0284c7,#2ec4b6)!important;color:#fff!important;border-radius:18px 18px 4px;padding:10px 14px;max-width:82%;font-size:.88rem;box-shadow:0 4px 16px #0284c74d;word-break:break-word;animation:bubblePop .24s cubic-bezier(.34,1.56,.64,1)}.ios-bubble-them{align-self:flex-start;background:#ffffff1a!important;color:#f3f4f6!important;border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.12);padding:10px 14px;max-width:82%;font-size:.88rem;box-shadow:0 4px 14px #0003;word-break:break-word;animation:bubblePop .24s cubic-bezier(.34,1.56,.64,1)}@keyframes bubblePop{0%{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.ios-quick-chip{background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#e5e7eb;padding:4px 11px;border-radius:16px;font-size:.75rem;white-space:nowrap;cursor:pointer;transition:all .2s ease}.ios-quick-chip:hover{background:#2ec4b633;border-color:#2ec4b6;color:#fff;transform:translateY(-2px)}.weather-ambient-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;pointer-events:none;transition:background 1.8s ease}.ambient-particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;transition:background 1.8s cubic-bezier(.4,0,.2,1),opacity 1.8s ease}.ambient-orb-1{width:420px;height:420px;top:8%;left:-8%;animation-duration:24s}.ambient-orb-2{width:520px;height:520px;bottom:4%;right:-8%;animation-duration:34s;animation-delay:-7s}.ambient-orb-3{width:360px;height:360px;top:42%;left:28%;animation-duration:28s;animation-delay:-14s}.ambient-theme-rain{background:radial-gradient(circle at 50% 50%,#060e18,#02060b)}.ambient-theme-rain .ambient-orb-1{background:radial-gradient(circle,#0284c7,#0284c700 70%);opacity:.25}.ambient-theme-rain .ambient-orb-2{background:radial-gradient(circle,#0e7490,#0e749000 70%);opacity:.22}.ambient-theme-rain .ambient-orb-3{background:radial-gradient(circle,#1e293b,#1e293b00 70%);opacity:.35}.ambient-theme-snow{background:radial-gradient(circle at 50% 50%,#0c1524,#050912)}.ambient-theme-snow .ambient-orb-1{background:radial-gradient(circle,#38bdf8,#38bdf800 70%);opacity:.22}.ambient-theme-snow .ambient-orb-2{background:radial-gradient(circle,#93c5fd,#93c5fd00 70%);opacity:.18}.ambient-theme-snow .ambient-orb-3{background:radial-gradient(circle,#cbd5e1,#cbd5e100 70%);opacity:.15}.ambient-theme-sunset{background:radial-gradient(circle at 50% 50%,#17091a,#09030c)}.ambient-theme-sunset .ambient-orb-1{background:radial-gradient(circle,#f97316,#f9731600 70%);opacity:.28}.ambient-theme-sunset .ambient-orb-2{background:radial-gradient(circle,#e11d48,#e11d4800 70%);opacity:.24}.ambient-theme-sunset .ambient-orb-3{background:radial-gradient(circle,#8b5cf6,#8b5cf600 70%);opacity:.22}.ambient-theme-night{background:radial-gradient(circle at 50% 50%,#040813,#010307)}.ambient-theme-night .ambient-orb-1{background:radial-gradient(circle,#3b82f6,#3b82f600 70%);opacity:.18}.ambient-theme-night .ambient-orb-2{background:radial-gradient(circle,#6366f1,#6366f100 70%);opacity:.15}.ambient-theme-night .ambient-orb-3{background:radial-gradient(circle,#d97706,#d9770600 70%);opacity:.12}.ambient-theme-day{background:radial-gradient(circle at 50% 50%,#07151a,#020709)}.ambient-theme-day .ambient-orb-1{background:radial-gradient(circle,#2ec4b6,#2ec4b600 70%);opacity:.24}.ambient-theme-day .ambient-orb-2{background:radial-gradient(circle,#10b981,#10b98100 70%);opacity:.2}.ambient-theme-day .ambient-orb-3{background:radial-gradient(circle,#f59e0b,#f59e0b00 70%);opacity:.18}.ambient-theme-dawn{background:radial-gradient(circle at 50% 50%,#101026,#050510)}.ambient-theme-dawn .ambient-orb-1{background:radial-gradient(circle,#ec4899,#ec489900 70%);opacity:.22}.ambient-theme-dawn .ambient-orb-2{background:radial-gradient(circle,#6366f1,#6366f100 70%);opacity:.2}.ambient-theme-dawn .ambient-orb-3{background:radial-gradient(circle,#38bdf8,#38bdf800 70%);opacity:.16}.ambient-mood-widget{position:fixed;top:14px;right:14px;z-index:1030}.btn-ambient-trigger{width:38px;height:38px;border-radius:50%;background:#0f172aa6;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0000004d;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;position:relative;transition:all .24s cubic-bezier(.4,0,.2,1)}.btn-ambient-trigger:hover{transform:scale(1.08);border-color:#2ec4b666;box-shadow:0 6px 20px #2ec4b640}.ambient-status-dot{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#2ec4b6;border:1.5px solid #0f172a}.ambient-mood-dropdown{position:absolute;top:48px;right:0;width:220px;background:#0b1320eb!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px;padding:12px;box-shadow:0 16px 40px #00000080;z-index:1040}.ambient-mood-item{background:#ffffff0a;border:1px solid transparent;border-radius:12px;padding:7px 10px;cursor:pointer;transition:all .2s ease;width:100%}.ambient-mood-item:hover{background:#ffffff17;border-color:#ffffff1f;transform:translate(3px)}.ambient-mood-item.active{background:#2ec4b629;border-color:#2ec4b666}.error-page-container{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.error-card-glass{background:#0f172ab8!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px;padding:36px 28px;box-shadow:0 20px 50px #00000073;text-align:center;max-width:480px;width:100%;animation:fadeSlideIn .35s ease}.error-code-badge{font-size:3.8rem;font-weight:800;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-bottom:8px}.error-code-badge.badge-500{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.error-dog-mascot{width:90px;height:90px;border-radius:50%;background:#f59e0b26;border:2px dashed rgba(245,158,11,.4);display:flex;align-items:center;justify-content:center;font-size:2.8rem;margin:0 auto 18px;animation:bounce 1.8s infinite alternate ease-in-out}