:root{color-scheme:light;--surface:#F8F7F3;--surface-raised:#FFFFFF;--surface-sunken:#EFEDE6;--line:#DDDAD1;--line-strong:#7F7C74;--ink:#16181D;--ink-muted:#53565F;--link:var(--ink);--accent:#2347C6;--accent-fill:var(--accent);--on-accent:#FFFFFF;--accent-soft:#E4EAFB;--accent-strong:#1B3796;--focus:var(--accent);--warn:#875000;--on-warn:#FFFFFF;--warn-soft:#FCEFD3;--warn-ink:#6A3E00;--good:#0B6B78;--good-soft:#DDF0F1;--critical:#A3195B;--critical-soft:#FBE5EF;--on-critical:#FFFFFF;--scrim:#16181D;--syringe-barrel:var(--surface-raised);--syringe-outline:var(--line-strong);--syringe-tick:var(--ink);--syringe-liquid:#6C8CE4;--syringe-stopper:#2A2D34;--syringe-rod:#C9C6BE;--syringe-mark:var(--accent);--syringe-mark-halo:var(--surface-raised);--site-figure:var(--surface-sunken);--site-recent-0:#2A2D34;--on-site-recent-0:#FFFFFF;--site-recent-1:#88857F;--on-site-recent-1:var(--ink);--site-recent-2:#DCD9D1;--on-site-recent-2:var(--ink);--site-rested:var(--surface-raised);--shadow-float:0 1px 2px #16181d14, 0 8px 24px -4px #16181d29;--focus-ring:0 0 0 2px #f8f7f3, 0 0 0 4px #2347c6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--opacity-disabled:.45;--opacity-scrim:.56;--motion-instant:0ms;--motion-fast:.15s;--motion-base:.2s;--motion-slow:.25s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--bp-min:320px;--bp-phone:375px;--bp-tablet:768px;--bp-desktop:1280px;--bp-wide:1440px;--layout-columns:12;--layout-container:1200px;--layout-measure:680px;--layout-calc-input:440px;--layout-syringe-max:720px;--layout-rail-start:320px;--layout-rail-end:360px;--layout-sheet-max:440px;--layout-header-h:56px;--layout-bar-h:64px;--control-h:48px;--control-h-dense:40px;--target-min:44px;--field-number-min:8ch;--icon-sm:16px;--icon-md:20px;--z-sticky:10;--z-header:20;--z-scrim:30;--z-sheet:40;--z-toast:50;--font-sans:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-readout:"Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--surface:#121316;--surface-raised:#1B1D21;--surface-sunken:#0D0E10;--line:#2E3137;--line-strong:#6E727B;--ink:#ECE9E2;--ink-muted:#A8A59D;--accent:#8FA8FF;--accent-fill:#7D95F0;--on-accent:#0B1230;--accent-soft:#1C2648;--accent-strong:#BCCBFF;--warn:#F2B54A;--on-warn:#1F1400;--warn-soft:#33260F;--warn-ink:#F6C978;--good:#5CC8D4;--good-soft:#0F2A2E;--critical:#FF8FB8;--critical-soft:#3A1428;--on-critical:#2A0716;--scrim:#000000;--syringe-liquid:#4A66C2;--syringe-stopper:#D6D2C8;--syringe-rod:#3A3D44;--site-figure:#26292F;--site-recent-0:#E2DED5;--on-site-recent-0:#121316;--site-recent-1:#6C6963;--site-recent-2:#34373D;--shadow-float:0 8px 24px -4px #000000b3;--focus-ring:0 0 0 2px #121316, 0 0 0 4px #8fa8ff}}:root[data-theme=dark]{color-scheme:dark;--surface:#121316;--surface-raised:#1B1D21;--surface-sunken:#0D0E10;--line:#2E3137;--line-strong:#6E727B;--ink:#ECE9E2;--ink-muted:#A8A59D;--accent:#8FA8FF;--accent-fill:#7D95F0;--on-accent:#0B1230;--accent-soft:#1C2648;--accent-strong:#BCCBFF;--warn:#F2B54A;--on-warn:#1F1400;--warn-soft:#33260F;--warn-ink:#F6C978;--good:#5CC8D4;--good-soft:#0F2A2E;--critical:#FF8FB8;--critical-soft:#3A1428;--on-critical:#2A0716;--scrim:#000000;--syringe-liquid:#4A66C2;--syringe-stopper:#D6D2C8;--syringe-rod:#3A3D44;--site-figure:#26292F;--site-recent-0:#E2DED5;--on-site-recent-0:#121316;--site-recent-1:#6C6963;--site-recent-2:#34373D;--shadow-float:0 8px 24px -4px #000000b3;--focus-ring:0 0 0 2px #121316, 0 0 0 4px #8fa8ff}.display-lg{font-family:var(--font-sans);font-size:40px;line-height:46px;font-weight:650;letter-spacing:-.015em}.display{font-family:var(--font-sans);font-size:28px;line-height:34px;font-weight:650;letter-spacing:-.01em}.title{font-family:var(--font-sans);font-size:24px;line-height:30px;font-weight:600}.unit-lg{font-family:var(--font-sans);font-size:24px;line-height:28px;font-weight:500}.heading{font-family:var(--font-sans);font-size:18px;line-height:24px;font-weight:600}.body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400}.body-sm{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400}.caption{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:500;letter-spacing:.01em}.readout-xl{font-family:var(--font-readout);font-size:56px;line-height:60px;font-weight:600;letter-spacing:-.02em}.readout-lg{font-family:var(--font-readout);font-size:28px;line-height:32px;font-weight:600}.readout-md{font-family:var(--font-readout);font-size:16px;line-height:24px;font-weight:500}.tick-label{font-family:var(--font-readout);font-size:12px;line-height:14px;font-weight:600}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--layout-header-h) + var(--space-4));scroll-padding-bottom:calc(var(--layout-bar-h) + var(--space-4))}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}#app{display:contents}[hidden]{display:none!important}h1,h2,h3,p,ul,ol,figure,fieldset{margin:0}ul,ol{padding:0;list-style:none}fieldset{border:0;padding:0;min-width:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--link);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}h1:focus,h2:focus{outline:none;box-shadow:none}.q{white-space:nowrap}.muted{color:var(--ink-muted)}.block{display:block}.pre{white-space:pre-wrap}.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mt1{margin-top:var(--space-1)}.mt2{margin-top:var(--space-2)}.mt3{margin-top:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row-gap{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}svg.i{width:var(--icon-md);height:var(--icon-md);flex:none;vertical-align:-4px}svg.i.sm{width:var(--icon-sm);height:var(--icon-sm);vertical-align:-2px}.good-i{color:var(--good)}.skip{position:absolute;left:var(--space-2);top:-100px;z-index:var(--z-toast);background:var(--surface-raised);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.skip:focus{top:var(--space-2)}.apphead{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--layout-header-h);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-weight:650;white-space:nowrap;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;min-height:var(--target-min)}.tabs-top{display:none;gap:var(--space-1);flex-wrap:wrap}.tabs-top a{display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none}.tabs-top a[aria-current=page]{background:var(--surface-sunken);font-weight:600}.testbar{margin:0;padding:var(--space-1) var(--space-4);background:var(--surface-sunken);color:var(--ink-muted);border-bottom:1px solid var(--line)}.main{flex:1 0 auto;width:100%;container-type:inline-size;container-name:screen}.appfoot{padding:var(--space-6) var(--space-4) calc(var(--layout-bar-h) + var(--space-6));border-top:1px solid var(--line);display:grid;gap:var(--space-1);max-width:var(--layout-container);margin:0 auto;width:100%}.appfoot a{color:var(--ink-muted)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--layout-bar-h);padding-bottom:env(safe-area-inset-bottom);background:var(--surface-raised);border-top:1px solid var(--line)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-muted);text-decoration:none;min-height:var(--target-min)}.tabbar a[aria-current=page]{color:var(--ink);font-weight:600}@media (min-width: 768px){.tabbar{display:none}.tabs-top{display:flex}.appfoot{padding-bottom:var(--space-6)}}.page{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:var(--layout-container);margin:0 auto}.page.narrow{max-width:calc(var(--layout-measure) + var(--space-8))}.titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}details.card>summary,details>summary{cursor:pointer;min-height:var(--target-min);display:flex;align-items:center;font-weight:600}.empty{display:grid;gap:var(--space-2)}.sep{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);display:grid;gap:var(--space-2)}.facts{display:grid;gap:var(--space-1)}.facts li{padding:var(--space-1) 0;border-top:1px solid var(--line)}.facts li:first-child{border-top:0}.bul{list-style:disc;padding-left:var(--space-6)}.adds li{display:flex;gap:var(--space-2);padding:var(--space-1) 0}.adds li:before{content:"";flex:none;width:var(--space-2);height:var(--space-2);margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--ink)}.badge{display:inline-flex;align-items:center;padding:0 var(--space-2);border:1px solid var(--ink);border-radius:var(--radius-full);letter-spacing:.06em;color:var(--ink);vertical-align:1px}.btn.primary .badge{color:inherit;border-color:currentColor}.pro-note{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);font-weight:600;cursor:pointer;text-decoration:none;text-align:center;white-space:nowrap;transition:background var(--motion-fast) var(--ease-out)}.btn:hover{background:var(--surface-sunken)}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.full{width:100%;white-space:normal}.btn.small{min-height:var(--target-min);padding:0 var(--space-3)}.btn.critical{background:var(--critical);border-color:var(--critical);color:var(--on-critical)}.btn.danger{color:var(--ink)}.btn[disabled],.btn[aria-disabled=true]{background:var(--surface-sunken);border-color:var(--line);color:var(--ink-muted);cursor:not-allowed}.linkbtn{color:var(--link);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;background:none;border:0;padding:0;min-height:var(--target-min);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:var(--space-1)}.linkbtn.inline{min-height:0;display:inline}.linkbtn[disabled]{color:var(--ink-muted);cursor:not-allowed}.back{align-self:flex-start}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--target-min);height:var(--target-min);border:0;background:none;border-radius:var(--radius-md);cursor:pointer;color:var(--ink);flex:none}.iconbtn:hover{background:var(--surface-sunken)}.btns{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.btns.equal .btn{width:100%}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.filebtn{position:relative;cursor:pointer}.filebtn:focus-within{box-shadow:var(--focus-ring)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink)}.banner.good{background:var(--good-soft);border-color:var(--good)}.banner.good>svg{color:var(--good)}.banner.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn-ink)}.banner.critical{background:var(--critical-soft);border-color:var(--critical)}.banner>svg{margin-top:2px}.banner-text{flex:1;min-width:0;display:grid;gap:var(--space-2)}.acts{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);align-items:center}.callout{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--line-strong)}.callout.warn{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn)}.warnline{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);background:var(--warn-soft);color:var(--warn-ink);border-radius:var(--radius-sm)}.err{display:flex;gap:var(--space-1);align-items:center;color:var(--critical);margin-top:var(--space-1)}.fld{display:grid;gap:var(--space-1);min-width:0}.lbl{color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint{color:var(--ink-muted)}.input,.select{width:100%;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--ink);font-size:16px}.input.area{padding:var(--space-2) var(--space-3);min-height:calc(var(--control-h) * 2);resize:vertical}.input.num{font-family:var(--font-readout);min-inline-size:var(--field-number-min)}.input[aria-invalid=true]{border-color:var(--critical);border-width:2px}.input::placeholder{color:var(--ink-muted);opacity:1}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-3);align-items:start}.amount-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.seg{display:grid;gap:var(--space-1)}.seg-row{display:flex;flex-wrap:wrap;border:1px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden;width:fit-content;max-width:100%}.seg-opt{position:relative;display:flex}.seg-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.seg-opt span,.seg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);min-width:var(--control-h);padding:0 var(--space-3);background:var(--surface-raised);border:0;border-left:1px solid var(--line-strong);cursor:pointer;font-weight:500;color:var(--ink)}.seg-opt:first-child span,.seg-row>.seg-btn:first-child{border-left:0}.seg-opt input:checked+span,.seg-btn[aria-pressed=true],.seg-btn[aria-checked=true]{background:var(--accent-soft);color:var(--accent-strong);font-weight:650}.seg-opt input:focus-visible+span{box-shadow:inset var(--focus-ring)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;min-height:var(--control-h);border-top:1px solid var(--line)}.toggle-row:first-of-type{border-top:0}.switch{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:52px;height:32px;margin:0;border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--line-strong);cursor:pointer;transition:background var(--motion-fast) var(--ease-out)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--radius-full);background:var(--ink-muted);transition:transform var(--motion-fast) var(--ease-out)}.switch:checked{background:var(--accent-fill);border-color:var(--accent-fill)}.switch:checked:after{transform:translate(20px);background:var(--on-accent)}.switch:disabled{cursor:not-allowed}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{position:relative;display:inline-flex}.chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.chip span{display:inline-flex;align-items:center;min-height:var(--target-min);padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-raised)}.chip input:checked+span{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent);font-weight:600}.chip input:focus-visible+span{box-shadow:var(--focus-ring)}.check-row{display:flex;gap:var(--space-3);align-items:flex-start;min-height:var(--target-min);cursor:pointer}.check-row input{width:22px;height:22px;margin:1px 0 0;flex:none;accent-color:var(--accent)}.usbox{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md)}.usbox.invalid{border-color:var(--critical);border-width:2px}.more{border-top:1px solid var(--line);padding-top:var(--space-2)}.gsi-box{min-height:var(--target-min);max-width:400px}.code-input{letter-spacing:.3em;max-width:14rem}.amount{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.amount .readout-md{color:var(--ink-muted)}.tag{display:inline-flex;align-items:center;min-height:calc(var(--space-6) + var(--space-1));padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-full);color:var(--ink-muted);white-space:nowrap}.result{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);display:grid;gap:var(--space-1)}.today .due{display:flex;justify-content:space-between;gap:var(--space-2);align-items:baseline;flex-wrap:wrap}.today .site-line{margin-top:var(--space-3);display:grid;gap:var(--space-1)}.today .btn.primary{margin-top:var(--space-3)}.today.done{background:var(--surface)}.vial{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}.vial:first-of-type{border-top:0;padding-top:0}.vial-name{text-decoration:none;color:var(--ink)}.vial-name:hover{text-decoration:underline}.vial-dates{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0 var(--space-3)}.cells{grid-column:1 / -1;display:grid;gap:2px;margin-top:var(--space-1)}.cells i{height:var(--space-3);border-radius:2px;background:var(--syringe-liquid);border:1px solid var(--line-strong);transition:background var(--motion-base) var(--ease-out)}.cells i.used{background:var(--surface-sunken) repeating-linear-gradient(135deg,var(--surface-sunken) 0 3px,var(--line-strong) 3px 4px)}.low{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-sunken);font-weight:600;white-space:nowrap}.strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}.day{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:var(--control-h);padding:var(--space-1) 0;border-radius:var(--radius-sm)}.day .d{color:var(--ink-muted)}.day.today{outline:2px solid var(--ink);outline-offset:-2px}.dot{display:inline-block;flex:none;width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-full)}.dot.logged{background:var(--ink)}.dot.planned{border:1.5px solid var(--ink)}.dot.skipped{border:1.5px solid var(--ink);background:linear-gradient(135deg,transparent 45%,var(--ink) 45% 55%,transparent 55%)}.dot.off{border:1.5px dashed var(--line-strong)}.dot.none{visibility:hidden}.legend{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin-top:var(--space-2);color:var(--ink-muted)}.legend span{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.month{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:var(--space-3)}.month th{text-align:left;font-weight:500;color:var(--ink-muted);background:var(--surface-sunken);padding:var(--space-1) var(--space-2);border:1px solid var(--line)}.month th abbr{text-decoration:none}.month td{height:calc(var(--control-h) * 1.25);vertical-align:top;padding:var(--space-1) var(--space-2);border:1px solid var(--line)}.month td .mday{display:block}.month td.out{color:var(--ink-muted);background:var(--surface)}.month td.today{outline:2px solid var(--ink);outline-offset:-2px}.chart svg{display:block;width:100%;height:auto}.bar-r{fill:var(--line-strong)}.bar-r.this{fill:var(--ink)}.axis{stroke:var(--line);stroke-width:1}.ct{fill:var(--ink-muted);text-anchor:middle}.cv{fill:var(--ink);text-anchor:middle}.report{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.tracker .area{display:contents}.tracker .o-title{order:1}.tracker .o-banner{order:2}.tracker .o-today{order:3}.tracker .o-strip{order:4}.tracker .o-vials{order:5}.tracker .o-month{order:6}.tracker .o-chart{order:7}.tracker .o-sites{order:8}.tracker .o-report{order:9}.tracker .o-month{display:none}@container screen (min-width: 768px){.page{padding:var(--space-6)}.tracker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-4) var(--space-6)}.tracker .area{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;order:3}.tracker .area>*{order:0}.tracker .area.end{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tracker .o-title,.tracker .o-banner,.tracker .o-report{grid-column:1 / -1}.tracker .o-month{display:block}.tracker .o-strip{display:none}}@container screen (min-width: 1280px){.tracker{grid-template-columns:var(--layout-rail-start) minmax(0,1fr) var(--layout-rail-end);padding:var(--space-8) var(--space-6)}.tracker .area.end{grid-column:auto;display:flex}}.bodymap{container-type:inline-size}.next-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:1px solid var(--ink);border-radius:var(--radius-full);font-weight:600;margin-bottom:var(--space-2)}.views{display:flex;justify-content:center;gap:var(--space-4)}.fig{flex:1 1 0;max-width:240px;min-width:0}.bodymap.compact .fig{max-width:160px}.fig svg{display:block;width:100%;height:auto;overflow:visible}.viewswitch{display:flex;justify-content:center;margin-top:var(--space-3)}.viewswitch .seg-btn{border:1px solid var(--line-strong)}.viewswitch .seg-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.viewswitch .seg-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0}@container (max-width: 431px){.views[data-view=front] .fig.back,.views[data-view=back] .fig.front{display:none}}@container (min-width: 432px){.viewswitch{display:none}.fig{max-width:208px}}.silhouette{fill:var(--site-figure);stroke:var(--line-strong);stroke-width:1.5}.guide{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-linecap:round}.navel{fill:var(--line-strong)}.side,.viewname{fill:var(--ink-muted);text-anchor:middle}.zone{cursor:pointer;outline:none}.zone.ro{cursor:default}.zone .hit{fill:var(--surface-raised);fill-opacity:0}.zone .shape{stroke:var(--line-strong);stroke-width:1}.zone .shape.r0{fill:var(--site-recent-0);stroke:var(--site-recent-0)}.zone .shape.r1{fill:var(--site-recent-1)}.zone .shape.r2{fill:var(--site-recent-2)}.zone .shape.rest{fill:var(--site-rested);stroke-dasharray:4 3}.zl{text-anchor:middle;dominant-baseline:central;pointer-events:none}.zl.r0{fill:var(--on-site-recent-0)}.zl.r1{fill:var(--on-site-recent-1)}.zl.r2{fill:var(--on-site-recent-2)}.zone .sel{fill:none;stroke:var(--accent);stroke-width:2.5;opacity:0}.zone .selhalo{fill:none;stroke:var(--surface-raised);stroke-width:2;opacity:0}.zone[aria-pressed=true] .sel,.zone[aria-pressed=true] .selhalo{opacity:1}.zone .fring{fill:none;stroke:var(--focus);stroke-width:3;stroke-dasharray:2 2;opacity:0}.zone:focus-visible{box-shadow:none}.zone:focus-visible .fring{opacity:1}@media (hover: hover) and (pointer: fine){.zone:not(.ro):hover .shape{stroke:var(--ink);stroke-width:1.5}}.flag rect{fill:var(--surface-raised);stroke:var(--ink);stroke-width:1}.flag text{fill:var(--ink);text-anchor:middle;dominant-baseline:central}.sw{display:inline-block;width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-xs);border:1px solid var(--line-strong)}.sw.r0{background:var(--site-recent-0)}.sw.r1{background:var(--site-recent-1)}.sw.r2{background:var(--site-recent-2)}.sw.rest{background:var(--site-rested);border-style:dashed}.caption-box{margin-top:var(--space-3);min-height:var(--control-h)}.site-list li{display:flex;justify-content:space-between;gap:var(--space-3);min-height:var(--control-h);align-items:center;border-top:1px solid var(--line)}.when{color:var(--ink-muted);white-space:nowrap}.heat-wrap{overflow-x:auto}.heat{border-collapse:separate;border-spacing:2px}.heat th{font-weight:500;color:var(--ink-muted);text-align:left;white-space:nowrap;padding:0 var(--space-1)}.hc{width:28px;height:28px;text-align:center;border-radius:var(--radius-xs);border:1px solid var(--line-strong);font-family:var(--font-readout)}.hc.r0{background:var(--site-recent-0);color:var(--on-site-recent-0)}.hc.r1{background:var(--site-recent-1);color:var(--on-site-recent-1)}.hc.r2{background:var(--site-recent-2);color:var(--on-site-recent-2)}.hc.rest{background:var(--site-rested);border-style:dashed}.spo{position:relative;min-height:360px;border-radius:var(--radius-md);overflow:hidden}.spo-tag{position:relative;z-index:2;display:inline-block;margin-bottom:var(--space-2);padding:0 var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface-raised)}.spo-example{filter:blur(6px);transition:filter var(--motion-base) var(--ease-out)}.spo-scrim{position:absolute;inset:0;background:var(--scrim);opacity:var(--opacity-scrim)}.spo-panel{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100% - var(--space-8)));background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:var(--space-4);display:grid;gap:var(--space-2)}.spo-lock{display:inline-flex;align-items:center;justify-content:center;width:var(--target-min);height:var(--target-min);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink)}.spo-collapsed{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.log-list{display:grid;margin-top:var(--space-2)}.log-row{border-top:1px solid var(--line)}.log-row:first-child{border-top:0}.log-head{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 var(--space-3);align-items:baseline;text-align:left;background:none;border:0;padding:var(--space-2) 0;min-height:calc(var(--control-h) + var(--space-4));cursor:pointer}.log-sub{grid-column:2 / 3}.chev{grid-row:1 / 3;grid-column:3;align-self:center;transition:transform var(--motion-fast) var(--ease-out)}.log-head[aria-expanded=true] .chev{transform:rotate(180deg)}.log-body{padding:0 0 var(--space-3);display:grid;gap:var(--space-2)}.note-box{padding:var(--space-3);background:var(--surface-sunken);border-radius:var(--radius-sm);display:grid;gap:var(--space-1)}.rem-opt{display:grid;gap:var(--space-1);justify-items:start;padding-bottom:var(--space-2)}.rpreview{margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-sunken);display:grid;gap:2px;max-width:360px}.check{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:var(--space-2)}.check .row{display:flex;gap:var(--space-2);align-items:flex-start}.install-steps{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.install-steps li{display:flex;gap:var(--space-2);align-items:flex-start}.step{display:inline-flex;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border:1px solid var(--ink);border-radius:var(--radius-full);flex:none;font-size:14px}dialog.sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:calc(100dvh - var(--space-6));padding:0;border:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-float);overflow:auto;overscroll-behavior:contain;animation:rise var(--motion-slow) var(--ease-out)}dialog.sheet::backdrop{background:var(--scrim);opacity:var(--opacity-scrim)}.sheet-body{padding:var(--space-2) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));display:grid;gap:var(--space-2)}.sheet .x{margin-left:calc(var(--space-3) * -1)}.sheet .sub{color:var(--ink-muted)}.consent-body{display:grid;gap:var(--space-2)}.plans{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.plan{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:start;padding:var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer}.plan input{margin:var(--space-1) 0 0;width:var(--icon-md);height:var(--icon-md);accent-color:var(--accent)}.plan .price{text-align:right;white-space:nowrap;font-weight:600}.plan .detail{grid-column:2 / -1;color:var(--ink-muted)}.plan:has(input:checked){border:2px solid var(--accent);background:var(--accent-soft);padding:calc(var(--space-3) - 1px)}.plan:has(input:checked) .detail{color:var(--ink)}.plan:has(input:focus-visible){box-shadow:var(--focus-ring)}.charge{margin-top:var(--space-3)}.terms{margin-top:var(--space-3);display:grid;gap:var(--space-2)}.links{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:0 var(--space-4)}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@media (min-width: 768px){dialog.sheet{inset:0;margin:auto;width:min(var(--layout-sheet-max),calc(100% - var(--space-8)));max-height:calc(100dvh - var(--space-16));border-radius:var(--radius-lg)}dialog.sheet.wide{width:min(640px,calc(100% - var(--space-8)))}.sheet-body{padding:var(--space-3) var(--space-6) var(--space-6)}}.toast-host{position:fixed;left:0;right:0;bottom:calc(var(--layout-bar-h) + var(--space-3));z-index:var(--z-toast);display:flex;justify-content:center;pointer-events:none;padding:0 var(--space-4)}.toast{pointer-events:auto;display:flex;gap:var(--space-4);align-items:center;min-height:var(--control-h);padding:var(--space-2) var(--space-4);background:var(--ink);color:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-float);animation:rise var(--motion-fast) var(--ease-out);max-width:560px}.toast .linkbtn{color:var(--surface);text-decoration-color:var(--surface)}@media (min-width: 768px){.toast-host{bottom:var(--space-6)}}.menu{display:grid}.menu a{display:flex;gap:var(--space-3);align-items:center;min-height:calc(var(--control-h) + var(--space-4));padding:var(--space-2) 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.report-doc{position:relative;display:grid;gap:var(--space-4);overflow:hidden}.report-doc section{display:grid;gap:var(--space-2)}.report-doc footer{border-top:1px solid var(--line);padding-top:var(--space-2)}.report-doc.preview>*{position:relative;z-index:1}.report-doc.preview:after{content:"Preview";position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:650;color:var(--line);transform:rotate(-24deg);pointer-events:none;letter-spacing:.1em}.rtable{width:100%;border-collapse:collapse}.rtable th,.rtable td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--line)}.rtable th{color:var(--ink-muted);font-weight:500}.mock{border:2px dashed var(--line-strong);border-radius:var(--radius-md);margin-top:var(--space-4)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@page{margin:16mm}@media print{body{background:var(--surface-raised);color:var(--ink)}.apphead,.tabbar,.appfoot,.testbar,.toast-host,.no-print,.skip,dialog{display:none!important}.page>:not(.report-doc){display:none!important}.report-doc{border:0;padding:0}.rtable tr{break-inside:avoid}}