: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}.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}.fs-sm{font-size:.88rem}.fs-xs{font-size:.75rem}.glass-card{background:#0a121e7a;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 1px #ffffff1a,0 8px 32px #00000059;border-radius:16px;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-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}.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));animation:ringPulse 2.5s ease-in-out infinite}@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))}}.ring-progress.goal-reached{animation:ringGoalBurst 1.5s ease-in-out infinite}@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-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}.step-label{font-size:.85rem;color:var(--text-muted);margin-top:4px;font-weight:600}#bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:#080c1440;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(255,255,255,.06);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{color:var(--neon-teal)}.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}.liquid-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.18;will-change:transform,opacity;animation:liquid-move infinite alternate ease-in-out;transition:background 1.8s ease,opacity 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}@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)}}.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;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);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;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border)}[data-theme-style=material] .glass-card{border-radius:28px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!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;-webkit-backdrop-filter:blur(35px) saturate(200%)!important;backdrop-filter:blur(35px) saturate(200%)!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 20px 50px #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:var(--bg-card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);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}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes tailWag{0%{transform:rotate(0)}to{transform:rotate(22deg)}}