:root{--ink:#08182a;--surface:#0f2841;--surface-2:#17375a;--line:#27507a;--line-strong:#5b7292;--text:#e9f1f8;--muted:#9ab6d0;--accent:#57aef2;--accent-ink:#04101d;--flare:#fb923c;--flare-ink:#1a0a00;--good:#54cd8f;--warn:var(--flare);--danger:#f4736d;--bad:var(--danger);--step--1:.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.6rem;--step-3:2.1rem;--radius:10px;--tabbar-height:3.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:var(--ink);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}.shell{max-width:44rem;padding:.75rem 1rem calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 1.5rem);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;padding:.25rem 0 .75rem;display:flex}.brand{font-weight:700;font-size:var(--step-1);color:var(--text);letter-spacing:-.01em;text-decoration:none}.topbar-link{font-size:1.3rem;text-decoration:none}.topbar-actions{align-items:center;gap:.9rem;display:flex}.topbar-guide{color:var(--accent);font-size:var(--step--1);padding:.45rem .2rem;font-weight:600;text-decoration:none}.topbar-guide:hover,.topbar-guide.active{text-underline-offset:.2em;text-decoration:underline}.guide-toc ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.guide-toc a{border:1px solid var(--line-strong);font-size:var(--step--1);border-radius:999px;padding:.35rem .75rem;text-decoration:none;display:inline-block}.guide-section{gap:.9rem;scroll-margin-top:1rem;display:grid}.guide-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.guide-head h2{margin:0}.guide-head .hint{margin:.15rem 0 0}.guide-items{gap:.85rem;margin:0;display:grid}.guide-items dt{font-weight:600}.guide-items dd{color:var(--muted);font-size:var(--step--1);margin:.15rem 0 0;line-height:1.5}.guide-section>.button{justify-self:start}main{gap:1.75rem;display:grid}.page-head{gap:.6rem;display:grid}.page-head h1{font-size:var(--step-3);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}.page-head p{margin:0}.lede{color:var(--muted);font-size:var(--step-0);margin:0}h2{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .75rem;font-weight:600}h3{font-size:var(--step-1);margin:.25rem 0}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:var(--step--1);margin:.4rem 0 0}.prose{white-space:pre-wrap;margin:0}.error{color:var(--danger);margin:0}.notice{border:1px solid var(--line);border-left:3px solid var(--flare);border-radius:var(--radius);background:var(--surface);font-size:var(--step--1);margin:0;padding:.7rem .9rem}.offline{border-radius:var(--radius);background:var(--surface-2);color:var(--flare);font-size:var(--step--1);margin:0 0 .75rem;padding:.5rem .8rem}.tab{min-width:0}.tabbar{inset-inline:0;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--line);z-index:10;justify-content:space-around;display:flex;position:fixed;bottom:0}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.7rem;text-decoration:none;display:flex}.tab span{font-size:1.3rem}.tab-on{color:var(--accent)}button,.button{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:.35rem;min-height:2.6rem;padding:.55rem 1rem;text-decoration:none;display:inline-flex}button:hover,.button:hover{border-color:var(--muted)}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.flare{background:var(--flare);border-color:var(--flare);color:var(--flare-ink);font-weight:600}.danger{border-color:var(--danger);color:var(--danger)}.install{border-color:var(--accent);color:var(--accent)}.row{flex-wrap:wrap;align-items:flex-start;gap:.6rem;display:flex}.row>.field{flex:10rem}.field-narrow{flex:0 6rem}.form{gap:1.1rem;display:grid}.field{font-size:var(--step--1);color:var(--muted);gap:.3rem;display:grid}input,select,textarea{font:inherit;font-size:var(--step-0);color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:2.6rem;padding:.6rem .75rem}textarea{resize:vertical}fieldset{border:1px solid var(--line);border-radius:var(--radius);gap:.7rem;margin:0;padding:.9rem;display:grid}legend{color:var(--muted);font-size:var(--step--1);padding-inline:.3rem}.check{align-items:center;gap:.6rem;display:flex}.check input{width:auto;min-height:0}.segmented{flex-wrap:wrap;gap:.35rem;display:flex}.segmented button{min-height:2.2rem;font-size:var(--step--1);border-radius:999px;padding:.4rem .8rem}.segmented .on{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.visibility{gap:.5rem}.chip{border:1px solid var(--line-strong);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}.chip input{width:auto;min-height:0;margin:0}.chip-on{border-color:var(--accent);background:var(--surface-2)}.cards{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:.9rem 1rem;text-decoration:none;display:block}a.card:hover{border-color:var(--muted)}.card p{font-size:var(--step--1);margin:.25rem 0 0}.card .row{margin-top:.6rem}.card-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card-head strong{flex:1}.admin-confirm{border-left:2px solid var(--danger);gap:.6rem;margin-top:.75rem;padding:.75rem 0 0 .85rem;display:grid}.admin-confirm .hint{margin:0}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.75rem;display:inline-block}.badge-private{color:var(--flare);border-color:color-mix(in srgb, var(--flare) 60%, transparent)}.badge-shared{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.tags{flex-wrap:wrap;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.tags li{background:var(--surface-2);border-radius:999px;padding:.1rem .55rem;font-size:.75rem}.identify{gap:.5rem;display:grid}.identify label.button{cursor:pointer}.candidates{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.candidates button{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.candidates .muted{font-size:var(--step--1);font-style:italic;display:block}.confidence{font-variant-numeric:tabular-nums;color:var(--accent);flex:none}.catch{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:.7rem;padding:.9rem;display:grid}.measure{gap:.7rem;display:grid}.measure-stage{line-height:0;position:relative}.measure-stage img{border-radius:var(--radius);cursor:crosshair;touch-action:manipulation;width:100%;height:auto}.measure-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mark{stroke-width:.6px;vector-effect:non-scaling-stroke}.mark-reference{stroke:var(--flare);fill:var(--flare)}.mark-fish{stroke:var(--accent);fill:var(--accent)}.mark-dot{stroke:var(--ink);stroke-width:.3px}.catch-photo{border-radius:var(--radius);width:100%;height:auto;margin-top:.6rem}.dictation{gap:.6rem;display:grid}.interim{border-left:3px solid var(--flare);background:var(--surface);border-radius:var(--radius);color:var(--muted);min-height:2.4rem;margin:0;padding:.5rem .75rem;font-style:italic}.spoken-catch{gap:.6rem;margin-bottom:1rem;display:grid}.notice.bad{border-left-color:var(--danger)}.notice .row{margin-top:.6rem}.check .badge{margin-left:.5rem}.fix{font-size:var(--step--1);align-items:center;gap:.35rem;margin:0;display:flex}.fix-dot{border-radius:50%;flex:none;width:.6rem;height:.6rem}.fix-gps .fix-dot{background:var(--good)}.fix-approximate .fix-dot{background:var(--flare)}.fix-coarse .fix-dot{background:var(--danger)}.fix-gps{color:var(--good)}.fix-approximate{color:var(--flare)}.fix-coarse{color:var(--danger)}.results{gap:.3rem;max-height:15rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.results button{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.5rem .75rem;display:flex}.results .muted{font-size:var(--step--1)}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:2rem 1rem}.empty-icon{font-size:2.2rem}.empty h3{color:var(--text)}.empty p{font-size:var(--step--1);margin:.3rem 0 0}.patterns{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:.75rem 0 1rem}.patterns caption{text-align:left;padding-bottom:.25rem;font-weight:600}.patterns th,.patterns td{border-bottom:1px solid var(--line);text-align:right;padding:.4rem .25rem}.patterns th:first-child{text-align:left}.patterns thead th{color:var(--muted);font-weight:500}.sources{color:var(--muted);font-size:var(--step--1);margin:.5rem 0 .75rem;padding-left:1.1rem;line-height:1.5}.sources li+li{margin-top:.4rem}.readout{border-top:1px solid var(--line);margin:0}.readout>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.readout dt{color:var(--muted)}.readout dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.conditions{gap:.9rem;display:grid}.bite{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.bite-label{font-size:var(--step--1);color:var(--muted);display:block}.bite-rating{font-size:var(--step-2);text-transform:capitalize}.bite-score{font-size:var(--step-3);font-variant-numeric:tabular-nums;font-weight:700}.bite-excellent{border-color:var(--good)}.bite-excellent .bite-score{color:var(--good)}.bite-good{border-color:var(--accent)}.bite-good .bite-score{color:var(--accent)}.bite-fair{border-color:var(--flare)}.bite-fair .bite-score{color:var(--flare)}.bite-poor .bite-score{color:var(--danger)}.trend{font-size:var(--step--1)}.trend-falling{color:var(--good)}.trend-rising{color:var(--warn)}.trend-steady{color:var(--muted)}.factors{font-size:var(--step--1);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.factors li{border-left:3px solid var(--line);padding-left:.8rem}.factors li.good{border-color:var(--good)}.factors li.bad{border-color:var(--bad)}.factors strong{display:block}.periods{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.period{border-radius:var(--radius);background:var(--surface);border-left:3px solid var(--line);justify-content:space-between;padding:.5rem .8rem;display:flex}.period-major{border-left-color:var(--accent)}.period span .muted{font-size:var(--step--1);margin-left:.4rem}.table-wrap{overflow-x:auto}.hourly{border-collapse:collapse;width:100%;font-size:var(--step--1);font-variant-numeric:tabular-nums}.hourly th,.hourly td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:.45rem .5rem}.hourly th[scope=row],.hourly th:first-child{text-align:left;color:var(--muted);font-weight:500}.recorder{gap:.8rem;display:grid}.recorder-preview,.media{border-radius:var(--radius);background:#000;width:100%}video.media,.recorder-preview{max-height:60vh}audio.media{background:0 0}.recorder-meter{font-variant-numeric:tabular-nums;margin:0}.dot{vertical-align:.05em;border-radius:50%;width:.55rem;height:.55rem;margin-right:.5rem;display:inline-block}.dot-rec{background:var(--danger);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.banner,.toast{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.banner{border-color:var(--accent);margin-bottom:1rem}.banner p,.toast p{margin:0}.toast{inset-inline:1rem;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 1rem);z-index:11;max-width:28rem;margin-inline:auto;position:fixed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing{gap:2.5rem;display:grid}.landing .hero{padding:1.5rem 0 .5rem}.landing .eyebrow{font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem}.landing .hero h1{font-size:var(--step-3);text-wrap:balance;margin:0 0 .6rem;line-height:1.15}.landing .hero .lede{max-width:46ch}.landing .hero .row{margin:1.2rem 0 .6rem}.features{gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem}}.feature{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;display:grid}.feature h3{font-size:var(--step-0);margin:0 0 .2rem}.feature p{color:var(--muted);font-size:var(--step--1);margin:0}.feature-icon{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--accent);place-items:center;display:grid}.landing-foot{border-top:1px solid var(--line);padding-top:1rem;padding-bottom:1rem}.linkish{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;min-height:0;padding:0;text-decoration:underline}@media (prefers-reduced-motion:no-preference){.feature-icon{transition:color .2s}}