:root{--font: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Display", "Helvetica Neue", sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-full: 9999px;--glass-bg: rgba(255, 255, 255, .09);--glass-bg-hover: rgba(255, 255, 255, .14);--glass-bg-thick: rgba(12, 22, 50, .72);--glass-bg-accent: rgba(79, 195, 247, .12);--glass-border: rgba(255, 255, 255, .16);--glass-border-thick: rgba(255, 255, 255, .12);--glass-blur: blur(40px) saturate(200%);--glass-blur-thick: blur(60px) saturate(180%);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .35), 0 2px 8px rgba(0, 0, 0, .2);--glass-shadow-sm: 0 4px 20px rgba(0, 0, 0, .25);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .1);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .62);--text-tertiary: rgba(255, 255, 255, .38);--blue: #4fc3f7;--blue-bright: #81d4fa;--blue-dim: rgba(79, 195, 247, .3);--green: #69f0ae;--green-dim: rgba(105, 240, 174, .3);--aurora-pink: #ff80ab;--aurora-purple: #ce93d8;--gold: #ffd54f;--silver: #b0bec5;--bronze: #ff8a65;--bg-deep: #040e20;--bg-base: #071428;--bg-mid: #0a1e3c;--bg-surface: #0d2448;--success: #69f0ae;--error: #ff5252;--warning: #ffd740;--nav-h: 84px;--header-h: 72px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-base);font-family:var(--font);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}img{display:block;object-fit:cover}.dynamic-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 2s ease}.bg-layer-1{background:radial-gradient(ellipse at 20% 0%,#0d3a6e 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,#071428 0%,transparent 60%)}.bg-layer-2{background:radial-gradient(ellipse at 70% 30%,#0a2340 0%,transparent 50%);opacity:.6}.aurora-drift{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:auroraFloat 18s ease-in-out infinite alternate}.aurora-a{width:60vw;height:40vw;background:radial-gradient(ellipse,#00e5ff 0%,transparent 70%);top:-10%;left:-10%;animation-duration:22s}.aurora-b{width:50vw;height:35vw;background:radial-gradient(ellipse,#69f0ae 0%,transparent 70%);bottom:10%;right:-10%;animation-duration:28s;animation-delay:-8s}@keyframes auroraFloat{0%{transform:translate(0) scale(1)}33%{transform:translate(8%,5%) scale(1.08)}66%{transform:translate(-5%,10%) scale(.95)}to{transform:translate(5%,-5%) scale(1.05)}}[data-bg=snow] .aurora-a{background:radial-gradient(ellipse,#b3e5fc 0%,transparent 70%);opacity:.25}[data-bg=snow] .aurora-b{background:radial-gradient(ellipse,#e1f5fe 0%,transparent 70%);opacity:.15}[data-bg=rain] .aurora-a{background:radial-gradient(ellipse,#1a237e 0%,transparent 70%);opacity:.3}[data-bg=fog] .aurora-a{background:radial-gradient(ellipse,#546e7a 0%,transparent 70%);opacity:.3}[data-bg=storm] .aurora-a{background:radial-gradient(ellipse,#4a148c 0%,transparent 70%);opacity:.25}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-base);overflow:hidden;z-index:0}.aurora-layer{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.aurora-1{width:70vw;height:70vw;background:radial-gradient(ellipse,#00e5ff,transparent 70%);top:-20%;left:-15%;animation:auroraFloat 20s ease-in-out infinite alternate}.aurora-2{width:60vw;height:60vw;background:radial-gradient(ellipse,#69f0ae,transparent 70%);bottom:-15%;right:-10%;animation:auroraFloat 25s ease-in-out infinite alternate-reverse}.aurora-3{width:40vw;height:40vw;background:radial-gradient(ellipse,#ff80ab,transparent 70%);top:40%;left:30%;animation:auroraFloat 15s ease-in-out infinite alternate;opacity:.1}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-shadow),var(--glass-inset)}.glass-thin{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg)}.glass-thick{background:var(--glass-bg-thick);backdrop-filter:var(--glass-blur-thick);-webkit-backdrop-filter:var(--glass-blur-thick);border:1px solid var(--glass-border-thick)}.glass-accent{background:var(--glass-bg-accent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(79,195,247,.25);border-radius:var(--r-md)}.glass-input{width:100%;background:#ffffff12;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-md);color:var(--text-primary);font-size:16px;padding:var(--sp-4) var(--sp-5);outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.glass-input:focus{border-color:var(--blue);background:#4fc3f714;box-shadow:0 0 0 3px #4fc3f726}.glass-input::placeholder{color:var(--text-tertiary)}.glass-textarea{resize:none;line-height:1.5}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.5)}.btn-primary{width:100%;padding:var(--sp-4) var(--sp-6);background:linear-gradient(135deg,var(--blue) 0%,#0288d1 100%);color:#fff;font-size:17px;font-weight:600;border-radius:var(--r-full);letter-spacing:-.01em;box-shadow:0 4px 24px #4fc3f759,0 2px 8px #0000004d;transition:transform .15s,box-shadow .15s,opacity .15s;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:inherit}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;pointer-events:none}.btn-icon-ghost{color:var(--text-secondary);padding:var(--sp-2);border-radius:var(--r-sm);transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center}.btn-icon-ghost:hover{color:var(--text-primary);background:#ffffff14}.btn-edit-sm{color:var(--blue);font-size:15px;font-weight:500;padding:var(--sp-2) var(--sp-4);background:#4fc3f71f;border-radius:var(--r-full);border:1px solid rgba(79,195,247,.2);transition:background .15s}.btn-edit-sm:active{background:#4fc3f733}.btn-save{color:var(--green);padding:var(--sp-2) var(--sp-4);background:#69f0ae1f;border-radius:var(--r-full);border:1px solid rgba(105,240,174,.2);display:flex;align-items:center;justify-content:center;transition:background .15s;min-width:44px}.btn-signout{color:var(--error);font-size:15px;font-weight:500;padding:var(--sp-3) var(--sp-5);background:#ff52521a;border-radius:var(--r-full);border:1px solid rgba(255,82,82,.2);transition:background .15s;width:100%;text-align:center}.btn-loading{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100}.splash-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);position:relative;z-index:1}.splash-icon{font-size:56px;animation:pulse 2s ease-in-out infinite}.splash-title{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.app-header{position:relative;z-index:10;padding:calc(var(--safe-top) + 8px) var(--sp-4) 0}.app-header-inner{padding:var(--sp-3) var(--sp-5);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg)}.header-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.header-title{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.header-right{flex-shrink:0}.header-edit-actions{display:flex;align-items:center;gap:var(--sp-2)}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--sp-4) var(--sp-4) calc(var(--nav-h) + var(--safe-bottom) + var(--sp-4));position:relative;z-index:1}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:var(--sp-2) var(--sp-4) calc(var(--safe-bottom) + var(--sp-2))}.bottom-nav-inner{display:flex;border-radius:var(--r-xl);overflow:hidden;padding:var(--sp-2) var(--sp-1)}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--sp-2) var(--sp-1);border-radius:var(--r-md);transition:color .2s,background .2s;position:relative;color:var(--text-tertiary)}.nav-tab.active{color:var(--blue)}.nav-tab:active{background:#ffffff0f}.nav-tab-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.nav-tab-label{font-size:10px;font-weight:500;letter-spacing:.02em}.nav-tab-indicator{position:absolute;top:6px;width:28px;height:2px;background:var(--blue);border-radius:var(--r-full);box-shadow:0 0 8px var(--blue)}.weather-widget{display:flex;align-items:center;gap:var(--sp-2)}.weather-icon{font-size:16px}.weather-info{display:flex;align-items:baseline;gap:4px}.weather-temp{font-size:15px;font-weight:600;color:var(--text-primary)}.weather-label{font-size:12px;color:var(--text-secondary)}.weather-details{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.auth-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.auth-content{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--sp-8)}.auth-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.auth-logo{width:80px;height:80px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow),var(--glass-inset)}.auth-logo-icon{font-size:36px}.auth-title{font-size:40px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#fff 30%,var(--blue-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{font-size:16px;color:var(--text-secondary);font-weight:400}.auth-card{padding:var(--sp-6)}.auth-tabs{display:flex;background:#ffffff0d;border-radius:var(--r-md);padding:3px;margin-bottom:var(--sp-6)}.auth-tab{flex:1;padding:var(--sp-2) var(--sp-4);border-radius:calc(var(--r-md) - 3px);font-size:15px;font-weight:500;color:var(--text-secondary);transition:all .2s}.auth-tab.active{background:#ffffff1f;color:var(--text-primary);box-shadow:0 2px 8px #0003}.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)}.input-group{display:flex;flex-direction:column;gap:var(--sp-2)}.input-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.optional{color:var(--text-tertiary);font-weight:400}.input-hint{font-size:12px;color:var(--text-tertiary);padding-left:var(--sp-1)}.auth-error{background:#ff52521f;border:1px solid rgba(255,82,82,.25);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:14px;color:#ff8a80}.auth-hint{text-align:center;font-size:13px;color:var(--text-tertiary);margin-top:var(--sp-4)}.setup-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-6)}.setup-content{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--sp-6)}.setup-hero{text-align:center}.setup-title{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--sp-2)}.setup-sub{font-size:15px;color:var(--text-secondary)}.setup-card{padding:var(--sp-6)}.setup-form{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-6)}.avatar-upload{width:96px;height:96px;position:relative;cursor:pointer;margin:0 auto;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-upload-img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block}.avatar-upload-placeholder{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#4fc3f74d,#69f0ae33);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#4fc3f74d,#69f0ae33);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.avatar-img.avatar-xl,.avatar-placeholder.avatar-xl{width:88px;height:88px}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .2s;color:#fff;font-size:11px;font-weight:500}.avatar-upload:hover .avatar-overlay,.avatar-upload:active .avatar-overlay{opacity:1}.leaderboard-container{display:flex;flex-direction:column;gap:var(--sp-4)}.period-selector{display:flex;gap:2px;padding:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.period-selector::-webkit-scrollbar{display:none}.period-btn{flex-shrink:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.period-btn.active{background:#4fc3f72e;color:var(--blue-bright);border:1px solid rgba(79,195,247,.25)}.my-rank-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-5)}.my-rank-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.my-rank-value{display:flex;align-items:center;gap:var(--sp-2)}.my-rank-miles{font-size:16px;font-weight:600;color:var(--text-primary)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--sp-3)}.leader-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4);animation:slideUp .4s ease both;transition:transform .15s}.leader-card:active{transform:scale(.98)}.leader-card.is-me{border-color:#4fc3f759;background:#4fc3f712}.leader-card.top-1{border-color:#ffd54f66}.leader-card.top-2{border-color:#b0bec559}.leader-card.top-3{border-color:#ff8a6559}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.leader-rank{width:32px;text-align:center;flex-shrink:0}.medal{font-size:20px}.rank-num{font-size:13px;font-weight:600;color:var(--text-tertiary)}.leader-avatar-wrap{position:relative;flex-shrink:0;width:46px;height:46px}.leader-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden}.leader-avatar .avatar-img,.leader-avatar .avatar-placeholder{width:46px;height:46px;border-radius:50%;font-size:18px;flex-shrink:0}.me-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--blue);border:2px solid var(--bg-base)}.leader-info{flex:1;min-width:0}.leader-name{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-tag{font-size:10px;font-weight:600;color:var(--blue);background:#4fc3f726;border-radius:var(--r-full);padding:1px 6px;letter-spacing:.03em}.leader-status{font-size:12px;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.leader-tags{display:flex;gap:var(--sp-2);margin-top:var(--sp-2)}.tag{font-size:11px;font-weight:500;padding:2px var(--sp-2);border-radius:var(--r-full)}.tag-run{background:#4fc3f726;color:var(--blue)}.tag-walk{background:#69f0ae26;color:var(--green)}.leader-miles{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.miles-value{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.miles-unit{font-size:11px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6);text-align:center}.empty-icon{font-size:48px}.empty-title{font-size:18px;font-weight:600;color:var(--text-primary)}.empty-sub{font-size:14px;color:var(--text-secondary)}.skeleton-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4)}.skeleton-avatar{width:46px;height:46px;border-radius:50%;background:#ffffff12;animation:shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.skeleton-line{height:12px;border-radius:var(--r-full);background:#ffffff12;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line.wide{width:60%}.skeleton-line.short{width:35%}.skeleton-miles{width:48px;height:24px;border-radius:var(--r-sm);background:#ffffff12;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.log-container,.log-form{display:flex;flex-direction:column;gap:var(--sp-4)}.log-card{padding:var(--sp-5)}.log-section-title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--sp-4)}.activity-toggle{display:flex;gap:var(--sp-3)}.activity-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-md);background:#ffffff0d;border:1px solid transparent;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.activity-btn.active{background:#4fc3f71f;border-color:#4fc3f74d;color:var(--text-primary);box-shadow:0 0 20px #4fc3f726}.activity-icon{font-size:24px}.miles-input-section{display:flex;flex-direction:column;gap:var(--sp-4)}.miles-display{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-lg)}.miles-number-input{background:none;border:none;outline:none;font-size:48px;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);width:120px;text-align:center;-moz-appearance:textfield}.miles-number-input::-webkit-outer-spin-button,.miles-number-input::-webkit-inner-spin-button{-webkit-appearance:none}.miles-unit-label{font-size:18px;font-weight:500;color:var(--text-secondary)}.miles-slider-wrap{position:relative;height:6px;background:#ffffff1a;border-radius:var(--r-full)}.miles-slider{position:absolute;top:-8px;right:0;bottom:-8px;left:0;width:100%;opacity:0;cursor:pointer;height:22px;z-index:2}.slider-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:var(--r-full);transition:width .1s;pointer-events:none}.preset-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.preset-chip{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-full);font-size:13px;font-weight:500;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);transition:all .2s}.preset-chip.active{background:#4fc3f72e;border-color:#4fc3f74d;color:var(--blue)}.char-count{font-size:11px;color:var(--text-tertiary);text-align:right;margin-top:var(--sp-2)}.btn-log{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);font-size:17px}.btn-icon{font-size:20px}.log-error{padding:var(--sp-3) var(--sp-4);font-size:14px;color:#ff8a80;background:#ff52521a;border-color:#ff525233}.success-screen{display:flex;align-items:center;justify-content:center;min-height:60vh}.success-burst{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;animation:successPop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes successPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.success-icon{font-size:72px}.success-title{font-size:28px;font-weight:700;color:var(--text-primary)}.success-sub{font-size:16px;color:var(--text-secondary)}.stats-container{display:flex;flex-direction:column;gap:var(--sp-4)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.stats-mini{grid-template-columns:1fr 1fr}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--sp-5) var(--sp-3);text-align:center;gap:2px}.stat-card-full{grid-column:1 / -1}.stat-icon{font-size:20px;margin-bottom:var(--sp-2)}.stat-miles{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.stat-card-full .stat-miles{font-size:36px}.stat-unit{font-size:13px;font-weight:500;color:var(--blue);text-transform:uppercase;letter-spacing:.04em}.stat-label{font-size:12px;color:var(--text-secondary);margin-top:var(--sp-1)}.stat-count{font-size:11px;color:var(--text-tertiary)}.monthly-chart{padding:var(--sp-5)}.chart-title{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-4)}.chart-sub{font-size:12px;color:var(--text-tertiary);font-weight:400}.chart-bars{display:flex;align-items:flex-end;gap:2px;height:72px}.chart-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}.chart-bar{width:100%;background:#ffffff1a;border-radius:2px 2px 0 0;min-height:2px;transition:height .4s ease}.chart-bar.has-data{background:linear-gradient(180deg,var(--blue) 0%,rgba(79,195,247,.5) 100%)}.chart-bar.today{background:linear-gradient(180deg,var(--green) 0%,rgba(105,240,174,.5) 100%);box-shadow:0 0 12px #69f0ae66}.today-dot{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--green)}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-tertiary);margin-top:var(--sp-3)}.activity-feed{padding:var(--sp-4)}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.feed-title{font-size:15px;font-weight:600;color:var(--text-primary)}.feed-count{font-size:12px;color:var(--text-tertiary)}.feed-empty{text-align:center;padding:var(--sp-8) 0;font-size:14px;color:var(--text-tertiary)}.feed-list{display:flex;flex-direction:column;gap:0}.feed-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid rgba(255,255,255,.06)}.feed-item:last-child{border-bottom:none}.feed-item-icon{font-size:20px;flex-shrink:0;margin-top:2px}.feed-item-info{flex:1;min-width:0}.feed-item-miles{font-size:16px;font-weight:600;color:var(--text-primary)}.feed-item-date{font-size:12px;color:var(--text-tertiary);margin-top:2px}.feed-item-notes{font-size:12px;color:var(--text-secondary);font-style:italic;margin-top:var(--sp-1)}.feed-item-actions{flex-shrink:0}.confirm-delete{display:flex;gap:var(--sp-2)}.btn-danger-sm{font-size:12px;font-weight:600;padding:3px var(--sp-3);background:#ff525226;border:1px solid rgba(255,82,82,.3);border-radius:var(--r-full);color:#ff8a80}.btn-cancel-sm{font-size:12px;font-weight:500;padding:3px var(--sp-3);background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-full);color:var(--text-secondary)}.feed-item-editing{padding:var(--sp-3)!important;align-items:stretch!important}.feed-item-edit{width:100%;display:flex;flex-direction:column;gap:var(--sp-3)}.edit-row-top{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.activity-toggle-sm{display:flex;gap:var(--sp-1);background:#ffffff0d;border-radius:var(--r-full);padding:3px}.activity-btn-sm{display:flex;align-items:center;gap:4px;padding:4px var(--sp-3);border-radius:var(--r-full);font-size:12px;font-weight:500;color:var(--text-secondary);transition:all .15s ease}.activity-btn-sm.active{background:var(--glass-fill);color:var(--text-primary);box-shadow:0 1px 4px #0000004d}.edit-miles-wrap{display:flex;align-items:center;gap:var(--sp-2)}.edit-miles-input{width:90px;text-align:center;font-size:16px;font-weight:600}.edit-miles-unit{font-size:13px;font-weight:600;color:var(--text-secondary)}.edit-datetime,.edit-notes{font-size:13px}.edit-error{font-size:12px;color:#ff8a80;padding:var(--sp-2) var(--sp-3);background:#ff52521a;border-radius:var(--r-sm)}.edit-row-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.btn-save-sm{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px var(--sp-3);background:#4fc3f726;border:1px solid rgba(79,195,247,.35);border-radius:var(--r-full);color:var(--blue);transition:opacity .15s ease}.btn-save-sm:disabled{opacity:.5}.btn-cancel-sm,.feed-item-btns{display:flex;align-items:center;gap:4px}============================ */ .profile-container{display:flex;flex-direction:column;gap:var(--sp-4)}.profile-hero-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-6)}.profile-avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;flex-shrink:0}.profile-identity{text-align:center}.profile-name{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-2)}.profile-status{font-size:14px;color:var(--text-secondary);font-style:italic;line-height:1.4}.profile-status-empty{font-size:14px;color:var(--text-tertiary);font-style:italic;cursor:pointer;padding:var(--sp-2) var(--sp-4);border:1px dashed rgba(255,255,255,.12);border-radius:var(--r-full);transition:all .2s}.profile-status-empty:hover{border-color:#fff3;color:var(--text-secondary)}.profile-email{font-size:12px;color:var(--text-tertiary);margin-top:var(--sp-2)}.profile-edit-fields{width:100%;display:flex;flex-direction:column;gap:var(--sp-3)}.profile-name-input{font-size:18px;font-weight:600;text-align:center}.profile-status-input{font-size:14px;text-align:center}.btn-log-quick{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-5);font-size:16px;font-weight:600;color:var(--blue);cursor:pointer;transition:all .2s;border-radius:var(--r-lg);width:100%}.btn-log-quick:active{transform:scale(.97)}.btn-log-icon{font-size:20px}.profile-footer-card{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5)}.profile-footer-info{display:flex;justify-content:space-between;align-items:center}.footer-label{font-size:13px;color:var(--text-tertiary)}.footer-value{font-size:13px;font-weight:500;color:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}*::-webkit-scrollbar{width:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--r-full)}@supports (padding-top: env(safe-area-inset-top)){.app-header{padding-top:calc(env(safe-area-inset-top) + 8px)}.bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + var(--sp-2))}}@media (min-width: 430px){.auth-screen,.setup-screen{background:var(--bg-base)}}@media (min-width: 768px){.app-root{max-width:430px;margin:0 auto}.bottom-nav{max-width:430px;left:50%;transform:translate(-50%)}}