:root{--bg: #faf9f6;--surface: #ffffff;--border: #e3e0d8;--text: #26251f;--text-muted: #6f6d64;--accent: #2f6f5e;--on-accent: #ffffff;--accent-soft: #e7f0ed;--danger: #a4443c;--focus: #2f6f5e;--chart-1: #2f6f5e;--chart-2: #7a5ea6;--chart-3: #b0813f;--chart-4: #5a7fa6;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--radius: 8px;--container: 720px;--font: ui-sans-serif, -apple-system, "Segoe UI", sans-serif;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--leading: 1.6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #191b19;--surface: #212422;--border: #33372f;--text: #e8e6df;--text-muted: #9b998f;--accent: #6cae9b;--on-accent: #12211c;--accent-soft: #24352f;--danger: #d08076;--focus: #6cae9b;--chart-1: #6cae9b;--chart-2: #a68fd0;--chart-3: #cfa668;--chart-4: #7fa3c9}}:root[data-theme=dark]{--bg: #191b19;--surface: #212422;--border: #33372f;--text: #e8e6df;--text-muted: #9b998f;--accent: #6cae9b;--on-accent: #12211c;--accent-soft: #24352f;--danger: #d08076;--focus: #6cae9b;--chart-1: #6cae9b;--chart-2: #a68fd0;--chart-3: #cfa668;--chart-4: #7fa3c9}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.shell{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--container);margin:0 auto;padding:0 var(--space-3)}.topbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:2}.topbar .brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600}.topbar .spacer{flex:1}.topbar button{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);min-height:44px;min-width:44px;color:var(--text-muted);cursor:pointer}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.chart-legend-item{display:inline-flex;align-items:center;gap:var(--space-1)}.chart-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.chart-swatch-ref{background:none;border-top:2px dashed var(--danger);height:0;border-radius:0}.prefill-note{font-size:var(--text-sm);color:var(--text-muted)}.prefill-copy{font-size:var(--text-sm);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);min-height:32px}.checkin-warn{font-size:var(--text-sm);color:var(--text-muted);background:var(--accent-soft);border-radius:var(--radius);padding:var(--space-1) var(--space-2)}.prefill-note .prefill-clear{text-decoration:underline;padding:0;min-height:0}.activity{color:var(--text-muted);font-size:var(--text-sm);margin:0;animation:activity-pulse 1.6s ease-in-out infinite}@keyframes activity-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.activity{animation:none;opacity:.8}}.hints{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0 0}.hint-chip{font-size:var(--text-sm);min-height:32px;max-width:100%;text-align:left}.records{flex:1;padding:var(--space-3) 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.chip{background:none;border:1px solid var(--border);border-radius:999px;padding:var(--space-1) var(--space-3);min-height:36px;color:var(--text-muted);cursor:pointer}.rec-day h2{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:none;margin:var(--space-3) 0 var(--space-2)}.rec-row{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.rec-main{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;padding-right:118px}.rec-name{font-weight:600}.rec-hr,.rec-distance,.rec-score{font-size:var(--text-sm);color:var(--accent);font-variant-numeric:tabular-nums}.rec-orphan .rec-name{font-weight:500;color:var(--text-muted)}.rec-kind{font-size:var(--text-sm);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:0 var(--space-2)}.rec-value{color:var(--accent);font-variant-numeric:tabular-nums}.rec-time{margin-left:auto;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.rec-note{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-muted)}.rec-actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);opacity:0}.rec-row:hover .rec-actions,.rec-row:focus-within .rec-actions{opacity:1}.rec-actions button{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);color:var(--text-muted);cursor:pointer;font-size:var(--text-sm)}.rec-actions button.danger{color:var(--danger)}.rec-edit{display:flex;flex-direction:column;gap:var(--space-2)}.rec-edit label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-muted);flex:1}.rec-edit input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);color:var(--text);min-height:40px}.rec-edit-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.rec-edit-row label{flex:1 1 120px;min-width:0}.rec-edit-actions{display:flex;gap:var(--space-2)}.rec-edit-actions button{border:1px solid var(--border);border-radius:var(--radius);background:none;color:var(--text);padding:var(--space-2) var(--space-3);min-height:40px;cursor:pointer}.rec-edit-actions button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.rec-error{color:var(--danger);font-size:var(--text-sm)}.rec-empty{color:var(--text-muted)}@media(max-width:520px){.rec-edit-row{flex-direction:column}.rec-main{padding-right:0}.rec-actions{position:static;opacity:1;margin-top:var(--space-1)}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center}.crash{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-4);max-width:46ch;margin:0 auto}.crash p{color:var(--text-muted);margin:0}.crash-reload{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);padding:var(--space-2) var(--space-4);min-height:44px;cursor:pointer}.crash-details{font-size:var(--text-sm);color:var(--text-muted);max-width:100%;width:100%}.crash-details summary{cursor:pointer}.crash-details pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);margin-top:var(--space-1)}.login{position:relative}.login .theme-toggle.login-corner{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:1px solid var(--border);border-radius:var(--radius);min-height:44px;min-width:44px;color:var(--text-muted);cursor:pointer}.connbar{position:sticky;top:0;z-index:3;text-align:center;font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border-radius:0 0 var(--radius) var(--radius)}.connbar.reconnecting{color:var(--on-accent);background:var(--accent);animation:connbar-pulse 1.6s ease-in-out infinite}.connbar.recovered{color:var(--accent);background:var(--accent-soft)}@keyframes connbar-pulse{0%,to{opacity:.75}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.connbar.reconnecting{animation:none}}.messages{flex:1;padding:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-3)}.messages[hidden]{display:none}.dock{position:sticky;bottom:0;background:var(--bg);z-index:2}.unread-pill{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--on-accent);border:none;border-radius:999px;min-height:32px;padding:0 var(--space-3);font-size:var(--text-sm);cursor:pointer;box-shadow:0 2px 8px #00000040}.msg{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.msg.user{align-self:flex-end;background:var(--accent-soft);border-radius:var(--radius);padding:var(--space-2) var(--space-3);max-width:85%}.msg.assistant{align-self:stretch}.chart-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--space-3);margin-top:var(--space-2);overflow-x:auto}.chart-block h4{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.error{color:var(--danger);font-size:var(--text-sm)}.composer{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) 0 max(var(--space-3),env(safe-area-inset-bottom));border-top:1px solid var(--border)}.composer textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px var(--space-3);min-height:44px;max-height:160px;overflow-y:auto;transition:border-color .15s ease-out}.composer textarea:focus{outline:none;border-color:var(--accent)}.composer button{border:none;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);padding:0 var(--space-3);min-width:44px;min-height:44px;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-3)}.login p{color:var(--text-muted);max-width:42ch;margin:0}.login a.google{display:inline-block;background:var(--accent);color:var(--on-accent);text-decoration:none;border-radius:var(--radius);padding:var(--space-2) var(--space-4);min-height:44px;line-height:28px}.centered{height:100%;display:grid;place-items:center;color:var(--text-muted)}.md{line-height:var(--leading);white-space:normal}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md blockquote,.md pre,.md table{margin:0 0 var(--space-2)}.md h1,.md h2,.md h3,.md h4{font-size:var(--text-base);font-weight:600;margin:var(--space-3) 0 var(--space-1)}.md ul,.md ol{padding-left:var(--space-4)}.md li{margin-bottom:var(--space-1)}.md li>p{margin-bottom:var(--space-1)}.md code{background:var(--accent-soft);border-radius:4px;padding:0 4px;font-size:.875em}.md pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);overflow-x:auto}.md pre code{background:none;padding:0}.md blockquote{border-left:2px solid var(--accent);padding-left:var(--space-3);color:var(--text-muted)}.md table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.md th,.md td{border:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:left}.md th{background:var(--surface);font-weight:600}.md a{color:var(--accent)}.md hr{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0}.composer textarea,.md pre,.md table{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.composer textarea::-webkit-scrollbar,.md pre::-webkit-scrollbar,.md table::-webkit-scrollbar{width:8px;height:8px}.composer textarea::-webkit-scrollbar-track,.md pre::-webkit-scrollbar-track,.md table::-webkit-scrollbar-track{background:transparent}.composer textarea::-webkit-scrollbar-thumb,.md pre::-webkit-scrollbar-thumb,.md table::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.checkin{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--space-3);margin-bottom:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);max-height:60vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.checkin::-webkit-scrollbar{width:8px}.checkin::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.checkin-head,.checkin-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.checkin .spacer{flex:1}.checkin-row{display:flex;flex-direction:column;gap:var(--space-1)}.checkin-row+.checkin-row{padding-top:var(--space-2);border-top:1px solid var(--border)}.ci-top,.ci-bottom{display:flex;gap:var(--space-1);align-items:center}.ci-bottom{flex-wrap:wrap}.ci-name{flex:1 1 auto;min-width:0}.ci-note{flex:1 1 140px;min-width:0}.ci-time,.ci-end{flex:0 0 108px}.ci-dur{flex:0 0 72px}.ci-hr{flex:0 0 82px}.ci-dist{flex:0 0 84px}.ci-score{flex:0 0 76px}.ci-arrow{flex:0 0 auto;color:var(--text-muted);font-size:var(--text-sm)}.ci-echo{padding-left:2px;color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.ci-top .quiet{flex:0 0 32px;min-height:36px}@media(max-width:680px){.ci-top,.ci-bottom{flex-wrap:wrap}.ci-name,.ci-note{flex:1 1 100%}.ci-time,.ci-end{flex:1 1 110px}.ci-dur,.ci-hr,.ci-dist,.ci-score{flex:1 1 70px}}.checkin input,.checkin .dayscore input{border:1px solid var(--border);border-radius:6px;background:var(--bg);padding:var(--space-1) var(--space-2);min-height:36px;width:100%}.checkin input:focus{outline:none;border-color:var(--accent)}.checkin button.quiet{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);min-height:36px;min-width:32px;padding:0 var(--space-2);cursor:pointer}.checkin button.primary{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);min-height:40px;padding:0 var(--space-3);cursor:pointer}.checkin button.primary:disabled{opacity:.5}.checkin .dayscore{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.checkin .dayscore input{width:72px}.checkin-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);min-width:44px;min-height:44px;cursor:pointer;align-self:flex-end}.checkin-toggle[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}@media(max-width:680px){.hints{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hints::-webkit-scrollbar{display:none}.hint-chip{flex:0 0 auto;white-space:nowrap}.composer{gap:var(--space-1);padding-top:var(--space-2)}.composer button{min-width:40px;min-height:40px;padding:0 var(--space-2)}.composer textarea{min-height:40px;padding:8px var(--space-2)}.checkin-head{flex-wrap:wrap}.prefill-note{order:5;flex-basis:100%}.checkin-row{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2)}}.composer button.checkin-toggle{background:none;color:var(--text-muted);border:1px solid var(--border)}.composer button.checkin-toggle[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.checkin-head strong{white-space:nowrap}.checkin-head input[type=date]{width:150px;flex:none}@media(max-width:680px){.checkin-head input[type=date]{width:132px}}.composer button,.checkin-toggle,.checkin button.quiet{display:inline-flex;align-items:center;justify-content:center}.msg{position:relative}.msg .copy-btn{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease-out}.msg:hover .copy-btn,.msg .copy-btn:focus-visible{opacity:1}.msg.user .copy-btn{top:4px;right:4px}@media(hover:none){.msg .copy-btn{opacity:.55}}.msg .meta{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.msg.user .meta{text-align:right}.search{display:flex;align-items:center;gap:var(--space-2);position:relative}.search input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--space-1) var(--space-2);min-height:36px;width:min(280px,40vw)}.search input:focus{outline:none;border-color:var(--accent)}.search .search-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);min-width:44px;min-height:44px;cursor:pointer}.search-panel{position:absolute;top:calc(100% + 4px);right:0;width:min(420px,90vw);max-height:50vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:3;display:flex;flex-direction:column}.search-empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.search-hit{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"who when" "snip snip";gap:2px var(--space-2);text-align:left;padding:var(--space-2) var(--space-3);background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer}.search-hit:hover,.search-hit:focus-visible{background:var(--accent-soft)}.search-hit .who{grid-area:who;color:var(--accent);font-size:var(--text-sm);font-weight:600}.search-hit .when{grid-area:when;color:var(--text-muted);font-size:var(--text-sm)}.search-hit .snip{grid-area:snip;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-hit mark{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:0 2px}.msg.hit{border-left:2px solid var(--accent);padding-left:var(--space-2);background:var(--accent-soft);border-radius:var(--radius);padding:var(--space-2)}.privacy{flex:1;width:100%;max-width:560px;margin:0 auto;padding:var(--space-4) 0 var(--space-5)}.privacy section+section{margin-top:var(--space-4)}.privacy h2{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin:0 0 var(--space-1)}.privacy p{margin:0;line-height:1.55}.privacy a{color:var(--accent)}.privacy-link{background:none;border:none;color:var(--text-muted);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px}