: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:#6c716f;--line:#dedfdb;--paper:#fff;--canvas:#f5f5f3;--accent:#246b8f;--accent-dark:#174d69;--accent-soft:#e5f1f7;--signal:#72c9ed;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{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #246b8f3d}button{cursor:pointer}.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,.app-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{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:230px;padding:26px 3px 34px;display:flex}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.095em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.25}.hero h1{letter-spacing:-.072em;margin:9px 0 0;font-size:clamp(3.8rem,8vw,5.8rem);font-weight:770;line-height:.86}.hero p{color:var(--muted);margin:18px 0 0;font-size:clamp(.98rem,2vw,1.14rem);line-height:1.5}.calculator{grid-template-columns:minmax(260px,.72fr) minmax(0,1.7fr);gap:22px;padding:28px 0 24px;display:grid}.input-panel,.result-panel{border:1px solid var(--line);background:var(--paper);border-radius:20px}.input-panel{padding:24px}.input-panel h2,.result-heading h2{letter-spacing:-.045em;margin:6px 0 0;font-size:1.48rem}.input-panel label{color:#4f5552;margin-top:28px;font-size:.74rem;font-weight:720;display:block}.input-panel input{width:100%;min-height:52px;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbfbfa;border:1px solid #d4d7d3;border-radius:13px;margin-top:8px;padding:0 13px;font-size:1rem}.input-panel input:hover{border-color:#aeb6b1}.field-note{color:var(--muted);margin:12px 0 0;font-size:.73rem;line-height:1.55}.result-panel{min-width:0;padding:24px}.result-heading{justify-content:space-between;align-items:flex-start;gap:18px;min-height:46px;display:flex}.clear-button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:0 8px;font-size:.76rem;font-weight:750}.interval-list{gap:10px;margin-top:22px;display:grid}.interval-card{border:1px solid var(--line);background:#fbfbfa;border-radius:15px;align-items:center;gap:16px;min-width:0;padding:17px 18px;display:flex}.interval-card:before{background:var(--signal);width:8px;height:8px;box-shadow:0 0 0 5px var(--accent-soft);content:"";border-radius:50%;flex:none}.interval-copy{flex:1;min-width:0}.interval-rule{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;font-weight:810;display:block}.interval-card h3{letter-spacing:-.022em;margin:5px 0 0;font-size:.98rem}.interval-card output{color:#3f4743;font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(.92rem,2vw,1.08rem);font-weight:680;line-height:1.4;display:block}.interval-card p{color:var(--muted);margin:7px 0 0;font-size:.69rem;line-height:1.45}.interval-source{min-height:34px;color:var(--accent);text-underline-offset:3px;align-items:center;gap:6px;margin-top:3px;font-size:.68rem;font-weight:760;display:inline-flex}.copy-button{min-width:82px;min-height:44px;color:var(--accent-dark);background:#fff;border:1px solid #cad7d0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.72rem;font-weight:760;display:inline-flex}.copy-button:hover{background:#f4f8f5;border-color:#84a795}.copy-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.empty-state{min-height:246px;color:var(--muted);text-align:center;border:1px dashed #d2d7d3;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;margin-top:22px;padding:30px;display:flex}.empty-state>span{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.empty-state strong{color:var(--ink);margin-top:16px;font-size:.9rem}.empty-state p{max-width:330px;margin:8px 0 0;font-size:.75rem;line-height:1.5}.clinical-note{background:#f0f7fa;border:1px solid #c8dce6;border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:28px;padding:20px 22px;display:flex}.note-dot{background:#3fa2ce;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 5px #dceff7}.clinical-note strong{font-size:.84rem;display:block}.clinical-note p{color:#596562;max-width:800px;margin:6px 0 0;font-size:.75rem;line-height:1.58}.app-footer{border-top:1px solid var(--line);min-height:78px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:.69rem;display:flex}.app-footer strong{color:var(--ink)}@media (width>=720px){.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;box-shadow:0 8px 28px #1a1d1c0f}.app .app-header,.app main,.app .app-footer{width:100%}.app-header{min-height:76px}}@media (width<=760px){.app{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.hero{min-height:210px;padding:22px 3px 30px}.hero h1{font-size:clamp(3.5rem,17vw,4.8rem)}.calculator{grid-template-columns:1fr;gap:14px;padding-top:18px}.input-panel,.result-panel{border-radius:18px;padding:20px}.input-panel label{margin-top:22px}.clinical-note{margin-bottom:20px;padding:18px}}@media (width<=430px){.hero h1{font-size:3.45rem}.interval-card{align-items:flex-start;padding:16px 14px}.interval-card:before{margin-top:5px}.copy-button{width:44px;min-width:44px;padding:0}.copy-button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}