:root{font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--font-sans: "Noto Sans SC", "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif;--bg: oklch(.94 .035 75);--surface: oklch(.965 .024 76);--surface-strong: oklch(.92 .045 70);--ink: oklch(.24 .055 55);--muted: oklch(.48 .035 58);--line: oklch(.79 .045 68);--primary: oklch(.31 .085 48);--accent: oklch(.51 .15 31);--accent-soft: oklch(.9 .055 35);--error: oklch(.48 .17 25);--shadow: 0 18px 48px color-mix(in oklch, var(--primary) 9%, transparent);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--ease-out: cubic-bezier(.22, 1, .36, 1)}:root[data-theme=ink]{--bg: oklch(.975 .004 250);--surface: oklch(.995 .002 250);--surface-strong: oklch(.93 .008 250);--ink: oklch(.2 .055 250);--muted: oklch(.47 .025 250);--line: oklch(.84 .012 250);--primary: oklch(.31 .08 250);--accent: oklch(.51 .15 31);--accent-soft: oklch(.93 .035 31);--shadow: 0 18px 48px color-mix(in oklch, var(--primary) 8%, transparent)}:root[data-theme=dark]{--bg: oklch(.11 .01 250);--surface: oklch(.16 .015 250);--surface-strong: oklch(.2 .02 250);--ink: oklch(.93 .01 80);--muted: oklch(.68 .015 80);--line: oklch(.32 .02 250);--primary: oklch(.75 .07 75);--accent: oklch(.62 .16 31);--accent-soft: oklch(.25 .07 31);--shadow: 0 20px 56px rgb(0 0 0 / 28%)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--ink)}.auth-shell{width:100%;min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 20% 12%,color-mix(in oklch,var(--surface) 75%,transparent),transparent 36%),var(--bg)}.login-card{width:min(100%,440px);padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface) 94%,transparent);box-shadow:0 26px 80px color-mix(in oklch,var(--primary) 14%,transparent)}.login-brand{display:grid;grid-template-columns:18px auto 1fr;align-items:center;gap:10px;padding-bottom:26px;border-bottom:1px solid var(--line)}.login-brand strong{font-family:var(--font-serif);font-size:1.45rem}.login-brand small{justify-self:end;color:var(--muted)}.login-copy{display:grid;margin:28px 0 24px}.login-copy>span{display:grid;width:46px;height:46px;place-items:center;margin-bottom:20px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.login-copy p{margin:0 0 6px;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.09em}.login-copy h1{margin:0;font-family:var(--font-serif);font-size:2rem;letter-spacing:-.03em}.login-copy>small{margin-top:9px;color:var(--muted);line-height:1.6}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;color:var(--muted);font-size:.76rem;font-weight:700}.login-card label>div{display:flex;min-height:50px;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.login-card label>div:focus-within{border-color:var(--accent);outline:3px solid color-mix(in oklch,var(--accent) 14%,transparent)}.login-card label svg{width:17px;color:var(--muted)}.login-card input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.login-error{margin:-3px 0 0;color:var(--error);font-size:.78rem}.login-local-note{display:flex;gap:11px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}.login-local-note>svg{flex:0 0 auto;width:19px;color:var(--accent)}.login-local-note span{display:grid;gap:4px}.login-local-note small{color:var(--muted);font-size:.7rem;line-height:1.55}.auth-checking{align-content:center;gap:8px;color:var(--muted)}.auth-checking strong{color:var(--ink);font-family:var(--font-serif);font-size:1.15rem}.auth-checking span{font-size:.74rem;text-align:center}.auth-spinner{margin:0 auto 8px;color:var(--accent);animation:auth-spin .85s linear infinite}.sync-indicator{position:fixed;z-index:19;right:14px;bottom:calc(78px + env(safe-area-inset-bottom));display:flex;min-height:34px;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklch,var(--surface) 92%,transparent);color:var(--muted);box-shadow:var(--shadow);font-size:.68rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sync-indicator svg{width:15px;height:15px}.sync-indicator.is-synced svg{color:var(--accent)}.sync-indicator.is-error{color:var(--error)}.sync-indicator.is-syncing svg{animation:auth-spin .85s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}button,input,select{font:inherit}button{color:inherit}button:focus-visible,dialog:focus-visible{outline:3px solid color-mix(in oklch,var(--accent) 62%,white);outline-offset:3px}.app-shell{min-height:100vh}main{width:min(100%,760px);margin-inline:auto;padding:max(20px,env(safe-area-inset-top)) 20px calc(112px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.topbar h1{margin:0;font-family:var(--font-serif);font-size:2.75rem;font-weight:700;letter-spacing:-.035em;line-height:1}.topbar p{margin:10px 0 0;font-family:var(--font-serif);color:var(--muted);font-size:.95rem}.theme-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:color-mix(in oklch,var(--surface) 80%,transparent)}.theme-switch button,.icon-button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.theme-switch button.is-active{background:var(--primary);color:var(--surface)}.ink-dot{width:17px;height:17px;border-radius:50%;background:currentColor}.dashboard-grid{display:grid;gap:var(--space-md)}.period-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:-10px 0 22px;padding:12px 0;border-block:1px solid var(--line)}.period-strip>div{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:5px;padding-inline:12px}.period-strip>div+div{border-left:1px solid var(--line)}.period-strip span,.period-strip small{color:var(--muted);font-size:.72rem}.period-strip strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.today-summary{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:18px;padding-bottom:var(--space-lg);border-bottom:1px solid var(--line)}.today-summary h2,.section-heading h2,.simple-page h2{margin:0;font-family:var(--font-serif);font-size:1.35rem;line-height:1.25}.distance{display:flex;align-items:baseline;gap:10px;margin:14px 0 16px;font-variant-numeric:tabular-nums}.distance strong{font-size:clamp(3.15rem,16vw,5rem);letter-spacing:-.055em;line-height:.98}.distance span{color:var(--muted);font-size:1.05rem;font-weight:600}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:14px}.metric-row>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:0}.metric-row>div+div{border-left:1px solid var(--line);padding-left:10px}.metric-row svg{grid-row:1 / 3;color:var(--primary)}.metric-row strong{min-width:0;overflow:hidden;font-size:.95rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.metric-row span{color:var(--muted);font-size:.72rem}.progress-ring{position:relative;width:132px;aspect-ratio:1}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:10}.progress-ring__track{stroke:var(--surface-strong)}.progress-ring__value{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .3s var(--ease-out)}.progress-ring__label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.progress-ring__label span{color:var(--muted);font-size:.72rem}.progress-ring__label strong{font-size:1.75rem;font-variant-numeric:tabular-nums}.streak-row{display:flex;min-height:64px;align-items:center;gap:12px;width:100%;padding:12px 16px;border:1px solid color-mix(in oklch,var(--line) 75%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 68%,transparent);cursor:pointer;text-align:left}.streak-row svg{color:var(--accent)}.streak-row strong{color:var(--accent);font-size:1.35rem;font-variant-numeric:tabular-nums}.streak-row__arrow{margin-left:auto;font-size:1.4rem;transition:transform .18s var(--ease-out)}.streak-row:hover .streak-row__arrow{transform:translate(3px)}.trend-chart{margin:0;padding:18px 4px 6px}.trend-chart__heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 5px}.trend-chart__heading figcaption{font-family:var(--font-serif);font-size:1.2rem;font-weight:700}.trend-chart__heading span{color:var(--muted);font-size:.8rem}.trend-chart svg{display:block;width:100%;height:auto;overflow:visible}.trend-chart text{fill:var(--muted);font-size:9px;font-family:var(--font-sans)}.trend-chart__axis{stroke:var(--line);stroke-width:1}.trend-chart__grid{stroke:color-mix(in oklch,var(--line) 55%,transparent);stroke-width:.75;stroke-dasharray:3 4}.trend-chart__line{fill:none;stroke:var(--primary);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.trend-chart__dot{fill:var(--primary)}.trend-chart__dot--today{fill:var(--accent);stroke:var(--accent-soft);stroke-width:6}.quick-start{display:grid;gap:var(--space-md);padding-top:var(--space-sm)}.activity-breakdown{display:grid;gap:16px;padding:18px 4px 4px}.activity-breakdown>div:last-child{display:grid;gap:12px}.activity-breakdown p{display:grid;grid-template-columns:48px minmax(80px,1fr) auto;align-items:center;gap:12px;margin:0;font-size:.82rem}.activity-breakdown i{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.activity-breakdown b{display:block;height:100%;border-radius:inherit;background:var(--accent)}.activity-breakdown strong{font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.section-heading>svg{color:var(--muted)}.start-button,.primary-button{display:flex;min-height:56px;align-items:center;justify-content:center;gap:16px;width:100%;padding:12px 20px;border:0;border-radius:999px;background:var(--primary);color:var(--surface);cursor:pointer;font-weight:700;transition:transform .12s var(--ease-out),background .18s var(--ease-out)}.start-button span:nth-child(2){font-size:1.05rem}.start-button span:last-child{margin-left:auto;font-size:1.5rem}.start-button:active,.primary-button:active{transform:scale(.985)}.primary-button:disabled{cursor:not-allowed;opacity:.58}.record-dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px color-mix(in oklch,var(--accent) 18%,transparent)}.activity-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.activity-shortcuts button{display:grid;min-height:88px;place-items:center;gap:6px;padding:12px 8px;border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;cursor:pointer}.activity-shortcuts button:nth-child(2){color:var(--accent);background:color-mix(in oklch,var(--accent-soft) 55%,transparent)}.activity-shortcuts svg{width:25px;height:25px}.mobile-nav{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in oklch,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{display:grid;min-height:54px;place-items:center;gap:3px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:.72rem}.mobile-nav button.is-active{color:var(--accent);font-weight:700}.desktop-sidebar,.desktop-only{display:none}.mobile-only{display:block}.simple-page{display:grid;min-height:54vh;place-content:center;gap:12px;text-align:center}.simple-page p{max-width:40ch;margin:0;color:var(--muted);line-height:1.7}.simple-page .primary-button{width:max-content;min-width:180px;margin:10px auto 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading h2{margin:0;font-family:var(--font-serif);font-size:1.8rem}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:.84rem}.page-heading .page-kicker{margin:0 0 5px;color:var(--accent);font-family:var(--font-sans);font-size:.72rem;font-weight:800;letter-spacing:.1em}.analysis-page{display:grid;gap:20px}.analysis-heading{margin-bottom:0}.compact-button{width:auto;min-height:46px;padding-inline:18px}.analysis-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;display:grid;grid-template-columns:1fr auto;min-height:138px;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 10px 30px color-mix(in oklch,var(--primary) 5%,transparent)}.metric-card>span{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.metric-card svg{width:17px}.metric-card p{align-self:start;margin:0;color:var(--muted);font-size:.76rem}.metric-card strong{grid-column:1 / -1;align-self:end;font-size:clamp(1.3rem,2vw,1.75rem);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.metric-card small{grid-column:1 / -1;margin-top:3px;color:var(--muted);font-size:.68rem}.analysis-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.75fr);gap:18px}.analysis-card{margin:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--surface) 92%,transparent);box-shadow:var(--shadow)}.analysis-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.analysis-card__heading figcaption,.analysis-card__heading h3{margin:0;font-family:var(--font-serif);font-size:1.18rem}.analysis-card__heading p{margin:5px 0 0;color:var(--muted);font-size:.76rem}.analysis-card__heading>span{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.distance-bars{grid-row:span 2;min-height:440px}.bar-chart{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:330px;margin-top:28px;padding:20px 10px 0;border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,color-mix(in oklch,var(--line) 50%,transparent) 0 1px,transparent 1px 82px)}.bar-column{display:grid;grid-template-rows:20px 1fr 28px;align-items:end;justify-items:center;height:100%}.bar-column>i{position:relative;display:flex;width:min(48px,70%);height:100%;align-items:end;overflow:hidden;border-radius:9px 9px 2px 2px;background:color-mix(in oklch,var(--surface-strong) 62%,transparent)}.bar-column>i b{display:block;width:100%;min-height:2px;border-radius:inherit;background:var(--primary);transition:height .3s var(--ease-out)}.bar-column>i b.is-today{background:var(--accent)}.bar-column small,.bar-value{color:var(--muted);font-size:.7rem;font-style:normal;font-variant-numeric:tabular-nums}.chart-zero{position:absolute;inset:38% 15% auto;display:grid;gap:4px;padding:12px;border-radius:var(--radius-sm);background:color-mix(in oklch,var(--surface) 88%,transparent);text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chart-zero strong{font-family:var(--font-serif)}.chart-zero span{color:var(--muted);font-size:.74rem}.mix-list{display:grid;gap:17px;margin-top:24px}.mix-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px}.mix-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--surface-strong)}.mix-icon--walk{color:var(--accent)}.mix-row>span:nth-child(2){display:grid;grid-template-columns:1fr;gap:7px}.mix-row strong{font-size:.78rem}.mix-row i{height:5px;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.mix-row i b{display:block;height:100%;border-radius:inherit;background:var(--accent)}.mix-row em{color:var(--muted);font-size:.72rem;font-style:normal;text-align:right}.weekly-rhythm{align-self:stretch}.rhythm-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:22px}.rhythm-days>div{display:grid;justify-items:center;gap:7px}.rhythm-days span{color:var(--muted);font-size:.68rem}.rhythm-days i{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-style:normal}.rhythm-days .is-done i{border-color:var(--accent);background:var(--accent);color:#fff}.rhythm-note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.rhythm-note strong{color:var(--accent)}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.history-summary article{display:grid;grid-template-columns:auto 1fr;align-items:baseline;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 78%,transparent)}.history-summary span{grid-column:1 / -1;margin-bottom:12px;color:var(--muted);font-size:.72rem}.history-summary strong{font-size:clamp(1.15rem,2vw,1.55rem);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.history-summary small{margin-left:5px;color:var(--muted);font-size:.65rem}.record-table-labels{display:none}.empty-state__visual{position:relative;display:flex;width:150px;height:86px;align-items:end;justify-content:center;gap:8px;margin-bottom:4px;border-bottom:1px solid var(--line)}.empty-state__visual>i{width:18px;border-radius:6px 6px 0 0;background:var(--surface-strong)}.empty-state__visual>i:nth-child(1){height:22px}.empty-state__visual>i:nth-child(2){height:40px}.empty-state__visual>i:nth-child(3){height:62px}.empty-state__visual>svg{width:30px;height:30px;margin:0 0 9px 5px;color:var(--accent)}.data-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px;margin-bottom:16px}.data-status-grid article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.data-status-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.data-status-grid svg{width:19px}.data-status-grid p{display:grid;gap:3px;margin:0}.data-status-grid small{color:var(--muted);font-size:.68rem}.data-status-grid em{padding:5px 8px;border-radius:999px;background:var(--primary);color:var(--surface);font-size:.64rem;font-style:normal;font-weight:700}.data-status-grid em.is-pending{background:var(--surface-strong);color:var(--muted)}.settings-actions{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:12px}.settings-actions .primary-button{width:220px}.secondary-button,.danger-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;font-weight:700}.danger-button{border-color:color-mix(in oklch,var(--error) 40%,var(--line));color:var(--error)}.record-list{border-block:1px solid var(--line)}.record-row{display:grid;grid-template-columns:44px minmax(110px,1fr) auto auto 12px;align-items:center;gap:12px;width:100%;min-height:78px;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;text-align:left}.record-row:last-child{border-bottom:0}.record-row__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.record-row__main,.record-row__metric{display:grid;gap:4px}.record-row__main span,.record-row__metric span{color:var(--muted);font-size:.74rem}.record-row__metric{text-align:right;font-variant-numeric:tabular-nums}.record-row__duration{min-width:84px}.empty-state{display:grid;min-height:52vh;place-items:center;place-content:center;gap:10px;text-align:center}.empty-state>svg{width:42px;height:42px;color:var(--accent)}.empty-state h3{margin:4px 0 0;font-family:var(--font-serif);font-size:1.4rem}.empty-state p{margin:0 0 8px;color:var(--muted)}.record-dialog{width:min(calc(100% - 24px),560px);max-height:min(90vh,760px);padding:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:0 24px 72px #24160d33}.record-dialog::backdrop{background:color-mix(in oklch,var(--ink) 40%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.record-dialog form{display:grid;gap:14px;padding:24px}.record-dialog__heading{display:flex;align-items:flex-start;justify-content:space-between}.record-dialog__heading p{margin:0 0 4px;color:var(--accent);font-size:.78rem;font-weight:700}.record-dialog h2{margin:0;font-family:var(--font-serif)}.record-dialog label,.settings-form label{display:grid;gap:7px;color:var(--muted);font-size:.8rem;font-weight:700}.record-dialog input,.record-dialog select,.settings-form input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.record-dialog input:focus,.record-dialog select:focus,.settings-form input:focus{border-color:var(--accent);outline:3px solid color-mix(in oklch,var(--accent) 15%,transparent)}.field-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.record-dialog__actions{display:flex;gap:10px;margin-top:6px}.record-dialog__actions .primary-button{flex:1}.settings-form{display:grid;gap:16px;max-width:720px}.settings-section{display:grid;gap:13px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 66%,transparent)}.settings-section h3{margin:0;font-family:var(--font-serif);font-size:1.08rem}.settings-section p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.55}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-options button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:11px;min-height:68px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.theme-options button.is-active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 15%,transparent)}.theme-options small{color:var(--muted)}.theme-preview{grid-row:1 / 3;width:40px;height:40px;border:1px solid var(--line);border-radius:10px}.theme-preview--warm{background:#f9e8d2}.theme-preview--ink{background:#f5f7f9}.privacy-note{display:flex;gap:12px;padding:16px;border-radius:var(--radius-sm);background:var(--surface-strong)}.privacy-note svg{flex:0 0 auto;color:var(--accent)}.privacy-note p{display:grid;gap:4px;margin:0}.privacy-note span{color:var(--muted);font-size:.8rem}.tracker-page{display:grid;gap:18px}.tracker-status{display:flex;align-items:center;gap:9px;min-height:44px}.tracker-status>span:last-child{max-width:52%;margin-left:auto;color:var(--muted);font-size:.78rem;line-height:1.4;text-align:right}.status-pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px var(--accent-soft)}.status-pulse.is-paused{background:var(--muted);box-shadow:none}.route-preview{position:relative;min-height:220px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.route-preview__grid{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px}.route-preview>svg.route-preview__track{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}.route-preview__track polyline{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.route-preview__track circle{fill:var(--accent);stroke:var(--accent-soft);stroke-width:9}.route-preview__empty{position:absolute;inset:0;display:grid;place-content:center;place-items:center;gap:10px;color:var(--muted)}.route-preview__empty svg{width:34px;height:34px;color:var(--accent)}.route-preview__privacy{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.7rem}.tracker-primary{display:grid;gap:16px}.tracker-primary>p{display:flex;align-items:baseline;gap:9px;margin:0}.tracker-primary>p strong{font-size:4.1rem;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}.tracker-primary>p span{color:var(--muted);font-weight:700}.tracker-primary>div{display:grid;grid-template-columns:repeat(3,1fr);padding-block:12px;border-block:1px solid var(--line)}.tracker-primary>div span{display:grid;gap:5px;padding-inline:10px;color:var(--muted);font-size:.72rem}.tracker-primary>div span+span{border-left:1px solid var(--line)}.tracker-primary>div strong{color:var(--ink);font-size:.95rem;font-variant-numeric:tabular-nums}.tracker-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.tracker-actions button{display:flex;min-height:60px;align-items:center;justify-content:center;gap:8px;border-radius:999px;cursor:pointer;font-weight:700}.tracker-actions__secondary{border:1px solid var(--line);background:transparent}.tracker-actions__finish{border:0;background:var(--accent);color:#fff}.workout-sheet{position:fixed;inset:auto 0 0;width:min(100%,560px);max-width:none;margin:0 auto;padding:28px 20px max(24px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:28px 28px 0 0;background:var(--surface);color:var(--ink);box-shadow:0 -20px 60px #24160d29}.workout-sheet::backdrop{background:color-mix(in oklch,var(--ink) 42%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.workout-sheet__grab{position:absolute;top:9px;left:50%;width:44px;height:4px;border-radius:999px;background:var(--line);transform:translate(-50%)}.workout-sheet__close{position:absolute;top:18px;right:18px;background:var(--surface-strong)}.workout-sheet h2{margin:5px 0 20px;font-family:var(--font-serif);font-size:1.6rem}.kicker{margin:0;color:var(--accent);font-size:.8rem;font-weight:700}.activity-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.activity-picker__item{display:grid;min-height:88px;place-items:center;gap:5px;border:1px solid var(--line);border-radius:var(--radius-md);background:transparent;cursor:pointer}.activity-picker__item.is-active{border-color:var(--primary);background:var(--primary);color:var(--surface)}.location-note{display:flex;gap:12px;margin:20px 0;padding:14px;border-radius:var(--radius-sm);background:var(--surface-strong)}.location-note svg{flex:0 0 auto;margin-top:2px}.location-note p{display:grid;gap:3px;margin:0}.location-note span{color:var(--muted);font-size:.8rem}.permission-result{display:grid;gap:10px}.permission-result>span{color:var(--accent);font-weight:700;text-align:center}.permission-result button{min-height:52px;border:0;border-radius:999px;background:var(--surface-strong);color:var(--muted)}.error-text{margin:12px 4px 0;color:var(--error);font-size:.82rem;line-height:1.5}@media(hover:hover){.theme-switch button:hover,.icon-button:hover{background:var(--surface-strong)}.theme-switch button.is-active:hover{background:var(--primary)}.activity-shortcuts button:hover,.activity-picker__item:hover{border-color:var(--primary)}.record-row:hover{background:color-mix(in oklch,var(--surface) 58%,transparent)}.start-button:hover,.primary-button:hover{background:color-mix(in oklch,var(--primary) 88%,var(--accent))}}@media(max-width:430px){main{padding-inline:16px}.period-strip>div{grid-template-columns:auto auto;justify-content:center;gap:2px 4px;padding-inline:6px;text-align:center}.period-strip span{grid-column:1 / -1}.today-summary{grid-template-columns:minmax(0,1fr) 110px;gap:8px 10px}.summary-copy{display:contents}.today-summary h2{grid-column:1;align-self:end}.distance{grid-column:1;align-self:start;margin:6px 0 4px}.metric-row{grid-column:1 / -1;width:100%}.progress-ring{grid-column:2;grid-row:1 / 3;width:110px}.metric-row svg{display:none}.metric-row>div{display:flex;flex-direction:column;align-items:flex-start}.distance strong{font-size:3.35rem}.history-summary{grid-template-columns:repeat(2,1fr)}.data-status-grid{grid-template-columns:1fr}}@media(min-width:900px){body{background:var(--bg)}.app-shell{display:grid;grid-template-columns:232px 1fr}.desktop-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:32px 20px;border-right:1px solid var(--line);background:color-mix(in oklch,var(--surface) 55%,transparent)}.brand-lockup{display:flex;align-items:center;gap:11px;padding:0 10px 34px;font-family:var(--font-serif);font-size:1.55rem}.brand-mark{width:17px;height:17px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--accent-soft)}.desktop-sidebar nav{display:grid;gap:6px}.desktop-sidebar nav button{display:flex;min-height:46px;align-items:center;gap:12px;padding:0 14px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer}.desktop-sidebar nav button.is-active{background:var(--primary);color:var(--surface)}.desktop-sidebar>p{margin:auto 10px 0;color:var(--muted);font-family:var(--font-serif);line-height:1.8}main{width:min(100%,1220px);padding:36px 48px 64px}.topbar{align-items:center;margin-bottom:38px}.topbar h1{font-size:2.25rem}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);gap:20px}.today-summary{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 180px;padding:26px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.progress-ring{width:180px;justify-self:end}.distance strong{font-size:5.5rem}.metric-row{max-width:650px}.metric-row strong{font-size:1rem}.streak-row{grid-column:2;grid-row:2;align-self:start;min-height:74px}.trend-chart{grid-column:1;grid-row:2 / 4;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.quick-start{grid-column:2;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.activity-breakdown{grid-column:1 / -1;grid-template-columns:180px 1fr;align-items:start;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.period-strip{margin-top:-18px;padding:14px 8px}.tracker-page{grid-template-columns:minmax(380px,1.2fr) minmax(320px,.8fr);align-items:start}.tracker-status{grid-column:1 / -1}.route-preview{grid-row:2 / 5;min-height:520px}.tracker-primary,.tracker-actions{grid-column:2}.history-page,.settings-page{padding-top:10px}.desktop-only{display:block}.mobile-only{display:none}.record-table-labels{display:grid;grid-template-columns:minmax(180px,1fr) 100px 150px 28px;gap:12px;padding:11px 16px;border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface-strong);color:var(--muted);font-size:.68rem}.record-list{padding-inline:12px;border:1px solid var(--line);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--surface)}.empty-state{min-height:380px;border:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:color-mix(in oklch,var(--surface) 60%,transparent)}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.settings-section:last-of-type{grid-column:1 / -1}.privacy-note,.settings-actions{grid-column:1 / -1}.mobile-nav{display:none}.sync-indicator{right:24px;bottom:24px}.workout-sheet{inset:50% auto auto 50%;border-radius:var(--radius-lg);transform:translate(-50%,-50%)}}@media(min-width:900px)and (max-width:1120px){.analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr}.distance-bars{grid-row:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}