:root{--bg: #f2f2f7;--card: #ffffff;--card-2: #f2f2f7;--label: #000000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--sep: rgba(60, 60, 67, .18);--fill: rgba(118, 118, 128, .12);--tint: #248a3d;--tint-ink: #ffffff;--tint-soft: rgba(52, 199, 89, .14);--ring: #34c759;--ring-track: rgba(52, 199, 89, .16);--blue: #007aff;--orange: #ff9500;--red: #ff3b30;--red-text: #d70015;--purple: #af52de;--teal: #30b0c7;--bar: rgba(249, 249, 249, .86);color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #000000;--card: #1c1c1e;--card-2: #2c2c2e;--label: #ffffff;--label-2: rgba(235, 235, 245, .6);--label-3: rgba(235, 235, 245, .3);--sep: rgba(84, 84, 88, .6);--fill: rgba(118, 118, 128, .24);--tint: #30d158;--tint-ink: #000000;--tint-soft: rgba(48, 209, 88, .18);--ring: #30d158;--ring-track: rgba(48, 209, 88, .2);--blue: #0a84ff;--orange: #ff9f0a;--red: #ff453a;--red-text: #ff6961;--purple: #bf5af2;--teal: #40c8e0;--bar: rgba(22, 22, 24, .86);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.3;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;letter-spacing:inherit;color:inherit}a{color:var(--tint);text-decoration:none}.num{font-variant-numeric:tabular-nums}.app{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.page{max-width:600px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px 24px}.eyebrow{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--label-2);margin:8px 0 0}.large-title{font-size:34px;font-weight:700;letter-spacing:-.025em;margin:2px 0 18px}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.title-row .large-title{flex:1;min-width:0}.title-row .plain-btn{margin-bottom:22px}.center{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:10px;color:var(--label-2)}.center h2{color:var(--label);margin:0;font-size:22px}.center p{margin:0;max-width:320px}.footnote{font-size:13px;color:var(--label-2);margin:8px 16px 0;line-height:1.35}.footnote.center-text{text-align:center}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep);padding:6px 0 calc(4px + env(safe-area-inset-bottom))}.tabbar a{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;color:var(--label-2);position:relative;padding-top:2px}.tabbar a.on{color:var(--tint)}.tabbar .live{position:absolute;top:0;left:calc(50% + 8px)}.section{margin-bottom:28px}.section-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 16px 7px;font-size:13px;text-transform:uppercase;letter-spacing:.02em;color:var(--label-2)}.section-header .plain-btn{text-transform:none;letter-spacing:-.01em;font-size:15px}.group{background:var(--card);border-radius:12px;overflow:hidden}.group+.group{margin-top:12px}.cell{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:11px 16px;background:none;border:0;text-align:left;color:var(--label)}.cell+.cell:before,.group>div+div>.cell:first-child:before{content:"";position:absolute;top:0;right:0;left:var(--inset, 16px);border-top:.5px solid var(--sep)}.cell.has-icon{--inset: 60px}.cell.has-avatar{--inset: 64px}button.cell,a.cell{cursor:pointer}button.cell:active,a.cell:active{background:var(--fill)}.cell-main{flex:1;min-width:0}.cell-title{font-size:17px;overflow:hidden;text-overflow:ellipsis}.cell-sub{font-size:14px;color:var(--label-2);margin-top:2px;line-height:1.3}.cell-sub.notes{white-space:pre-wrap}.cell-detail{font-size:17px;color:var(--label-2);text-align:right;flex:none}.cell-detail.strong{color:var(--label);font-weight:600}.chev{color:var(--label-3);flex:none;margin-right:-4px}.cell.destructive{color:var(--red-text);justify-content:center}.cell.action{color:var(--tint)}.icon-tile{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:none}.icon-tile svg{width:19px;height:19px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:15px;flex:none}.empty{padding:28px 16px;text-align:center;color:var(--label-2);font-size:15px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:14px 20px;border:0;border-radius:14px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98);opacity:.85}.btn:disabled{opacity:.5}.btn.filled{background:var(--tint);color:var(--tint-ink)}.btn.tinted{background:var(--tint-soft);color:var(--tint)}.btn.gray{background:var(--fill);color:var(--label)}.btn.danger{background:#ff3b301f;color:var(--red-text)}.btn.small{width:auto;min-height:34px;padding:7px 14px;border-radius:999px;font-size:15px}.btn-stack{display:grid;gap:10px;margin-bottom:28px}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plain-btn{background:none;border:0;padding:4px 0;color:var(--tint);font-size:17px;cursor:pointer}.plain-btn.destructive{color:var(--red-text)}.check-btn{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--tint-soft);color:var(--tint);cursor:pointer;flex:none}.check-btn svg{width:18px;height:18px}.segmented{display:flex;background:var(--fill);border-radius:9px;padding:2px;margin-bottom:16px}.segmented button{flex:1;border:0;background:transparent;font-size:13px;font-weight:500;padding:7px 4px;border-radius:7px;cursor:pointer;white-space:nowrap}.segmented button.on{background:var(--card);font-weight:600;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}@media (prefers-color-scheme: dark){.segmented button.on{background:#636366}}.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--fill);color:var(--label-2);white-space:nowrap}.badge.ok{background:var(--tint-soft);color:var(--tint)}.badge.warn{background:#ff950026;color:#c46c00}.badge.bad{background:#ff3b3021;color:var(--red-text)}@media (prefers-color-scheme: dark){.badge.warn{color:var(--orange)}}.form{margin-bottom:28px}.form .group{margin-bottom:8px}.field{position:relative;display:block;padding:9px 16px 10px}.field+.field:before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--sep)}.field-label{display:block;font-size:13px;color:var(--label-2);margin-bottom:3px}.field input,.field select,.field textarea{display:block;width:100%;border:0;padding:0;background:transparent;color:var(--label);font:inherit;font-size:17px;outline:none;min-height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field textarea{resize:vertical}.field input[type=color]{height:30px;width:60px;border-radius:6px}.field input::placeholder,.field textarea::placeholder{color:var(--label-3)}.field.toggle{display:flex;align-items:center;justify-content:space-between;min-height:48px}.field-hint{font-size:13px;color:var(--label-2);margin:4px 0 0}.switch{position:relative;width:51px;height:31px;flex:none}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--fill);transition:background .2s;pointer-events:none}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f;transition:transform .2s}.switch input:checked+span{background:#34c759}.switch input:checked+span:after{transform:translate(20px)}.error,.info{font-size:15px;border-radius:12px;padding:12px 14px;margin:0 0 12px}.error{background:#ff3b301f;color:var(--red-text)}.info{background:var(--tint-soft);color:var(--tint)}.ring-card{background:var(--card);border-radius:20px;padding:22px 16px 18px;margin-bottom:16px}.ring-wrap{position:relative;width:196px;height:196px;margin:0 auto 18px}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-wrap circle{fill:none;stroke-width:18;stroke-linecap:round}.ring-wrap .track{stroke:var(--ring-track)}.ring-wrap .progress{stroke:var(--ring);transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-value{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.ring-unit{font-size:15px;color:var(--label-2);margin-top:6px}.stats3{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats3>div+div{border-left:.5px solid var(--sep)}.stat-value{font-size:22px;font-weight:600;letter-spacing:-.02em}.stat-label{font-size:13px;color:var(--label-2);margin-top:2px}.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.6s infinite;flex:none}@keyframes pulse{0%{box-shadow:0 0 #ff3b308c}70%{box-shadow:0 0 0 7px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.walk-live{background:var(--card);border-radius:20px;padding:22px 16px 16px;margin-bottom:28px;text-align:center}.walk-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--label-2)}.walk-timer{font-size:68px;font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:10px 0 2px}.walk-timer-label{font-size:15px;color:var(--label-2)}.walk-stats{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 18px}.walk-stats>div+div{border-left:.5px solid var(--sep)}.walk-stats .stat-value{font-size:30px;font-weight:700}.walk-gps{font-size:13px;color:var(--label-2);margin:0 0 14px}.walk-live .btn+.btn,.walk-live .btn+.plain-btn{margin-top:10px}.rank-pos{width:22px;text-align:center;font-weight:600;color:var(--label-2);flex:none}.rank-pos.first{color:#d4a000}.bar{height:6px;background:var(--fill);border-radius:999px;margin-top:7px;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;transition:width .5s ease}.profile-head{text-align:center;margin:8px 0 24px}.profile-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:var(--tint-soft);color:var(--tint)}.profile-avatar svg{width:46px;height:46px}.profile-head h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.profile-head p{margin:4px 0 0;color:var(--label-2)}.url{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;word-break:break-all;color:var(--label-2)}.login{max-width:420px;margin:0 auto;padding:calc(64px + env(safe-area-inset-top)) 16px 32px}.app-icon{width:84px;height:84px;border-radius:20px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#3ddc6b,#1f8a3c);box-shadow:0 10px 24px #248a3d47}.app-icon svg{width:46px;height:46px}.login h1{text-align:center;font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0}.login .sub{text-align:center;color:var(--label-2);margin:6px 0 30px}.login .plain-btn{display:block;margin:16px auto 0;font-size:15px}
