:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--brand:#0273c9;--brand-text:#fff;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.page{max-width:34rem;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.page-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.page-head h1{margin:0;font-size:1.5rem}.muted{color:color-mix(in srgb, CanvasText 55%, Canvas)}.progress-pill{font-variant-numeric:tabular-nums;background:var(--brand);color:var(--brand-text);white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-size:.95rem;font-weight:600}.error{color:#b3261e;font-weight:500}.panel{border:1px solid color-mix(in srgb, CanvasText 15%, Canvas);background:color-mix(in srgb, CanvasText 3%, Canvas);border-radius:.9rem;padding:1.1rem}.panel+.panel{margin-top:1rem}.section-title{text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb, CanvasText 60%, Canvas);margin:0 0 .6rem;font-size:.95rem;font-weight:600}.btn{border:1px solid color-mix(in srgb, CanvasText 25%, Canvas);color:canvastext;min-height:44px;font:inherit;cursor:pointer;background:canvas;border-radius:.6rem;padding:0 1rem;font-weight:500}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--brand-text);border-color:#0000}.btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}.sync-menu{flex-shrink:0;position:relative}.sync-envelope{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.sync-envelope:active{background:#ffffff26}.sync-badge{min-width:16px;height:16px;color:var(--brand);border:1px solid var(--brand);text-align:center;background:#fff;border-radius:8px;padding:0 4px;font-size:.7rem;font-weight:700;line-height:14px;position:absolute;top:4px;right:4px}.sync-badge--alert{color:#fff;background:#c0392b;border-color:#fff;left:4px;right:auto}.sync-panel-backdrop{z-index:4;position:fixed;inset:0}.sync-panel{z-index:5;color:canvastext;border:1px solid color-mix(in srgb, CanvasText 15%, Canvas);background:canvas;border-radius:10px;flex-direction:column;gap:10px;width:280px;max-width:90vw;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px #00000040}.sync-panel-status{align-items:center;gap:8px;font-weight:600;display:flex}.sync-panel-pending{color:graytext;margin-left:auto;font-size:.85rem;font-weight:400}.sync-dot{background:graytext;border-radius:50%;width:9px;height:9px}.sync-dot--idle{background:#2e7d32}.sync-dot--syncing{background:#b7791f}.sync-dot--offline{background:graytext}.sync-deadletter{border-top:1px solid color-mix(in srgb, CanvasText 12%, Canvas);flex-direction:column;gap:10px;padding-top:10px;display:flex}.sync-deadletter-title{color:#c0392b;font-size:.9rem;font-weight:600}.sync-deadletter-entry{border:1px solid color-mix(in srgb, #c0392b 30%, Canvas);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.sync-deadletter-event{font-size:.9rem}.sync-deadletter-meta{color:graytext;font-size:.75rem}.sync-panel-actions{gap:8px;display:flex}.sync-panel-actions button{border:1px solid color-mix(in srgb, CanvasText 25%, Canvas);color:canvastext;cursor:pointer;background:canvas;border-radius:8px;flex:1;min-height:36px;padding:8px;font-size:.85rem}.google-signin-wrap{flex-direction:column;gap:8px;display:flex}.google-signin-note{color:canvastext;opacity:.7;margin:0;font-size:13px}.google-signin{color:#1f1f1f;width:100%;min-height:40px;font-family:"Roboto", var(--sans);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:20px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.google-signin:disabled{opacity:.6;cursor:default}.google-signin svg{flex-shrink:0;width:18px;height:18px}:root{--top-bar-height:calc(48px + env(safe-area-inset-top))}.top-bar{z-index:3;background:var(--brand);color:var(--brand-text);padding-top:env(safe-area-inset-top);position:sticky;top:0}.top-bar-row{align-items:center;gap:4px;height:48px;padding-inline:4px;display:flex}.menu-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}.menu-button svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none;width:24px;height:24px}.app-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.menu-scrim{inset:var(--top-bar-height) 0 0 0;z-index:1;opacity:0;visibility:hidden;background:#0006;transition:opacity .2s,visibility .2s;position:fixed}.menu-scrim.open{opacity:1;visibility:visible}.app-menu{top:var(--top-bar-height);z-index:2;box-sizing:border-box;width:max-content;max-width:80vw;height:calc(100svh - var(--top-bar-height));padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-right:1px solid color-mix(in srgb, CanvasText 15%, Canvas);background:canvas;flex-direction:column;gap:8px;transition:transform .2s;display:flex;position:fixed;left:0;overflow-y:auto;transform:translate(-100%)}.app-menu.open{transform:translate(0)}.menu-items{flex-direction:column;flex:1;gap:2px;display:flex}.menu-account{border-top:1px solid color-mix(in srgb, CanvasText 15%, Canvas);flex-direction:column;gap:8px;padding-top:8px;display:flex}.account-info{align-items:center;gap:8px;min-width:0;padding-inline:4px;display:flex}.account-avatar{border-radius:50%;flex-shrink:0;width:28px;height:28px}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.signout-btn{border:1px solid color-mix(in srgb, CanvasText 25%, Canvas);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding-inline:12px}.menu-item{min-height:44px;color:inherit;white-space:nowrap;border-radius:4px;align-items:center;padding-inline:12px;text-decoration:none;display:flex}.menu-item.active{background:color-mix(in srgb, var(--brand) 12%, Canvas);color:var(--brand);font-weight:600}@media (prefers-reduced-motion:reduce){.menu-scrim,.app-menu{transition-duration:0s}}.putting-chart{width:100%;height:auto;display:block}.putting-chart .grid{stroke:color-mix(in srgb, CanvasText 14%, Canvas);stroke-width:1px}.putting-chart .axis-label{fill:color-mix(in srgb, CanvasText 55%, Canvas);font-size:10px}.putting-chart .axis-title{fill:color-mix(in srgb, CanvasText 45%, Canvas);font-size:10px}.putting-chart .series-line{fill:none;stroke:var(--brand);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.putting-chart .series-dot{fill:var(--brand)}.read-only-note{margin-top:-.5rem;margin-bottom:1rem;font-size:.9rem}.daily-test .prompt{text-align:center}.prompt-label{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, CanvasText 55%, Canvas);margin:0;font-size:.8rem}.prompt-distance{color:var(--brand);margin:.2rem 0 .6rem;font-size:4.5rem;font-weight:700;line-height:1}.prompt-distance .unit{color:canvastext;font-size:1.5rem;font-weight:500}.prompt-sub{margin:0 0 1rem}.made-buttons{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.made-btn{border:1px solid color-mix(in srgb, CanvasText 25%, Canvas);color:canvastext;min-height:56px;font:inherit;cursor:pointer;background:canvas;border-radius:.7rem;font-size:1.4rem;font-weight:600}.made-btn:active{background:var(--brand);color:var(--brand-text)}.complete-head{margin:0 0 .25rem;font-size:1.2rem;font-weight:600}.results-grid{grid-template-columns:repeat(auto-fill,minmax(3.2rem,1fr));gap:.4rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.results-grid .result{font-variant-numeric:tabular-nums;border-radius:.5rem;flex-direction:column;align-items:center;padding:.35rem 0;display:flex}.result.done{background:color-mix(in srgb, var(--brand) 16%, Canvas)}.result.pending{background:color-mix(in srgb, CanvasText 7%, Canvas);color:color-mix(in srgb, CanvasText 45%, Canvas)}.result-dist{font-size:.85rem;font-weight:600}.result-made{font-size:.8rem}@media (prefers-reduced-motion:reduce){.made-btn:active{color:canvastext;background:canvas}}.number-strip{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:.45rem;padding:.15rem .1rem .55rem;display:flex;overflow-x:auto}.strip-chip{border:1px solid color-mix(in srgb, CanvasText 22%, Canvas);color:canvastext;min-width:48px;height:52px;font:inherit;cursor:pointer;scroll-snap-align:center;font-variant-numeric:tabular-nums;background:canvas;border-radius:.7rem;flex:none;padding:0 .7rem;font-size:1.2rem;font-weight:600}.strip-chip.selected{background:var(--brand);color:var(--brand-text);border-color:#0000}.strip-chip:active{transform:translateY(1px)}.strip-suffix{opacity:.85;margin-left:1px;font-size:.7rem;font-weight:500}@media (prefers-reduced-motion:reduce){.strip-chip:active{transform:none}}.free-form{flex-direction:column;gap:1.2rem;display:flex}.field-block{flex-direction:column;gap:.35rem;display:flex}.field-label{font-weight:500}.field-label em{color:var(--brand);margin-left:.35rem;font-style:normal;font-weight:700}.made-grid{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.5rem;display:grid}.num-btn{border:1px solid color-mix(in srgb, CanvasText 22%, Canvas);color:canvastext;min-height:48px;font:inherit;cursor:pointer;font-variant-numeric:tabular-nums;background:canvas;border-radius:.6rem;font-size:1.2rem;font-weight:600}.num-btn:active{background:var(--brand);color:var(--brand-text)}.save-note{text-align:center;min-height:1.2rem;color:var(--brand);margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){.num-btn:active{color:canvastext;background:canvas}}.stepper{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stepper-label{font-weight:500}.stepper-controls{align-items:center;gap:.75rem;display:flex}.step-btn{border:1px solid color-mix(in srgb, CanvasText 25%, Canvas);color:canvastext;width:44px;height:44px;font:inherit;cursor:pointer;background:canvas;border-radius:50%;font-size:1.5rem;line-height:1}.step-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem;font-size:1.6rem;font-weight:600}.stepper-suffix{color:color-mix(in srgb, CanvasText 55%, Canvas);margin-left:.15rem;font-size:.95rem;font-weight:500}.modal-backdrop{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));z-index:50;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-body{flex-direction:column;gap:1rem;display:flex}.modal-fixed{margin:0}.modal-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.4rem;display:flex}.modal-actions-right{gap:.6rem;display:flex}.danger-link{color:#b3261e;border-color:#0000;padding-left:.5rem;padding-right:.5rem}@media (width>=30rem){.modal-backdrop{align-items:center}}.history-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.history-row{border:1px solid color-mix(in srgb, CanvasText 12%, Canvas);text-align:left;background:canvas;border-radius:.55rem;align-items:center;gap:.55rem;width:100%;min-height:40px;padding:.3rem .6rem;display:flex}.history-row[role=button]{cursor:pointer}.history-row[role=button]:active{background:color-mix(in srgb, CanvasText 5%, Canvas)}.kind-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex:none;padding:.08rem .4rem;font-size:.68rem;font-weight:700}.kind-badge.test{background:color-mix(in srgb, var(--brand) 18%, Canvas);color:color-mix(in srgb, var(--brand) 90%, CanvasText)}.kind-badge.free{background:color-mix(in srgb, CanvasText 10%, Canvas)}.row-when{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.8rem;overflow:hidden}.row-stats{font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:.6rem;margin-left:auto;font-size:.92rem;display:flex}.row-distance{font-weight:600}.row-made{color:color-mix(in srgb, CanvasText 55%, Canvas)}.row-pct{text-align:right;min-width:2.6rem;color:var(--brand);font-weight:700}.chart-panel{padding-top:.6rem}.chart-caption{text-align:center;margin:.6rem 0 0;font-size:.85rem}.modal-backdrop{z-index:10;padding:calc(var(--top-bar-height) + 16px) 16px 16px;background:#00000073;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{color:canvastext;background:canvas;border-radius:14px;width:100%;max-width:360px;padding:20px;box-shadow:0 12px 40px #0000004d}.modal-title{margin:0 0 16px;font-size:1.1rem}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form .field{flex-direction:column;gap:6px;display:flex}.modal-form .field>span{color:graytext;font-size:.8rem}.modal-form input{border:1px solid color-mix(in srgb, CanvasText 30%, transparent);color:fieldtext;min-height:44px;font:inherit;background:field;border-radius:8px;padding-inline:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.modal-actions button{background:var(--brand);min-height:44px;color:var(--brand-text);font:inherit;cursor:pointer;border:0;border-radius:8px;padding-inline:16px}.modal-actions button.secondary{background:color-mix(in srgb, CanvasText 12%, transparent);color:canvastext}.template-test{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.foo-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.foo-header h1{margin:0;font-size:1.4rem}.add-btn{background:var(--brand);width:44px;height:44px;color:var(--brand-text);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0;font-size:1.5rem;line-height:1}.foo-panel{border:1px solid color-mix(in srgb, CanvasText 15%, transparent);background:canvas;border-radius:12px;margin-top:12px;padding-inline:12px;box-shadow:0 1px 3px #00000014}.foo-list{margin:0;padding:0;list-style:none}.foo-entry{border-bottom:1px solid color-mix(in srgb, CanvasText 12%, transparent)}.foo-entry:last-child{border-bottom:none}.foo-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding-block:6px;display:flex}.foo-values{flex-direction:column;gap:2px;min-width:0;display:flex}.foo-public{overflow-wrap:anywhere}.foo-private{color:graytext;overflow-wrap:anywhere;font-size:.8rem}.foo-actions{flex:none;gap:4px;display:flex}.icon-btn{color:graytext;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-btn:active{background:color-mix(in srgb, CanvasText 10%, transparent)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.foo-empty{color:graytext}.foo-error{color:#be1e1e}