:root{font-family:DM Sans,system-ui,sans-serif;color:#22332f;background:#f7f5ef;font-synthesis:none;--ink: #18342d;--green: #24574a;--green-2: #367262;--mint: #dcebe3;--cream: #f7f5ef;--paper: #fffefa;--line: #e5e1d8;--muted: #777a73;--coral: #d56b4a;--coral-soft: #f7ded4;--gold: #d7a441;--gold-soft: #f6e9c6;--shadow: 0 14px 45px rgba(38, 54, 48, .08)}*{box-sizing:border-box}html{min-height:100%;background:var(--cream)}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-mark{font-family:Manrope,sans-serif;letter-spacing:-.035em}.brand-mark{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:800;color:var(--ink)}.brand-mark svg{color:#82a88c}.eyebrow{margin:0 0 8px;color:var(--green-2);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow.light{color:#a9c6b8}.button{border:0;border-radius:12px;padding:11px 17px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:default;transform:none}.button.primary{background:var(--green);color:#fff;box-shadow:0 8px 20px #24574a2e}.button.primary:hover{background:#194a3f}.button.secondary{border:1px solid #d8ded8;background:#fff;color:var(--green)}.button.ghost{background:transparent;color:var(--muted)}.button.small{min-height:34px;padding:7px 12px;font-size:12px;border-radius:9px}.button.full{width:100%}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--green-2);cursor:pointer;padding:4px}.text-button.danger{color:#b8513c}.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;cursor:pointer}.icon-button.green{color:#fff;background:var(--green);border-color:var(--green)}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:24px}.loading-line{display:block;width:120px;height:3px;background:#e2e2db;overflow:hidden;border-radius:99px;position:relative}.loading-line:after{content:"";position:absolute;inset:0;width:40%;border-radius:inherit;background:var(--green);animation:loading 1s infinite ease-in-out}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(300%)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr;background:var(--paper)}.auth-art{position:relative;overflow:hidden;min-height:100vh;padding:38px 46px;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(126,170,142,.5),transparent 27%),linear-gradient(145deg,#173f35,#245b4c 62%,#2e6656);display:flex;flex-direction:column}.auth-art:before,.auth-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;width:620px;height:620px;right:-310px;top:-210px}.auth-art:after{width:460px;height:460px;right:-190px;top:-125px}.auth-art .brand-mark{color:#fff;position:relative;z-index:1}.auth-art-copy{margin:auto 0;max-width:580px;position:relative;z-index:1}.auth-art-copy h1{font-size:clamp(38px,4vw,60px);line-height:1.04;margin-bottom:22px}.auth-art-copy>p:last-child{max-width:480px;color:#c3d8ce;font-size:16px;line-height:1.7}.auth-foot{margin:0;display:flex;align-items:center;gap:8px;color:#b6cfc3;font-size:12px;position:relative;z-index:1}.auth-orbit{width:100px;height:100px;margin-bottom:45px;position:relative;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center}.auth-orbit:after{content:"";position:absolute;width:148px;height:148px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.orbit-center{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f3e7d3;color:var(--coral);box-shadow:0 12px 30px #00000029}.orbit-dot{position:absolute;width:10px;height:10px;background:#f0c967;border:2px solid #356a5c;border-radius:50%}.orbit-dot.one{top:2px;right:17px}.orbit-dot.two{bottom:-23px;left:40px;background:#e88969}.orbit-dot.three{left:-25px;top:44px;background:#8ac09e}.auth-panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;background:linear-gradient(145deg,#fffefa,#f7f5ef)}.auth-card{width:min(520px,100%)}.auth-card h2{font-size:34px;margin:0 0 12px;color:var(--ink)}.lede{color:var(--muted);line-height:1.6;margin-bottom:30px}.auth-mobile-brand{display:none}.step-dots{width:min(520px,100%);display:flex;gap:8px;margin-bottom:44px}.step-dots i{width:35px;height:3px;border-radius:99px;background:#dddcd5}.step-dots i.active{background:var(--green)}.back-link{border:0;background:none;color:var(--muted);font-size:12px;cursor:pointer;margin:0 0 30px;padding:0}label,.field-label{display:block;color:#35453f;font-size:12px;font-weight:700;margin-bottom:18px}input,select,textarea{display:block;width:100%;color:var(--ink);border:1px solid #dcded8;background:#fff;border-radius:10px;min-height:45px;margin-top:7px;padding:10px 12px;outline:none;transition:.15s ease}input:focus,select:focus,textarea:focus{border-color:#6a9a87;box-shadow:0 0 0 3px #4b806d1c}textarea{min-height:84px;resize:vertical}.privacy-note{display:flex;gap:12px;background:#eef4ef;color:#52675e;border-radius:12px;padding:15px;margin:22px 0;font-size:12px;line-height:1.5}.privacy-note svg{flex:0 0 auto;color:var(--green)}.people-setup{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.people-setup fieldset{border:1px solid var(--line);border-radius:14px;padding:15px;margin:0}.people-setup legend{padding:0 6px;font-size:12px;font-weight:800}.people-setup legend span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#fff;margin-right:5px}.people-setup label{margin-bottom:11px}.form-error{background:#fae4df;color:#a13f2d;border-radius:10px;padding:10px 12px;font-size:12px}.login-shell{min-height:100vh;background:radial-gradient(circle at 50% 15%,#e3efe7 0,transparent 30%),var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px}.login-brand{margin-bottom:38px}.login-card{width:min(430px,100%);padding:36px;background:#fffffce6;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-card h1{font-size:30px;margin-bottom:28px}.login-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.login-person{border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;cursor:pointer}.login-person.active{border-color:var(--green);background:#eff6f1;box-shadow:inset 0 0 0 1px var(--green)}.avatar{width:42px;height:42px;border-radius:50%;color:#fff;display:inline-grid;place-items:center;font-family:Manrope;font-weight:800;text-transform:uppercase}.avatar.small{width:30px;height:30px;font-size:11px}.login-avatar{width:52px;height:52px}.login-privacy{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:11px;margin:20px 0 0}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:238px;border-right:1px solid var(--line);background:#fffefaeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:29px 20px 20px;display:flex;flex-direction:column}.sidebar-top{padding:0 8px 25px}.nav-close{display:none}.household-label{display:flex;align-items:center;gap:10px;margin:0 2px 25px;padding:12px;background:#eff4ef;border-radius:12px}.household-label>span:last-child{display:flex;flex-direction:column;min-width:0}.household-label small,.account-chip small{color:var(--muted);font-size:9px;line-height:1.1}.household-label b{max-width:110px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-stack{display:flex;min-width:44px}.avatar-stack i{width:27px;height:27px;border:2px solid #eff4ef;border-radius:50%;margin-right:-9px;color:#fff;font-style:normal;font-size:9px;font-weight:800;display:grid;place-items:center;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{position:relative;width:100%;border:0;background:transparent;border-radius:10px;display:flex;align-items:center;gap:12px;padding:11px 12px;color:#69736e;font-weight:600;font-size:12px;cursor:pointer;text-align:left}.sidebar nav button:hover{background:#f3f2ec;color:var(--ink)}.sidebar nav button.active{color:var(--green);background:var(--mint);font-weight:800}.nav-alert{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--coral)}.sidebar-safety{margin-top:auto;display:flex;gap:9px;color:var(--muted);background:#f7f3e8;padding:12px;border-radius:10px;font-size:10px;line-height:1.5}.sidebar-safety svg{flex:0 0 auto;color:var(--gold)}.sidebar-safety p{margin:0}.account-chip{margin-top:auto;border:0;border-top:1px solid var(--line);background:transparent;padding:15px 7px 4px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left}.account-chip>span:nth-child(2){display:flex;flex-direction:column;flex:1}.account-chip b{font-size:11px}.main-area{margin-left:238px;min-height:100vh}.mobile-header,.bottom-nav{display:none}.page-content{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:50px 0 70px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.page-intro h1{color:var(--ink);font-size:clamp(29px,3vw,42px);margin:0 0 6px}.page-intro p:last-child{margin:0;color:var(--muted);font-size:13px}.panel{background:#fffefaed;border:1px solid var(--line);border-radius:17px;box-shadow:0 6px 24px #36403b09}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head h2{font-size:18px;color:var(--ink);margin:0}.due-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.due-card{position:relative;overflow:hidden;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 26px #36403b0a}.due-card:before{content:"";position:absolute;width:4px;inset:0 auto 0 0;background:var(--person)}.due-top{display:flex;align-items:center;gap:10px}.due-top div{display:flex;flex-direction:column}.due-top div span{font-weight:800;font-size:13px}.due-top small{color:var(--muted);font-size:10px}.due-top svg{margin-left:auto;color:#9aa59e}.due-main{display:flex;justify-content:space-between;align-items:flex-end;margin:23px 0 19px}.due-main>div{display:flex;flex-direction:column}.due-main strong{color:var(--ink);font-family:Manrope;font-size:21px;letter-spacing:-.04em}.day-pill{border-radius:99px;background:var(--mint);color:var(--green);padding:6px 9px;font-size:10px;font-weight:800}.day-pill.late{color:#a84230;background:var(--coral-soft)}.due-card>button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:#f5f4ef;padding:10px 12px;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:17px;margin-bottom:17px}.progress-panel,.quick-panel,.recent-panel,.journal-panel,.pens-panel,.chart-panel,.settings-card,.safety-panel{padding:23px}.progress-people{display:grid;grid-template-columns:1fr 1fr;margin-top:23px}.progress-person{min-width:0;padding-right:22px}.progress-person+.progress-person{border-left:1px solid var(--line);padding:0 0 0 22px}.progress-person-head{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:18px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-pair>div{display:flex;flex-direction:column}.metric-pair small{color:var(--muted);font-size:9px}.metric-pair strong{color:var(--ink);font-family:Manrope;font-size:21px;margin:3px 0}.metric-pair strong em{font-style:normal;font:500 9px DM Sans;color:var(--muted)}.metric-pair span{min-height:16px;color:var(--muted);font-size:8px;display:flex;align-items:center;gap:3px}.metric-pair span.positive{color:var(--green-2)}.mini-action{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:700;padding:10px 0 0;display:flex;align-items:center;gap:4px;cursor:pointer}.quick-panel{display:flex;flex-direction:column}.quick-panel .panel-head{margin-bottom:10px}.quick-panel>button{flex:1;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #ece9e1;background:transparent;text-align:left;padding:11px 2px;cursor:pointer}.quick-panel>button:last-child{border-bottom:0}.quick-panel>button>span:nth-child(2){display:flex;flex-direction:column;flex:1}.quick-panel button b{font-size:11px}.quick-panel button small{color:var(--muted);font-size:9px}.quick-icon,.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px}.quick-icon.green,.stat-icon.green{background:var(--mint);color:var(--green)}.quick-icon.coral,.stat-icon.coral{background:var(--coral-soft);color:var(--coral)}.quick-icon.gold,.stat-icon.gold{background:var(--gold-soft);color:#a67720}.recent-panel{margin-bottom:15px}.quiet-disclaimer{margin:15px 0 0;color:#858781;display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px}.filter-tabs{display:inline-flex;gap:4px;border:1px solid var(--line);background:#ffffffb3;border-radius:12px;padding:4px;margin:-15px 0 18px}.filter-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:8px;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}.filter-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #1e322a17}.filter-tabs i{width:7px;height:7px;border-radius:50%}.journal-panel{min-height:300px}.timeline{margin-top:14px}.timeline.compact{margin-top:13px}.timeline-row{display:grid;grid-template-columns:43px 12px minmax(0,1fr) auto;gap:12px;min-height:86px;position:relative;padding:10px 0 15px}.timeline-row:not(:last-child):after{content:"";position:absolute;left:60px;top:35px;bottom:-10px;border-left:1px solid var(--line)}.timeline-date{display:flex;flex-direction:column;align-items:center;color:var(--ink)}.timeline-date strong{font-family:Manrope;font-size:20px;line-height:1}.timeline-date span{color:var(--muted);font-size:9px;text-transform:uppercase}.timeline-dot{width:9px;height:9px;border:3px solid white;box-shadow:0 0 0 2px var(--line);border-radius:50%;margin-top:5px;z-index:1}.timeline-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.timeline-title b{font-size:12px}.status-badge{border-radius:99px;padding:3px 7px;background:var(--mint);color:var(--green);font-size:9px;font-weight:800}.status-badge.skipped{background:var(--gold-soft);color:#916719}.timeline-body p{margin:0 0 7px;color:var(--muted);font-size:10px}.signal-chips{display:flex;flex-wrap:wrap;gap:5px}.signal-chips span{border-radius:5px;background:#f3f2ed;padding:4px 6px;color:#69736e;font-size:8px}.timeline-meta{min-width:90px;display:flex;flex-direction:column;align-items:flex-end;color:var(--muted);font-size:9px}.delete-button{opacity:0;border:0;background:transparent;color:#a8513f;cursor:pointer;margin-top:7px}.timeline-row:hover .delete-button{opacity:1}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);margin-bottom:12px}.empty-state h3{font-size:16px;margin:0 0 5px}.empty-state p{max-width:330px;color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:15px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}.stat-strip>div{display:flex;align-items:center;gap:13px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat-strip p{display:flex;flex-direction:column;margin:0}.stat-strip small{color:var(--muted);font-size:9px}.stat-strip strong{color:var(--ink);font:700 18px Manrope}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.chart-panel{min-height:340px}.chart-wrap{width:100%;height:230px;margin:25px 0 0}.chart-legend{display:flex;gap:14px;justify-content:center;font-size:9px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{width:16px;height:3px;border-radius:99px}.chart-legend i.coral{background:var(--coral)}.chart-legend i.gold{background:var(--gold)}.chart-legend i.green{background:var(--green)}.measurements-table{padding:23px;margin-top:17px}.table-scroll{overflow-x:auto;margin-top:16px}table{width:100%;border-collapse:collapse;font-size:11px}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;text-align:left;padding:9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #efede7}.pens-panel{margin-bottom:17px}.pen-list{display:grid;gap:10px;margin-top:18px}.pen-card{display:flex;align-items:center;gap:15px;padding:13px;border:1px solid #e8e5dc;border-radius:13px;background:#fcfcf8}.pen-visual{flex:0 0 auto;width:48px;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:8px 8px 15px 15px;background:linear-gradient(160deg,#74a28d,var(--green));box-shadow:inset 0 0 0 4px #ffffff26}.pen-visual span{font:800 16px Manrope}.pen-visual small{font-size:8px}.pen-info{flex:1;min-width:0}.pen-info>div:first-child{display:flex;align-items:center;gap:8px}.pen-info b{font-size:12px}.pen-info p{color:var(--muted);font-size:9px;margin:3px 0 8px}.expiry{border-radius:99px;background:var(--mint);color:var(--green);padding:3px 7px;font-size:8px;font-weight:800}.expiry.urgent{background:var(--coral-soft);color:#ae4f39}.dose-dots{display:flex;gap:5px}.dose-dots i{display:grid;place-items:center;width:17px;height:17px;border:1px solid #d7dbd5;border-radius:50%;color:transparent}.dose-dots i.used{color:#fff;background:var(--green);border-color:var(--green)}.pen-actions{display:flex;align-items:center;gap:8px}.dose-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:17px}.calculator-panel,.residual-card{padding:25px}.not-medical{border-radius:99px;padding:5px 8px;background:#f1eee4;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.safety-inline{display:flex;gap:10px;color:#5f6d66;background:#eef4ef;border-radius:10px;padding:11px;margin:18px 0}.safety-inline svg{flex:0 0 auto;color:var(--green)}.safety-inline p{margin:0;font-size:10px;line-height:1.5}.strength-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:7px}.strength-grid button{min-width:0;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dedfd9;background:#fff;border-radius:9px;font:800 13px Manrope;cursor:pointer}.strength-grid button small{color:var(--muted);font:500 8px DM Sans}.strength-grid button.active{color:#fff;border-color:var(--green);background:var(--green)}.strength-grid button.active small{color:#c8ded4}.calc-fields{margin-top:18px}.conversion-result{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #dfe6df;background:#dfe6df;border-radius:12px;overflow:hidden;margin:6px 0 13px}.conversion-result>div{background:#f2f7f3;padding:14px;display:flex;flex-direction:column}.conversion-result small{color:var(--muted);font-size:8px}.conversion-result strong{color:var(--ink);font:800 22px Manrope}.conversion-result em{font:600 9px DM Sans;color:var(--muted);margin-left:2px}.conversion-placeholder{padding:18px;background:#f5f3ed;border-radius:10px;color:var(--muted);font-size:10px;display:flex;align-items:center;gap:8px;margin-bottom:13px}.formula{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--muted);font-size:9px}.formula span{font-weight:800;text-transform:uppercase}.formula code{color:#58645f;background:#f3f1eb;padding:5px 7px;border-radius:5px;white-space:normal}.residual-card{background:#fffaf1;border-color:#eadfca}.residual-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:var(--gold-soft);color:#aa791d;margin-bottom:18px}.residual-card h2{font-size:19px;margin-bottom:11px}.residual-card p{color:#6f6e68;font-size:11px;line-height:1.58}.residual-card a,.source-links a{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-size:10px;font-weight:700}.syringe-card{padding:25px;background:linear-gradient(145deg,#eef6f1,#f8fbf8);border-color:#d9e6dc}.syringe-card h2{margin:0 0 8px;font-size:20px}.syringe-card>p{color:var(--muted);font-size:10px;line-height:1.5}.syringe-toggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.syringe-toggle button{border:1px solid #d5dfd7;border-radius:11px;background:#fff;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);font:800 15px Manrope;cursor:pointer}.syringe-toggle button small{color:var(--muted);font:500 8px DM Sans}.syringe-toggle button.active{color:#fff;background:var(--green);border-color:var(--green)}.syringe-toggle button.active small{color:#cce0d6}.syringe-result{display:flex;flex-direction:column;align-items:center;padding:20px 12px;border-radius:13px;background:#fff;border:1px solid #dce5de;margin-bottom:15px}.syringe-result small{color:var(--muted);font-size:9px}.syringe-result strong{color:var(--ink);font:800 30px Manrope}.syringe-result em{color:var(--muted);font:600 10px DM Sans}.syringe-card dl{margin:0 0 15px}.syringe-card dl>div{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid #dde6df;font-size:10px}.syringe-card dt{color:var(--muted)}.syringe-card dd{margin:0;font-weight:700;color:var(--ink)}.syringe-card .formula{flex-direction:column;align-items:flex-start;gap:5px}.calculator-note{padding-top:12px;border-top:1px solid #dce5de}.pen-counter{min-width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d8e3db;border-radius:12px;background:#fff}.pen-counter small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.pen-counter strong{color:var(--green);font:800 25px Manrope;line-height:1.1}.counter-button{width:31px;height:31px;border:1px solid #d7ddd8;border-radius:9px;color:var(--green);background:#fff;font-size:18px;cursor:pointer}.counter-button:disabled{opacity:.35;cursor:default}.device-profile{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px 13px;border-radius:12px;color:var(--green);background:var(--mint)}.device-profile span{display:flex;flex-direction:column}.device-profile b{font-size:10px}.device-profile small{color:var(--muted);font-size:9px}.calculator-mode{margin-bottom:19px}.source-type{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0 10px}.source-type button{min-height:38px;border:1px solid #d8ddd9;border-radius:10px;color:var(--green);background:#fff;font-weight:800;cursor:pointer}.source-type button.active{color:#fff;background:var(--green);border-color:var(--green)}.reverse-result>div:first-child{background:var(--mint)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px}.settings-card .panel-head{margin-bottom:21px}.account-list>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eceae3}.account-list p{margin:0;display:flex;flex-direction:column}.account-list b{font-size:11px}.account-list small{color:var(--muted);font-size:9px}.settings-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.safety-panel{background:#f1f6f2;border-color:#dce7df}.safety-heading{display:flex;align-items:center;gap:12px}.safety-heading>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff;color:var(--green)}.safety-heading h2{font-size:20px;margin:0}.safety-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:25px 0 20px}.safety-columns h3{font-size:12px}.safety-columns ul{margin:0;padding:0;list-style:none}.safety-columns li{position:relative;color:#66716c;font-size:10px;line-height:1.5;padding:0 0 8px 16px}.safety-columns li:before{content:"";position:absolute;width:5px;height:5px;left:2px;top:5px;border-radius:50%;background:#83aa94}.urgent-note{display:flex;gap:10px;background:#fff;border-left:3px solid var(--coral);border-radius:8px;padding:13px}.urgent-note svg{flex:0 0 auto;color:var(--coral)}.urgent-note p{margin:0;color:#626963;font-size:10px;line-height:1.55}.source-links{display:flex;gap:20px;margin-top:17px}.about-line{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:var(--muted);font-size:9px}.modal-layer{position:fixed;z-index:100;inset:0;padding:22px;background:#12231e7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.modal{width:min(550px,100%);margin:auto;border-radius:20px;background:var(--paper);box-shadow:0 30px 80px #091a1447;padding:26px;animation:modal-in .2s ease-out}.modal.modal-wide{width:min(760px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;font-size:23px}.modal-intro{color:var(--muted);font-size:11px;line-height:1.5;margin-bottom:14px}.person-picker{display:flex;gap:8px;margin-bottom:21px}.person-choice{flex:1;min-height:49px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.person-choice svg{margin-left:auto;color:var(--green)}.person-choice.active{border-color:var(--green);background:#f1f7f3;box-shadow:inset 0 0 0 1px var(--green)}.slider-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.slider-field{margin-bottom:19px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row output{width:25px;height:22px;border-radius:6px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:800}.slider-field input{padding:0;margin:8px 0 2px;min-height:8px;height:4px;border:0;box-shadow:none;accent-color:var(--green)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-weight:500;font-size:9px}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.three{grid-template-columns:1.15fr 1fr 1fr}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:11px;background:#eeede7;margin-bottom:19px}.segmented button{border:0;background:transparent;border-radius:8px;padding:9px 12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700;cursor:pointer}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px #1e322a1a}.method-switch{margin:18px 0}.dose-block{margin-bottom:17px}.optional{color:#a1a29d;font-size:8px;font-weight:500}.math-preview{display:flex;gap:8px;align-items:flex-start;color:var(--green);background:#eaf3ed;border-radius:9px;padding:10px 11px;font-size:10px;line-height:1.45;margin-bottom:17px}.math-preview svg{flex:0 0 auto}.math-preview.muted{color:#747872;background:#f2f1ec}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.modal-actions .button.ghost{margin-right:auto}.toast{position:fixed;z-index:200;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;background:var(--ink);color:#fff;padding:11px 15px;border-radius:10px;box-shadow:0 12px 30px #14282140;font-size:11px;font-weight:700;animation:toast-in .2s ease-out}.toast.error{background:#a74131}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media(max-width:950px){.auth-shell{grid-template-columns:39% 1fr}.auth-art{padding:30px}.auth-art-copy h1{font-size:36px}.dashboard-grid,.dose-layout{grid-template-columns:1fr}.quick-panel>button{min-height:62px}.chart-grid,.settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.auth-shell{display:block}.auth-art{display:none}.auth-panel{padding:28px 20px}.auth-mobile-brand{display:block;align-self:flex-start;width:min(520px,100%);margin-bottom:auto}.step-dots{margin:35px 0 25px}.people-setup{grid-template-columns:1fr}.auth-card h2{font-size:28px}.sidebar{transform:translate(-105%);transition:transform .22s ease;box-shadow:20px 0 60px #14281e26}.sidebar.open{transform:translate(0)}.nav-close{display:block;margin-left:auto;border:0;background:transparent}.sidebar-top{display:flex;align-items:center}.nav-backdrop{position:fixed;z-index:19;inset:0;border:0;background:#1428214d}.main-area{margin-left:0;padding:64px 0 68px}.mobile-header{position:fixed;z-index:15;inset:0 0 auto;height:64px;padding:10px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fffefae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-header .brand-mark{font-size:18px}.bottom-nav{position:fixed;z-index:15;inset:auto 0 0;height:65px;border-top:1px solid var(--line);background:#fffefaf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:#7c817d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:8px}.bottom-nav button.active{color:var(--green);font-weight:800}.page-content{width:min(100% - 28px,680px);padding:28px 0 40px}.page-intro{align-items:flex-start}.page-intro h1{font-size:29px}.page-intro .button{display:none}.due-grid,.progress-people,.stat-strip{grid-template-columns:1fr}.progress-person+.progress-person{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.progress-person{padding:0}.stat-strip{gap:8px}.timeline-row{grid-template-columns:34px 10px minmax(0,1fr);gap:9px}.timeline-row:after{left:48px!important}.timeline-meta{grid-column:3;flex-direction:row;align-items:center;gap:8px;margin-top:-13px}.delete-button{opacity:1;margin:0 0 0 auto}.signal-chips span:nth-child(n+4){display:none}.strength-grid{grid-template-columns:repeat(3,1fr)}.conversion-result{grid-template-columns:1fr}.conversion-result>div{flex-direction:row;justify-content:space-between;align-items:center}.conversion-result strong{font-size:17px}.pen-card{align-items:flex-start;flex-wrap:wrap}.pen-info{min-width:calc(100% - 70px)}.pen-actions{width:100%;justify-content:flex-end}.safety-columns{grid-template-columns:1fr;gap:15px}.modal-layer{padding:0;align-items:flex-end}.modal{width:100%!important;max-height:94vh;overflow-y:auto;margin:auto 0 0;border-radius:20px 20px 0 0;padding:21px 18px calc(21px + env(safe-area-inset-bottom))}.slider-grid,.field-grid.two,.field-grid.three{grid-template-columns:1fr}.modal-actions{position:sticky;bottom:-21px;margin:5px -18px -21px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffefaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media(max-width:430px){.login-card{padding:27px 20px}.due-main{align-items:center}.due-main strong{font-size:18px}.metric-pair{gap:6px}.progress-panel,.quick-panel,.recent-panel,.journal-panel,.pens-panel,.chart-panel,.settings-card,.safety-panel,.calculator-panel,.residual-card{padding:18px}.source-links{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}