@font-face{font-family:Fustat Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fustat-arabic-wght-normal-CPSd1NLI.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Fustat Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fustat-latin-ext-wght-normal-D5Y7wg_H.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fustat Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fustat-latin-wght-normal-DHTMLXcy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--orange:#ff6b00;--orange-dark:#cc5600;--orange-light:#ff8933;--peach:#ffd5b8;--peach-soft:#fff2e8;--cyan:#0891b2;--cyan-dark:#06748f;--sky:#c5edff;--sky-soft:#e9f8ff;--navy:#036;--blue:#1771ad;--ink:#111827;--muted:#6b7280;--line:#d1d5db;--g1:#6fae6e;--g2:#f2a33a;--g3:#e4572e;--g4:#9b1d20;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);-webkit-text-size-adjust:100%;font-family:Fustat Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:#eef5f8;margin:0}button,input,select{font:inherit;color:inherit}.app{background:#fff;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.top{z-index:2;background:#fff;position:sticky;top:0}.top-row{padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;justify-content:space-between;align-items:center;display:flex}.logo{height:22px;display:block}.role{color:var(--navy);background:var(--sky-soft);border:1px solid var(--sky);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.menu{position:relative}button.role{cursor:pointer}.menu-backdrop{z-index:3;position:fixed;inset:0}.menu-pop{z-index:4;border:1px solid var(--sky);background:#fff;border-radius:10px;flex-direction:column;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0033662e}.menu-title{color:var(--muted);padding:6px 10px 4px;font-size:12px}.menu-pop button{text-align:left;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px}.menu-pop button.on{background:var(--sky-soft);font-weight:800}.menu-pop button.danger{color:#b42318}.menu-pop hr{border:0;border-top:1px solid var(--line);margin:4px 0}.stepbar{background:var(--cyan);color:#fff;padding:7px 16px 8px}.stepbar-label{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.progress{gap:6px;margin-top:7px;padding:0 4px;display:flex}.progress span{background:#ffffff47;border-radius:1px;flex:1;height:6px;transition:background-color .25s;transform:skew(-28deg)}.progress span.done{background:var(--orange)}.progress span.now{background:#fff}.beta{background:var(--peach-soft);color:var(--orange-dark);text-align:center;padding:5px 12px;font-size:12px;font-weight:600}.screen{flex-direction:column;flex:1;gap:12px;padding:16px 16px 0;display:flex}.footer{background:var(--cyan);color:#fff;text-transform:uppercase;text-align:center;padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);font-size:11px;font-weight:700}.footer a{color:#fff;text-decoration:none}.footer span{opacity:.7;margin:0 6px}.footer a,.footer b{white-space:nowrap;font-weight:inherit}h1{color:var(--navy);margin:2px 0 0;font-size:24px;font-weight:800}h2{color:var(--navy);margin:10px 0 -4px;font-size:18px;font-weight:800}.sub{color:var(--muted);margin:-4px 0 0;line-height:1.45}.instruction{color:var(--navy);margin:0;font-size:16px;font-weight:700}.hint{color:var(--muted);margin:0;font-size:14px}.note{background:var(--sky-soft);color:var(--navy);border-radius:8px;margin:0;padding:10px 12px;font-size:15px}.alert{border:1px solid var(--g2);background:#fff8eb;border-radius:8px;margin:0;padding:8px 12px;font-size:14px}.alert .btn{margin-top:8px}.callout{border:1.5px solid var(--orange);background:var(--peach-soft);border-radius:var(--radius);margin:0;padding:12px 14px;line-height:1.4}.callout strong{color:var(--orange)}.back{color:var(--blue);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-weight:700}.btn{cursor:pointer;border:0;border-radius:10px;width:100%;padding:15px;font-size:17px;font-weight:700;transition:background-color .15s}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover:not(:disabled){background:var(--orange-dark)}.btn-secondary{background:var(--cyan);color:#fff;padding:13px;font-size:16px}.btn-secondary:hover:not(:disabled){background:var(--cyan-dark)}.btn-link{color:var(--muted);background:0 0;padding:6px;font-size:15px;font-weight:500;text-decoration:underline}.btn:disabled{opacity:.4;cursor:default}.segmented{background:var(--sky);border-radius:10px;padding:4px;display:flex}.segmented button{color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:10px 8px}.segmented .seg-on{background:#fff;font-weight:800;box-shadow:0 1px 3px #00336626}.panel{background:var(--sky);border-radius:var(--radius);flex-direction:column;gap:12px;padding:14px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px 12px;display:grid}.grid2>*{min-width:0}.panel .segmented{background:#ffffff8c}.field{color:var(--navy);flex-direction:column;gap:5px;font-size:14px;font-weight:700;display:flex}.field input,.field select{border:1px solid var(--cyan);background:var(--cyan);color:#fff;border-radius:8px;width:100%;min-width:0;padding:11px 12px;font-size:17px;font-weight:400}.field input::placeholder{color:#ffffffb3}.field select option{color:var(--ink);background:#fff}.field input:focus,.field select:focus{outline:2px solid var(--orange);outline-offset:1px}.field input[aria-invalid=true],.field select[aria-invalid=true]{outline:2px solid var(--g3)}.field-error{color:#b42318;font-size:13px;font-style:normal;font-weight:600}.patient-list{flex-direction:column;gap:8px;display:flex}.patient-row{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;align-items:stretch;display:flex;overflow:hidden}.patient-row:has(.patient-on){border-color:var(--cyan)}.patient-card{flex:1;align-items:center;min-width:0;display:flex}.patient-card.patient-on{background:var(--sky-soft)}.patient{text-align:left;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-self:stretch;gap:2px;padding:11px 14px;display:flex}.patient strong{color:var(--navy);font-size:17px}.patient>span{color:var(--muted);font-size:13.5px}.patient-last{align-items:center;gap:6px;margin-top:2px;display:flex}.patient-weight{flex-shrink:0;width:92px;padding:8px 10px 8px 0}.patient-weight .field{text-align:center;gap:4px;font-size:11.5px}.patient-weight .field input{text-align:right;padding:9px 0;font-size:22px}.field-box{background:var(--cyan);color:#fff;border-radius:8px;align-items:baseline;display:flex}.field-box:focus-within{outline:2px solid var(--orange);outline-offset:1px}.field-box input,.field-box input:focus{background:0 0;border:0;outline:0;flex:1}.field-unit{padding:0 8px 0 4px;font-size:14px;font-weight:700}.patient-weight .field-error{font-size:11.5px;line-height:1.25}.patient-record{border:0;border-left:1px solid var(--line);width:64px;color:var(--cyan-dark);font:inherit;cursor:pointer;background:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:700;display:flex}.record-visit{background:#fff;flex-direction:column;gap:6px;display:flex}.record-visit-head{color:var(--navy);justify-content:space-between;align-items:baseline;display:flex}.record-visit-head span,.record-line span{color:var(--muted);font-size:13.5px}.record-line{grid-template-columns:58px 1fr;display:grid}.record-photos{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.record-photo{color:var(--muted);text-align:center;margin:0;font-size:12px}.record-photo .pair-photo img,.record-photo .pair-empty{aspect-ratio:1}.record-photo figcaption span{font-size:11px;display:block}.consent-yes{color:var(--cyan-dark)}.badge{color:#fff;border-radius:999px;padding:2px 10px;font-size:14px;font-weight:700;display:inline-block}.g1{background:var(--g1)}.g2{background:var(--g2)}.g3{background:var(--g3)}.g4{background:var(--g4)}.card{background:var(--sky-soft);border:1px solid var(--sky);border-radius:var(--radius);padding:12px 14px;line-height:1.4}.card-warn{border-color:var(--g2);background:#fff8eb}.card-alert{border-color:var(--g3);background:#fdeeea}.card-label{color:var(--navy);margin-bottom:3px;font-size:13px;font-weight:700}.card ul{margin:4px 0 0;padding-left:20px}.card li+li{margin-top:4px}.big{color:var(--orange);font-size:30px;font-weight:800}.big small{color:var(--navy);font-size:17px;font-weight:600}.decision{color:var(--navy);font-size:20px;font-weight:800;line-height:1.25}.steps{border-top:1px solid var(--line);text-align:left;margin-top:10px;padding-top:8px;font-size:14px}.steps-title{color:var(--navy);font-weight:700}.steps ul{margin:4px 0 0;padding-left:20px}.steps li+li{margin-top:2px}.dose-panel{background:var(--peach);border-radius:var(--radius);flex-direction:column;gap:10px;padding:10px;display:flex}.dose-card{background:#fff;border:1px solid #ffc499;border-radius:10px;overflow:hidden}.dose-head{background:var(--orange);color:#fff;text-align:center;padding:6px 10px;font-size:14px;font-weight:700}.dose-body{text-align:center;padding:8px 12px 10px}.dose-values{color:var(--orange);justify-content:center;gap:18px;font-size:30px;font-weight:800;line-height:1.15;display:flex}.dose-values small{color:var(--navy);font-size:16px;font-weight:600}.dose-vials{color:var(--navy);margin-top:4px;font-size:14px}.vial-statement{text-align:center;color:var(--navy);flex-direction:column;font-size:13px;display:flex}.bsa-card{text-align:center;background:var(--sky);border-color:var(--sky)}.bodymap-wrap{background:var(--sky-soft);border-radius:var(--radius);padding:10px}.bodymap{width:100%;max-height:340px;display:block}.part rect{fill:#1d4f80;cursor:pointer;transition:fill .15s}.part:hover rect{fill:#2a6399}.part-on rect,.part-on:hover rect{fill:var(--orange)}.bodymap .part:focus-visible rect{fill:#2a6399;stroke:var(--orange);stroke-width:2px}.bodymap .part:focus{outline:none}.body-caption{fill:var(--navy);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--cyan);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;padding:8px 15px;font-size:15.5px}.chip-on{background:var(--cyan);color:#fff;font-weight:700}.chips-row{flex-wrap:nowrap;gap:6px}.chips-row .chip{border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:46px;padding:8px 2px;font-size:15px;line-height:1.2;display:flex}.chip-score{font-weight:700}.chip-sub{font-size:11.5px;line-height:1.2}.count{color:var(--navy);margin:0;font-weight:700}.qgroup{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:10px 0 -4px;font-size:12.5px;font-weight:700}.answered{color:var(--cyan)}.example-line{background:var(--sky-soft);width:100%;color:var(--cyan-dark);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.example-line strong{color:var(--navy)}.example-line>span:first-of-type{flex:1}.example-line>span:last-child{font-size:22px;line-height:1}.example-line:disabled{color:var(--muted);cursor:default}.example-line:disabled>span:last-child{visibility:hidden}.question{border:0;margin:0;padding:0}.question legend{color:var(--navy);margin-bottom:6px;padding:0;font-weight:700}.legend-hint{color:var(--muted);font-size:13px;font-weight:400}.grade-card{border-radius:var(--radius);align-items:center;gap:16px;padding:14px 16px;display:flex}.grade-pending{background:var(--sky-soft);color:var(--muted);border:1.5px dashed var(--sky)}.g1-soft{background:#edf6ec}.g2-soft{background:#fff4e3}.g3-soft{background:#fdebe5}.g4-soft{background:#f7e1e1}.grade-num{white-space:nowrap;font-size:30px;font-weight:800}.t1{color:#4b8a4a}.t2{color:#c27512}.t3{color:var(--g3)}.t4{color:var(--g4)}.grade-desc{color:var(--muted);font-size:14px}.womo-mild{background:var(--g1)}.womo-moderate{background:var(--g2)}.womo-severe{background:var(--g3)}.grade-card.womo-mild,.grade-card.womo-moderate,.grade-card.womo-severe,.grade-card.womo-mild .grade-desc,.grade-card.womo-moderate .grade-desc,.grade-card.womo-severe .grade-desc{color:#fff}.womo-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-slot{border:2px dashed var(--cyan);border-radius:var(--radius);background:var(--sky-soft);flex-direction:column;gap:10px;padding:12px;display:flex}.photo-slot-head{color:var(--navy);justify-content:space-between;align-items:center;display:flex}.photo-slot-done{background:var(--cyan);color:#fff;border-radius:999px;padding:3px 10px;font-size:13px}.photo-slot-image img{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:10px;width:100%;display:block}.photo-slot-empty{background:var(--sky-soft);border:1.5px dashed var(--sky);height:88px;color:var(--muted);border-radius:10px;place-items:center;font-size:14px;display:grid}.pair+.pair{margin-top:12px}.pair strong{color:var(--navy)}.pair-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.pair-row figure{text-align:center;color:var(--muted);margin:0;font-size:13px}.pair-photo{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.pair-photo img,.pair-empty{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:10px;width:100%;display:block}.pair-empty{background:var(--sky-soft);border:1.5px dashed var(--sky);place-items:center;font-size:13px;display:grid}.lightbox{z-index:50;cursor:zoom-out;background:#000000d9;border:0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.trend{align-items:flex-end;gap:10px;height:96px;margin-top:8px;display:flex}.trend-dates{gap:10px;margin-top:4px;display:flex}.trend-dates span{text-align:center;color:var(--muted);flex:1;font-size:12px}.bar{color:#fff;text-align:center;border-radius:6px 6px 0 0;flex:1;padding-top:4px;font-size:13px;font-weight:700}.footnote{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.reset{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:13px;text-decoration:underline}.fatal{text-align:center;padding:24px}.roles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.roles button{border:1.5px solid var(--cyan);color:var(--navy);cursor:pointer;background:#fff;border-radius:10px;padding:12px 8px;font-size:15px}.roles button.on{background:var(--cyan);color:#fff;font-weight:700}.check{color:var(--navy);cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--orange);flex-shrink:0;margin:0}.join-logo{justify-content:center;padding:8px 0 4px;display:flex}.join-logo img{height:30px}.actionbar{z-index:1;padding:10px 16px calc(env(safe-area-inset-bottom) + 10px);background:#fff;gap:10px;margin:auto -16px 0;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 14px #0033661a}.actionbar .btn{flex:1}.actionbar-skip{flex-wrap:wrap;row-gap:4px}.ab-skip{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-basis:100%;padding:4px;font-size:14px;text-decoration:underline}.btn:disabled{font-size:15px}.ab-back{border:1.5px solid var(--cyan);color:var(--cyan);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 54px;place-items:center;font-size:28px;font-weight:700;line-height:1;display:grid}.link{color:var(--blue);cursor:pointer;background:0 0;border:0;align-self:center;padding:6px;font-weight:700;text-decoration:underline}.sim{z-index:10;background:linear-gradient(#eef6fb 0%,#f7fafc 100%);flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.sim-head{background:var(--cyan);color:#fff;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;justify-content:space-between;align-items:center;gap:12px;display:flex}.sim-title{font-size:16px;font-weight:800}.sim-sub{opacity:.85;font-size:12px}.sim-close{color:#fff;cursor:pointer;background:#fff3;border:0;border-radius:50%;width:36px;height:36px;font-size:16px}.sim-stage{flex:1;min-height:0;position:relative}.sim-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.sim-status{color:var(--navy);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.sim-howto{color:var(--navy);text-align:center;margin:10px 16px 0;font-size:14px;font-weight:600}.sim-controls{align-items:center;gap:12px;padding:10px 16px 0;display:flex}.sim-controls .segmented{flex:1}.sim-tones{gap:8px;display:flex}.sim-tones button{width:32px;height:32px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%}.sim-tones button.on{box-shadow:0 0 0 2px var(--orange)}.sim-note{color:var(--muted);text-align:center;margin:8px 16px calc(env(safe-area-inset-bottom) + 12px);font-size:11px}.example-cta{border:2px solid var(--cyan);border-radius:var(--radius);background:#fff;flex-direction:column;gap:10px;margin:6px 0;padding:12px;display:flex;box-shadow:0 4px 14px #0891b226}.example-head{color:var(--cyan);align-items:center;gap:12px;display:flex}.example-head svg{background:var(--sky);border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:6px}.example-head strong{color:var(--navy);font-size:15.5px;display:block}.example-head span{color:var(--muted);font-size:13.5px}.sim-missing{color:var(--orange-dark);text-align:center;margin:8px 16px 0;font-size:13px}.see-example{border:1.5px solid var(--cyan);color:var(--cyan-dark);cursor:pointer;background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex}.see-example:disabled{opacity:.45;cursor:default}.ref-thumb{text-align:left;border:1px solid var(--sky);background:var(--sky-soft);width:100%;color:var(--muted);cursor:zoom-in;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:6px;font-size:12px;display:flex}.ref-thumb img{object-fit:cover;background:#fff;border-radius:8px;flex-shrink:0;width:72px;height:72px}.ref-thumb b{color:var(--navy);font-size:13.5px;display:block}.ref-full{z-index:20;color:#fff;cursor:zoom-out;background:#001428eb;border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex;position:fixed;inset:0}.ref-full img{border-radius:12px;width:100%;max-width:480px}.photo-links{flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.photo-links .link{white-space:nowrap;font-size:14px}.sim-reset{border:1.5px solid var(--cyan);color:var(--cyan-dark);cursor:pointer;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #00336626}
