:root{--bg: #f4f5f2;--panel: #ffffff;--text: #15191c;--muted: #5d6670;--line: #d9ddd6;--accent: #1f7a4d;--accent-text: #ffffff;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #14181c;--panel: #1e2328;--text: #eef1ee;--muted: #9aa3ab;--line: #333b42;--accent: #3fb37a;--accent-text: #0b1410;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}main{max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h1{margin:0;font-size:22px;letter-spacing:.02em}.settings{display:flex;gap:8px;flex:1;min-width:0;justify-content:flex-end}.settings select{min-width:0;flex:0 1 auto}select,button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-height:44px}button:disabled{opacity:.4}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.link{border:none;background:none;color:var(--muted);text-decoration:underline;display:block;margin:16px auto 0}.target svg{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}.arrow.current{fill:#0d0f10;stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.arrow.earlier{fill:#0d0f10;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.55}.arrow.aiming{fill:none;stroke:#0d0f10;stroke-width:2px;vector-effect:non-scaling-stroke}.arrow-number{fill:#fff;text-anchor:middle;font-weight:700;pointer-events:none}.crosshair{stroke:#0d0f10}.aim-label{text-anchor:middle;font-weight:800;fill:#0d0f10;stroke:#fff;stroke-width:3px;paint-order:stroke;vector-effect:non-scaling-stroke}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.end-status{color:var(--muted);font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;min-width:0}.stat.wide{grid-column:span 2}.stat span{font-size:12px;color:var(--muted)}.stat strong{font-size:18px;font-variant-numeric:tabular-nums}.scorecard{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-variant-numeric:tabular-nums}.scorecard th,.scorecard td{padding:8px;text-align:center;border-bottom:1px solid var(--line)}.scorecard th{font-size:12px;color:var(--muted);font-weight:500}.scorecard .labels{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.score{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:700;border:1px solid #2b2b2b;background:#fff;color:#2b2b2b}.s-X,.s-10,.s-9{background:#ffe552}.s-8,.s-7{background:#f65058}.s-6,.s-5{background:#00b4e4}.s-4,.s-3{background:#2b2b2b;color:#fff;border-color:#fff}.s-M{background:transparent;color:var(--muted);border-style:dashed}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tabs{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:3px}.tabs button{border:none;min-height:36px;padding:6px 16px;background:none;color:var(--muted)}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.target-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.target-nav button{width:56px;font-size:28px;line-height:1}.target-title{display:flex;flex-direction:column;align-items:center}.target-title span{font-size:12px;color:var(--muted)}.target-title strong{font-size:34px;font-variant-numeric:tabular-nums;line-height:1.1}.target-title small{font-size:15px;color:var(--muted);font-weight:500}.zone-grid{display:grid;gap:8px;align-items:center}.zone-head{text-align:center;font-weight:700}.zone-head small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.row-head{font-size:13px;color:var(--muted);padding-right:4px}button.zone{min-height:64px;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}button.zone-A{background:color-mix(in srgb,var(--accent) 30%,var(--panel))}button.zone-B{background:color-mix(in srgb,var(--accent) 15%,var(--panel))}button.selected{outline:3px solid var(--text);outline-offset:-3px}button.miss{width:100%;margin:8px 0 16px;color:var(--muted)}.units{display:grid;gap:8px}.unit{display:grid;grid-template-columns:repeat(10,1fr) 1.4fr;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cell{border:none;border-right:1px solid var(--line);border-radius:0;background:none;padding:4px 0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cell span{font-size:10px;color:var(--muted)}.cell strong{font-size:15px;font-variant-numeric:tabular-nums}.cell.current{background:color-mix(in srgb,var(--accent) 25%,transparent)}.unit-total{display:grid;place-items:center;font-weight:800;font-variant-numeric:tabular-nums}.note{color:var(--muted);font-size:14px;min-height:20px}.actions .link{margin:0}main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:var(--panel);border-top:1px solid var(--line);padding:4px 8px calc(4px + env(safe-area-inset-bottom));z-index:10}.tabbar button{flex:1;max-width:112px;border:none;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;min-height:52px;padding:4px}.tabbar button span{font-size:20px;line-height:1}.tabbar button[aria-current=page]{color:var(--accent);font-weight:600}.topbar{min-height:44px}.back{border:none;background:none;padding:8px 0;color:var(--accent);font-weight:600}.who{color:var(--muted);font-size:14px}.mode-tabs{width:fit-content;margin:0 auto 12px}.gear-picker{margin:-4px 0 12px}.gear-picker select{flex:1 1 0}.section{margin:20px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.section-head h2,.title-block h2{margin:0;font-size:18px}.title-block{margin-bottom:16px;display:grid;gap:8px;justify-items:start}.title-block p{margin:0;color:var(--muted)}.list{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:none;border-radius:0;background:none;padding:12px 14px;min-height:60px}.row:disabled{opacity:1}.row.static{display:flex}.row-main{flex:1;min-width:0;display:flex;flex-direction:column}.row-main small{color:var(--muted)}.row-score{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.chevron{color:var(--muted);font-size:18px}.empty,.hint,.lead,.muted{color:var(--muted)}.empty{margin:8px 0}.hint{font-size:13px;margin:4px 0 0}.error{color:#d64545;margin:8px 0}.notes{white-space:pre-wrap}.form{display:grid;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.field{display:grid;gap:4px;min-width:0}.field>span{font-size:13px;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px;width:100%;min-width:0}textarea{resize:vertical}.form select{width:100%}.inline-form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-form input{flex:1 1 80px}.inline-form select{width:auto}.inline-link{border:none;background:none;padding:0 4px;min-height:0;color:var(--muted);text-decoration:underline;font-size:inherit}.danger{color:#d64545!important}button.wide-button{width:100%;margin:16px 0 4px}.invite{display:grid;gap:4px;text-align:center}.invite span,.invite small{color:var(--muted)}.code{font-size:36px;letter-spacing:.2em;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace}.code-input{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase}.thread{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px}.thread li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.thread small{color:var(--muted)}.thread p{margin:4px 0 0;white-space:pre-wrap}.chart{width:100%;height:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}.chart .axis{stroke:var(--line)}.chart .line{fill:none;stroke:var(--accent);stroke-width:2}.chart .dot{fill:var(--accent)}.chart .tick,.chart .value{font-size:11px;text-anchor:middle;fill:var(--muted)}.chart .value{fill:var(--text);font-weight:600}.marks td:nth-child(3){text-align:left}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.avatar{min-height:36px;min-width:36px;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:700;background:var(--panel)}.avatar.current{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.pill{min-height:32px;padding:4px 12px;border-radius:999px;font-size:13px}.hero{text-align:center;display:grid;justify-items:center;gap:12px;padding:12px 0 8px}.hero-target{width:140px;height:140px}.hero h2{font-size:26px;line-height:1.2;margin:4px 0 0;max-width:22ch}.hero p{margin:0;color:var(--muted);max-width:44ch}.hero small{color:var(--muted)}.hero-actions{display:grid;gap:8px;width:100%;max-width:360px;margin-top:8px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:24px}.feature{margin:0}.feature p{margin:4px 0 0;color:var(--muted);font-size:14px}.new-session{display:grid;gap:10px}.new-session-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.new-session-buttons button{min-height:64px;font-size:18px}.continue{display:grid;justify-items:start}.continue .link{margin:0;padding:4px 0;min-height:0}.widgets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.widget{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0;font:inherit;color:var(--text)}button.widget{cursor:pointer}.widget.wide{grid-column:1 / -1}.widget.warn{width:100%;margin-bottom:10px;border-color:#c99a2e}.widget-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.widget .big{font-size:30px;font-variant-numeric:tabular-nums;line-height:1.1}.mini-list{list-style:none;margin:0;padding:0;display:grid}.mini-list li+li{border-top:1px solid var(--line)}.inline-row{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name value" "meta value";align-items:center;column-gap:12px;text-align:left;border:none;background:none;padding:8px 0;min-height:0;border-radius:0}.inline-row>span{grid-area:name}.inline-row>strong{grid-area:value;font-variant-numeric:tabular-nums}.inline-row>small{grid-area:meta;color:var(--muted)}.inline-row.stacked{grid-template-areas:"meta" "name";grid-template-columns:1fr}.notes-list span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mark-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:14px;font-variant-numeric:tabular-nums}.spark{display:flex;align-items:center;gap:12px}.spark svg{flex:1;height:64px;min-width:0}.spark polyline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.spark circle{fill:var(--accent)}.spark strong{font-size:22px;font-variant-numeric:tabular-nums}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-left:4px;border:1px solid var(--line);color:var(--muted)}.badge-coach{color:#1f7a4d;border-color:#1f7a4d}.badge-admin{color:#7a4fd6;border-color:#7a4fd6}.badge-banned{color:#d64545;border-color:#d64545}.filters{display:flex;gap:8px;margin-bottom:10px}.filters input{flex:1}.segmented{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:3px}.segmented button{flex:1;border:none;background:none;color:var(--muted)}.segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-text);font-weight:600;opacity:1}.notice{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border:1px solid var(--accent);border-radius:10px;padding:10px 12px}.subhead{font-size:13px;color:var(--muted);font-weight:500;margin:12px 0 6px}.inline-link-row{border:none;background:none;padding:0;text-align:left;min-height:0}.inline-link-row small{color:var(--muted)}.assign{margin-top:12px}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.danger-zone{border-color:#d64545}.danger-zone p{margin-top:0}button.danger-button{background:#d64545;border-color:#d64545;color:#fff;font-weight:600}@media (min-width: 900px){main{max-width:680px}.widgets{grid-template-columns:repeat(3,1fr)}.widget.wide{grid-column:span 3}}.assign .field-row{grid-template-columns:7rem 1fr}.widget.wide-mobile{grid-column:1 / -1}@media (min-width: 900px){.widget.wide-mobile{grid-column:auto}}.details-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:-4px 0 12px}.details-summary{width:100%;display:flex;align-items:center;gap:8px;border:none;background:none;text-align:left;min-height:44px}.details-summary>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-form{padding:0 12px 12px}.details-form .link{margin:0;justify-self:end}.save-badge{font-size:12px;padding:2px 8px;border-radius:999px;white-space:nowrap;color:var(--muted);border:1px solid var(--line)}.save-saved{color:var(--accent);border-color:var(--accent)}.save-offline{color:#c99a2e;border-color:#c99a2e}.end-extras{margin:4px 0 12px;display:grid;gap:8px}.end-extras-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chip-button{min-height:36px;padding:4px 12px;border-radius:999px;font-size:14px;color:var(--muted)}.chip-button.has{color:var(--accent);border-color:var(--accent)}.end-note{font-size:15px}.note-dot{color:var(--accent);margin-left:2px;font-size:12px}.finish-confirm p{margin-top:0}.target-info{display:grid;grid-template-columns:1fr 7rem;gap:8px;margin-bottom:8px}.course-note{margin:0 0 8px;color:var(--muted);font-size:14px}.course-targets{display:grid;grid-template-columns:1.6rem 1fr 3.6rem 1.3fr 1.6rem;gap:6px;align-items:center}.course-targets .th{font-size:12px;color:var(--muted)}.course-targets .num{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.course-targets input{min-height:38px;padding:6px 8px}fieldset.plain{border:none;padding:0;margin:0;display:grid;gap:12px;min-width:0}.badge-live{color:#d64545;border-color:#d64545}.live-row{background:color-mix(in srgb,#d64545 8%,transparent)}.row-info{font-size:12px;color:var(--muted);margin-bottom:4px}.row-note{font-size:13px;color:var(--muted);text-align:left;margin-top:6px;white-space:pre-wrap}.row-photos{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:6px}.row-photos img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.save-course p{margin-top:0}.version{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}.live-status{font-size:13px;color:#c99a2e}.live-status.on{color:#d64545}.tip-box{display:grid;gap:8px}.tip-box label{font-size:13px;color:var(--muted)}.tip-row{display:flex;gap:8px}.tip-row input{flex:1}.scorecard tr.latest{background:color-mix(in srgb,#d64545 10%,transparent)}.coach-tips{margin:-4px 0 12px}.tip-banner{display:grid;gap:6px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));border:2px solid var(--accent);border-radius:12px;padding:12px 14px;animation:tip-in .25s ease-out}.tip-banner p{margin:0;font-size:18px;font-weight:600}.tip-from{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.tip-banner button{justify-self:end}@keyframes tip-in{0%{transform:translateY(-6px);opacity:0}}