:root{--bg: #0d1110;--panel: #151b18;--panel-2: #1b231f;--line: rgba(233, 239, 234, .08);--line-strong: rgba(233, 239, 234, .14);--ink: #e9efea;--muted: #92a098;--faint: #5e6a64;--accent: #2cb584;--series-exposure: #199e70;--series-weight: #c98500;--serious: #e66767;--radius: 10px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{display:flex;min-height:100vh}.rail{width:208px;flex-shrink:0;border-right:1px solid var(--line);padding:24px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.logo{display:flex;align-items:baseline;gap:8px;padding:0 10px 26px}.logo-name{font-weight:700;font-size:17px;letter-spacing:-.02em}.logo-sub{font-family:var(--mono);font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.12em}.rail nav{display:flex;flex-direction:column;gap:2px}.rail a{display:block;padding:8px 10px;border-radius:7px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .12s,background .12s}.rail a:hover{color:var(--ink);background:var(--panel)}.rail a.active{color:var(--ink);background:var(--panel);border-left-color:var(--accent);border-radius:0 7px 7px 0}.rail-foot{margin-top:auto;padding:0 10px;font-family:var(--mono);font-size:10.5px;color:var(--faint);line-height:1.7}main{flex:1;padding:36px 40px 64px;max-width:1040px;min-width:0}.page-head{margin-bottom:26px}.page-head h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.page-head .sub{color:var(--muted);font-size:13.5px;margin-top:3px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel+.panel{margin-top:16px}.panel-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.tile .label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tile .value{font-family:var(--mono);font-size:22px;font-weight:600;margin-top:4px}.tile .detail{font-size:12px;color:var(--faint);margin-top:2px}.tile.serious .value{color:var(--serious)}label.field{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin:16px 0 6px}input,select,textarea{width:100%;background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);font-family:var(--mono);font-size:14px;padding:9px 11px}textarea{font-family:var(--sans);resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg);border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:13px;padding:6px 14px;cursor:pointer}.chip:hover{color:var(--ink);border-color:var(--faint)}a.chip{text-decoration:none;display:inline-flex;align-items:center}.chip.on{background:#199e7024;border-color:var(--accent);color:var(--ink)}.chip .hint{color:var(--accent);font-size:11px;margin-left:6px}button.primary{background:var(--accent);border:none;border-radius:8px;color:#06120d;font-family:var(--sans);font-size:14.5px;font-weight:600;padding:10px 22px;cursor:pointer;margin-top:22px}button.primary:hover{filter:brightness(1.1)}button.ghost{background:none;border:1px solid var(--line-strong);border-radius:7px;color:var(--muted);font-size:12.5px;padding:5px 12px;cursor:pointer}button.ghost:hover{color:var(--ink);border-color:var(--faint)}button.danger{color:var(--serious);border-color:#e6676759}.row-list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:16px;padding:12px 4px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .when{font-family:var(--mono);font-size:12.5px;color:var(--muted);width:148px;flex-shrink:0}.row .what{font-weight:600;font-size:14px}.row .dose{font-family:var(--mono);color:var(--accent)}.row .meta{color:var(--faint);font-size:12.5px;flex:1}.note{color:var(--faint);font-size:12px;margin-top:12px;line-height:1.55}.empty{color:var(--muted);font-size:14px;padding:28px 0;text-align:center}.ladder{display:flex;flex-direction:column;gap:8px}.rung{display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid var(--line);border-radius:8px}.rung .mg{font-family:var(--mono);font-size:15px;font-weight:600;width:74px}.rung .state{font-size:12px;color:var(--faint)}.rung.done{opacity:.55}.rung.done .mg{color:var(--muted)}.rung.current{border-color:var(--accent);background:#199e7014}.rung.current .state{color:var(--accent);font-weight:600}.chart-wrap{width:100%}.viz-tooltip{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px;font-family:var(--mono);font-size:12px;color:var(--ink)}.viz-tooltip .t{color:var(--muted);margin-bottom:2px}.legend-inline{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:10px;flex-wrap:wrap}.legend-inline .key{display:inline-flex;align-items:center;gap:6px}.swatch{width:14px;height:3px;border-radius:2px;display:inline-block}.auth-shell{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 20px}.auth-shell .panel{padding:26px}.report{max-width:760px}.report h2{font-size:15px;margin:26px 0 10px}.report table{width:100%;border-collapse:collapse;font-size:13px}.report th,.report td{text-align:left;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);vertical-align:top}.report th{color:var(--muted);font-weight:600;font-size:12px}.report td:first-child{font-family:var(--mono);font-size:12.5px;white-space:nowrap}@media print{body{background:#fff;color:#111}.rail,.no-print{display:none!important}main{padding:0;max-width:none}.report .sub,.report .note{color:#555!important}.report th,.report td{border-bottom-color:#ddd}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.tabbar{display:none}@media(max-width:860px){.app{flex-direction:column}.rail{display:none}main{padding:16px 14px calc(84px + env(safe-area-inset-bottom));max-width:none}.page-head{margin-bottom:16px}.page-head h1{font-size:21px}.panel{padding:16px;border-radius:12px}.panel+.panel{margin-top:12px}.tile-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{padding:12px 13px}.tile .value{font-size:19px}.row{flex-wrap:wrap;gap:6px 12px;padding:12px 2px}.row .when{width:auto;flex-basis:100%}.row .meta{flex-basis:100%}.legend-inline{gap:10px;font-size:11.5px}.report{overflow-x:auto}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#0d1110f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-strong);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;background:none;border:none;cursor:pointer;color:var(--faint);text-decoration:none;font-family:var(--sans)}.tab.active{color:var(--accent)}.tab-icon{font-size:17px;line-height:1}.tab-label{font-size:10.5px;font-weight:600;letter-spacing:.01em}.sheet-scrim{position:fixed;inset:0;z-index:45;background:#00000080}.sheet{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:50;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:14px;padding:8px;box-shadow:0 12px 40px #00000080}.sheet-who{font-size:11.5px;color:var(--faint);padding:8px 12px 10px;font-family:var(--mono)}.sheet-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--ink);font-family:var(--sans);font-size:15px;padding:13px 12px;border-radius:9px;cursor:pointer}.sheet-item:active{background:var(--panel)}.sheet-item.danger{color:var(--serious)}}@media(max-width:620px){.live-level{padding:18px}.live-main{gap:12px}.live-side{text-align:left;width:100%}}.live-level{padding:22px 24px}.live-main{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.live-figure{font-family:var(--mono);font-size:58px;font-weight:600;line-height:1;letter-spacing:-.03em;margin-top:6px}.live-unit{font-size:26px;color:var(--muted);margin-left:3px}.live-sub{color:var(--muted);font-size:13px;margin-top:8px}.live-side{text-align:right}.live-rate{font-family:var(--mono);font-size:17px;font-weight:600}.live-rate-detail{font-size:12.5px;color:var(--faint);margin-top:4px;font-family:var(--mono)}.live-bar{height:4px;border-radius:2px;background:var(--line-strong);margin-top:20px;overflow:hidden}.live-bar span{display:block;height:100%;border-radius:2px;transition:width .6s ease}@media(max-width:620px){.live-figure{font-size:46px}.live-side{text-align:left}}.absorb{margin-top:20px}.absorb-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;color:var(--muted);margin-bottom:7px;flex-wrap:wrap}.absorb-head strong{color:var(--ink);font-weight:600}.absorb-pct{font-family:var(--mono);color:var(--series-exposure);font-size:12.5px}.unit-toggle{display:inline-flex;gap:4px;margin-left:10px;vertical-align:middle}.unit-toggle button{background:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--faint);font-family:var(--mono);font-size:10px;letter-spacing:0;text-transform:none;padding:2px 8px;cursor:pointer}.unit-toggle button.on{color:var(--ink);border-color:var(--faint)}.chart-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.chart-controls .chip{font-size:11.5px;padding:3px 11px}.chart-wrap .recharts-wrapper{cursor:crosshair;-webkit-user-select:none;user-select:none}.cycle-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.cycle-stat{display:flex;flex-direction:column;gap:3px;min-width:0}.cycle-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cycle-value{font-family:var(--mono);font-size:20px;font-weight:600;line-height:1.1}.cycle-value em{font-style:normal;font-size:12px;color:var(--muted);margin-left:2px}.cycle-note{font-size:11.5px;color:var(--faint)}@media(max-width:620px){.cycle-stats{gap:12px}.cycle-value{font-size:17px}}.checkin-prompt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;cursor:pointer;font-family:var(--sans);border-style:dashed}.checkin-prompt:hover{border-color:var(--faint)}.checkin-title{font-size:15px;font-weight:600;color:var(--ink)}.checkin-sub{font-size:12.5px;color:var(--faint)}.checkin-done{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}