:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit}.visually-hidden,.pp-visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}:root{color:#171817;--ink:#171817;--muted:#686e6b;--line:#dedfdb;--paper:#fff;--canvas:#f5f5f3;--accent:#246b8f;--accent-dark:#174d69;--accent-soft:#e5f1f7;--increase:#237a4b;--increase-soft:#edf8f1;--decrease:#b43d36;--decrease-soft:#fff0ee;--notice:#715629;--notice-soft:#fff7e8;background:#f5f5f3}html{min-width:320px;min-height:100%}body{background:var(--canvas);min-width:320px;min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #246b8f4d}.app{min-height:100dvh;padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(18px, env(safe-area-inset-left))}.app-header,main,footer{width:min(100%,1080px);margin-inline:auto}.app-header{align-items:center;gap:16px;min-height:68px;display:flex}.brand-lockup{align-items:center;gap:9px;display:flex}.brand-lockup strong{letter-spacing:-.035em;font-size:1.05rem}.product-badge{background:var(--accent-soft);min-height:21px;color:var(--accent-dark);letter-spacing:.07em;text-transform:uppercase;border-radius:7px;align-items:center;padding:3px 7px;font-size:.58rem;font-weight:800;line-height:1;display:inline-flex}.about-link{min-height:44px;color:var(--muted);align-items:center;margin-left:auto;padding:9px 2px 9px 12px;font-size:.83rem;font-weight:650;text-decoration:none;display:inline-flex}.hero{flex-direction:column;padding:18px 2px 26px;display:flex}.hero h1{letter-spacing:-.072em;margin:0;font-size:clamp(3rem,12vw,5.4rem);font-weight:760;line-height:.86}.hero p{max-width:680px;color:var(--muted);margin:15px 0 0;font-size:.94rem;line-height:1.5}.section-kicker{color:var(--accent);letter-spacing:.095em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.25;display:block}.privacy-note,.clinical-note{border-radius:16px;align-items:flex-start;gap:14px;padding:17px 18px;display:flex}.privacy-note{background:var(--notice-soft);border:1px solid #e3d1ae;margin-bottom:18px}.privacy-icon{color:#674c20;background:#e8d3a8;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:850;display:grid}.privacy-note strong,.clinical-note strong{font-size:.84rem;display:block}.privacy-note p,.clinical-note p{color:#635b4e;margin:5px 0 0;font-size:.75rem;line-height:1.55}.setup-panel,.add-panel,.result-card,.records-section,.trend-section,.history-section{border:1px solid var(--line);background:var(--paper);border-radius:20px}.setup-panel{padding:24px}.panel-heading h2,.result-card h2,.section-heading-row h2{letter-spacing:-.045em;margin:5px 0 0;font-size:1.4rem}.panel-heading p{color:var(--muted);margin:8px 0 0;font-size:.74rem;line-height:1.5}.weight-form{gap:13px;display:grid}.setup-form{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;margin-top:24px}.weight-form label{color:#4e5551;flex-direction:column;gap:6px;min-width:0;font-size:.72rem;font-weight:730;display:flex}.weight-form input,.weight-form select{width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fbfbfa;border:1px solid #cfd3cf;border-radius:11px;padding:0 11px;font-size:16px}.weight-form input:hover,.weight-form select:hover{border-color:#aeb6b1}.primary-button{background:var(--ink);color:#fff;border:0;border-radius:12px;min-height:48px;padding:0 17px;font-size:.78rem;font-weight:760}.form-error,.storage-error{color:#8b342d;margin:12px 0 0;font-size:.74rem;font-weight:650;line-height:1.45}.setup-heading-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.records-section{margin-bottom:16px;padding:20px 22px}.new-record-button{background:var(--accent-soft);min-height:44px;color:var(--accent-dark);border:1px solid #b9d3df;border-radius:11px;flex:none;padding:0 14px;font-size:.74rem;font-weight:780}.record-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:16px;display:grid}.record-list button{border:1px solid var(--line);min-height:72px;color:inherit;text-align:left;background:#fbfbfa;border-radius:13px;align-items:center;gap:12px;padding:12px 13px;display:flex}.record-list button.selected{border:2px solid var(--accent);background:#edf6fa;padding:11px 12px}.record-list button>span{flex-direction:column;flex:1;min-width:0;display:flex}.record-list strong{font-size:.76rem}.record-list small{color:var(--muted);margin-top:4px;font-size:.67rem;line-height:1.35}.record-list em{font-variant-numeric:tabular-nums;flex:none;font-size:.76rem;font-style:normal;font-weight:800}.record-list em.increase{color:var(--increase)}.record-list em.decrease{color:var(--decrease)}.workspace{grid-template-columns:minmax(250px,.72fr) minmax(0,1.45fr);gap:16px;display:grid}.add-panel,.result-card{padding:22px}.add-panel .panel-heading{margin-bottom:8px}.result-row{justify-content:space-between;align-items:flex-end;gap:18px;margin-top:3px;display:flex}.result-value{letter-spacing:-.07em;font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(3.1rem,8vw,5.1rem);font-weight:760;line-height:.9;display:block}.result-value.increase,.history-list em.increase{color:var(--increase)}.result-value.decrease,.history-list em.decrease{color:var(--decrease)}.weight-summary{gap:8px;margin:0;display:grid}.weight-summary div{grid-template-columns:auto auto;gap:14px;display:grid}.weight-summary dt{color:var(--muted);font-size:.68rem}.weight-summary dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:.75rem;font-weight:750}.dose-warning{background:var(--notice-soft);color:#62491d;border:1px solid #e2c382;border-radius:14px;align-items:flex-start;gap:12px;margin-top:22px;padding:14px 15px;display:flex}.warning-mark{background:#e8d3a8;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:.72rem;font-weight:850;display:grid}.dose-warning strong{font-size:.78rem;display:block}.dose-warning p{margin:5px 0 0;font-size:.72rem;line-height:1.5}.ctcae-result{background:#eef5f7;border:1px solid #c9dce5;border-radius:15px;align-items:flex-start;gap:14px;margin-top:24px;padding:15px;display:flex}.grade-pill{background:var(--accent-dark);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:8px;flex:none;padding:6px 9px;font-size:.65rem;font-weight:820}.ctcae-result>div:last-child{min-width:0}.ctcae-result span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.64rem;font-weight:700;display:block}.ctcae-result strong{margin-top:5px;font-size:.78rem;line-height:1.45;display:block}.ctcae-result a{min-height:36px;color:var(--accent);text-underline-offset:3px;align-items:center;gap:5px;margin-top:3px;font-size:.7rem;font-weight:760;display:inline-flex}.below-threshold{color:var(--muted);background:#f1f2f0;border-radius:13px;margin:22px 0 0;padding:13px 15px;font-size:.72rem;line-height:1.5}.trend-section,.history-section{margin-top:16px;padding:22px}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-heading-row>span{color:var(--muted);font-size:.7rem;font-weight:680}.trend-plot{background:#fafbf9;border-radius:14px;margin-top:18px;overflow:hidden}.trend-plot svg{width:100%;height:auto;min-height:190px;display:block}.grid-line{stroke:#e8eae7;stroke-width:1px}.baseline-line{stroke:#7e8984;stroke-width:1.4px;stroke-dasharray:5 5}.trend-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trend-point{fill:#7c8581;stroke:#fff;stroke-width:2.5px}.trend-point.increase{fill:var(--increase)}.trend-point.decrease{fill:var(--decrease)}.axis-label,.date-label,.baseline-label{fill:#747b77;font-family:inherit;font-size:11px}.baseline-label{letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:720}.history-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:18px;display:grid}.history-list button{border:1px solid var(--line);min-height:70px;color:inherit;text-align:left;background:#fbfbfa;border-radius:13px;align-items:center;gap:12px;padding:12px;display:flex}.history-list button.selected{border:2px solid var(--accent);background:#edf6fa;padding:11px}.history-list button>span{flex-direction:column;flex:1;min-width:0;display:flex}.history-list strong{font-size:.76rem}.history-list small{color:var(--muted);margin-top:4px;font-size:.67rem}.history-list em{font-variant-numeric:tabular-nums;font-size:.76rem;font-style:normal;font-weight:800}.text-button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:0 7px;font-size:.72rem;font-weight:750}.danger-text{color:var(--decrease)}.clear-confirmation{background:var(--decrease-soft);color:#663833;border:1px solid #e5bbb6;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:13px 15px;font-size:.72rem;line-height:1.45;display:flex}.clear-confirmation span strong{display:block}.clear-confirmation>div{flex:none;gap:5px;display:flex}.delete-button{background:var(--decrease);color:#fff;border:0;border-radius:10px;min-height:42px;padding:0 12px;font-size:.7rem;font-weight:760}.storage-error{margin:16px 2px}.clinical-note{background:#f0f7fa;border:1px solid #c8dce6;margin-top:16px}.clinical-note p{color:#596562;max-width:900px}.note-dot{background:#3fa2ce;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 5px #dceff7}footer{border-top:1px solid var(--line);margin-top:24px;padding:24px 2px 32px}footer strong{font-size:.78rem}footer p{max-width:760px;color:var(--muted);margin:9px 0;font-size:.72rem;line-height:1.55}footer span{color:#7c827f;font-size:.66rem;font-weight:650}@media (width>=700px){.app{border:1px solid var(--line);background:var(--paper);border-bottom:0;border-radius:22px 22px 0 0;width:min(100% - 32px,1160px);min-height:calc(100dvh - 16px);margin:16px auto 0;padding:0 24px 24px;box-shadow:0 8px 28px #1a1d1c0f}.app .app-header,.app main,.app footer{width:100%}.app-header{min-height:76px}}@media (width<=900px){.setup-form{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-form .primary-button{grid-column:span 2}}@media (width<=700px){.app{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.hero{padding-top:20px}.hero h1{font-size:clamp(3.45rem,17vw,4.8rem)}.workspace{grid-template-columns:1fr}.setup-panel,.add-panel,.result-card,.records-section,.trend-section,.history-section{border-radius:18px;padding:19px}.result-row{flex-direction:column;align-items:flex-start}.weight-summary{grid-template-columns:1fr 1fr;width:100%}.weight-summary div{background:#f5f6f4;border-radius:9px;justify-content:space-between;padding:9px 10px;display:flex}.trend-plot{overflow-x:auto}.trend-plot svg{width:660px;max-width:none}}@media (width<=430px){.setup-form{grid-template-columns:1fr}.setup-form .primary-button{grid-column:auto}.ctcae-result{flex-direction:column}.setup-heading-row{align-items:flex-start}.record-list{grid-template-columns:1fr}.section-heading-row{align-items:flex-start}.clear-confirmation{flex-direction:column;align-items:flex-start}.clear-confirmation>div{justify-content:flex-end;align-self:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}