:root{color-scheme:dark;--bg:#07111f;--card:#0e1b2d;--card2:#12233a;--line:#233955;--text:#f7fbff;--muted:#9fb0c3;--accent:#42a5ff;--good:#32d583;--warn:#fdb022;--bad:#f97066}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}button,input,select,textarea{font:inherit}.hidden{display:none!important}
header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:calc(10px + env(safe-area-inset-top)) 16px 10px}
.head{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-weight:850;font-size:20px}.version{font-size:12px;color:var(--muted)}
main{max-width:1180px;margin:auto;padding:14px}.screen{display:none}.screen.active{display:block}
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 10px 30px #0003}.card h2,.card h3{margin:0 0 12px}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{background:#081524;border:1px solid var(--line);border-radius:15px;padding:12px}.stat b{display:block;font-size:22px;margin-top:4px}.stat span{font-size:12px;color:var(--muted)}
label{display:block;font-size:12px;color:var(--muted);margin:0 0 5px}input,select,textarea{width:100%;border:1px solid var(--line);background:#081524;color:var(--text);border-radius:12px;padding:12px}textarea{min-height:84px;resize:vertical}
.btn{border:0;border-radius:14px;padding:13px 16px;font-weight:800;background:var(--accent);color:#04101d;cursor:pointer}.btn.secondary{background:#20334d;color:#fff}.btn.good{background:var(--good)}.btn.warn{background:var(--warn)}.btn.bad{background:var(--bad)}.btn:disabled{opacity:.45}.row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.grow{flex:1}
.navbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(7,17,31,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.navbtn{background:none;border:0;color:var(--muted);font-size:11px;padding:7px 2px;border-radius:12px}.navbtn i{display:block;font-style:normal;font-size:22px;margin-bottom:2px}.navbtn.active{color:#fff;background:#14263d}
.checkitem,.taskitem{display:flex;gap:10px;align-items:flex-start;background:#081524;border:1px solid var(--line);padding:11px;border-radius:13px;margin:8px 0}.checkitem input{width:22px;height:22px;margin-top:1px}.tasktext{flex:1}.taskactions{display:flex;gap:6px}.iconbtn{border:0;background:#20334d;color:#fff;border-radius:10px;padding:8px 10px}
.hero{padding:22px;text-align:center}.mark{width:min(76vw,360px);aspect-ratio:1;border-radius:50%;border:8px solid #6bc0ff33;background:radial-gradient(circle at 35% 30%,#6bc0ff,#1488e8 55%,#0863ad);box-shadow:0 0 0 12px #42a5ff12,0 24px 60px #0008;color:white;font-size:34px;font-weight:900;letter-spacing:.5px}.mark:active{transform:scale(.97)}.navclock{font-size:44px;font-variant-numeric:tabular-nums;font-weight:800}.gpsline{display:flex;justify-content:center;gap:14px;color:var(--muted);margin:12px 0}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}
#map{height:54vh;min-height:350px;border-radius:16px;overflow:hidden}.legend{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;color:var(--muted);font-size:11px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:3px}.timeline{width:100%}.maneuver-icon,.event-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid #fff;border-radius:50%;font-weight:900;font-size:10px;color:#fff}.maneuver-tack{background:#2775ff}.maneuver-gybe{background:#ff8a22}.event-icon{background:#a855f7}.popup{color:#111;min-width:230px}.popup textarea,.popup select{background:white;color:#111;border-color:#ccc}.popup label{color:#555}.popup .btn{width:100%;margin-top:8px}
.modal{position:fixed;inset:0;z-index:200;background:#000a;display:flex;align-items:flex-end;justify-content:center;padding:16px}.modalbox{width:min(560px,100%);background:var(--card2);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 20px 70px #000}.choicegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.choicebtn{border:1px solid var(--line);background:#081524;color:#fff;border-radius:14px;padding:15px;font-weight:800}.choicebtn.selected{background:var(--accent);color:#04101d}.sessioncard{cursor:pointer}.sessioncard:active{transform:scale(.99)}.detailrow{padding:10px 0;border-bottom:1px solid var(--line)}.dangerzone{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:100;background:#fff;color:#07111f;padding:11px 16px;border-radius:999px;font-weight:700;box-shadow:0 12px 30px #0008;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.desktopOnly{display:none}.brand{font-size:17px}.card{border-radius:16px;padding:13px}.mark{width:min(72vw,310px)}.navclock{font-size:38px}}

.dashboard-card{width:100%;text-align:left;color:inherit;cursor:pointer;appearance:none}.dashboard-card:hover,.dashboard-card:focus{transform:translateY(-1px);border-color:#4f9cff}.dashboard-card:active{transform:scale(.99)}.dictation-row{align-items:stretch}.dictation-row textarea{min-height:95px}.micbtn{min-width:105px}.small{font-size:12px;margin-top:5px}@media(max-width:520px){.dictation-row{display:block}.micbtn{width:100%;margin-top:8px}}

/* V2.3 */
.syncbox{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#081524}.analysis-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.analysis-grid .card{min-width:0}#polarCanvas{width:100%;height:auto;display:block;background:#081524;border:1px solid var(--line);border-radius:14px}.eventchoices{grid-template-columns:repeat(3,1fr)}.dynamic-fields{padding:12px;margin:10px 0;border-radius:14px;background:#081524;border:1px solid var(--line)}.testrow{padding:10px;border:1px solid var(--line);border-radius:12px;margin:8px 0;background:#081524}.testrow .gain{font-size:18px;font-weight:800}.gain.positive{color:var(--good)}.gain.negative{color:var(--bad)}@media(max-width:760px){.analysis-grid{grid-template-columns:1fr}.eventchoices{grid-template-columns:repeat(2,1fr)}}