@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
.install-button{margin-left:auto;border:1px solid #dedbd2;background:#fffefa;border-radius:12px;padding:10px 14px;font-weight:800}
:root{font-family:'DM Sans',sans-serif;color:#20201e;background:#f3f1eb;--ink:#20201e;--paper:#f3f1eb;--white:#fffefa;--line:#dedbd2;--muted:#77756e;--violet:#7856ff;--violet-soft:#eeeaff;--amber:#f2a72e;--amber-soft:#fff1d7;--mint:#66b99a;--mint-soft:#ddf3ea;--radius:22px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:28px 20px;background:var(--ink);color:white;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-family:Manrope;font-weight:800;letter-spacing:.06em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #686862;border-radius:50%;color:#b6a6ff}.brand small{display:block;margin-top:3px;color:#8d8c86;font:600 8px 'DM Sans';letter-spacing:.15em}.side-nav{display:grid;gap:6px;margin-top:55px}.nav-item{border:0;background:transparent;color:#999891;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:12px;text-align:left}.nav-item i{font-style:normal;font-size:20px}.side-nav .nav-item.active,.side-nav .nav-item:hover{background:#34332f;color:white}.side-foot{margin-top:auto;display:grid;grid-template-columns:12px 1fr;align-items:center;color:#d7d5cc;font-size:12px;padding:12px}.side-foot small{grid-column:2;color:#77766f;margin-top:3px}.status-dot{width:7px;height:7px;border-radius:50%;background:#75d0a2;box-shadow:0 0 0 4px #75d0a21f}main{margin-left:230px;min-height:100vh;padding:34px clamp(28px,5vw,78px) 70px}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto}.eyebrow,.kicker{margin:0 0 7px;color:#85827a;font-size:10px;font-weight:800;letter-spacing:.15em}.topbar h1{margin:0;font:800 clamp(26px,3vw,40px) Manrope}.profile-control{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);padding:5px 8px 5px 5px;border-radius:30px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--violet-soft);color:#6543ed;font-weight:800}.profile-control select{border:0;background:transparent;outline:0;max-width:130px;font-weight:700}.page{display:none;max-width:1180px;margin:34px auto 0}.page.active{display:block;animation:rise .35s ease}@keyframes rise{from{opacity:0;transform:translateY(7px)}}.hero-card{position:relative;overflow:hidden;min-height:260px;padding:42px clamp(26px,5vw,58px);border-radius:30px;background:var(--ink);color:white;display:flex;align-items:flex-end;justify-content:space-between}.kicker{color:#a993ff}.hero-card h2{font:800 clamp(34px,5vw,62px)/1.02 Manrope;margin:10px 0 14px;letter-spacing:-.045em}.hero-card p:not(.kicker){color:#b5b3ac;margin:0}.hero-action{position:relative;z-index:2;border:0;background:var(--violet);color:white;border-radius:16px;padding:13px 20px;font-weight:700;display:flex;align-items:center;gap:9px}.hero-action span{font-size:20px}.hero-orbit{position:absolute;right:0;top:0;width:45%;height:100%;opacity:.7}.hero-orbit i{position:absolute;border:1px solid #625c77;border-radius:50%;width:280px;height:280px;right:-50px;top:-30px}.hero-orbit i:nth-child(2){width:190px;height:190px;right:-5px;top:15px;border-color:#7856ff}.hero-orbit i:nth-child(3){width:80px;height:80px;right:50px;top:70px;background:#7856ff;border:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:42px 0 16px}.section-heading.compact{margin-top:30px}.section-heading h2,.panel-toolbar h2{margin:0;font:800 22px Manrope}.text-button{border:0;background:none;font-weight:700;color:var(--violet)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card{min-height:190px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;margin-bottom:25px}.metric-card.violet .metric-icon{background:var(--violet-soft);color:var(--violet)}.metric-card.amber .metric-icon{background:var(--amber-soft);color:#be7910}.metric-card.mint .metric-icon{background:var(--mint-soft);color:#35856a}.metric-card>span{color:var(--muted);font-size:12px}.metric-card strong{font:800 18px Manrope;margin:6px 0}.metric-card small{color:#929088}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:26px}.stack-list{display:grid;gap:9px}.empty-state{min-height:145px;place-content:center;text-align:center;padding:24px;color:var(--muted);border:1px dashed #cbc7bc;border-radius:var(--radius)}.empty-state span{font-size:24px}.empty-state h3{margin:8px 0 2px;color:var(--ink)}.empty-state p{margin:0;font-size:13px}.medical-note{margin-top:38px;border-top:1px solid var(--line);padding-top:18px;color:#8a8780;font-size:11px}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.page-intro p{color:var(--muted);max-width:560px;margin:0}.primary-button,.secondary-button{border:0;border-radius:13px;background:var(--violet);color:white;padding:12px 17px;font-weight:700}.secondary-button{background:var(--white);border:1px solid var(--line);color:var(--ink)}.amber-button{background:var(--amber);color:#342100}.mint-button{background:var(--mint);color:#12382d}.tab-row{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow:auto}.tab-row button{white-space:nowrap;border:0;background:none;padding:13px 17px;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}.tab-row button.active{color:var(--ink);border-color:var(--violet)}.tab-panel{display:none;padding-top:22px}.tab-panel.active{display:block}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.data-card,.list-row,.site-card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px}.data-card .chip{display:inline-block;border-radius:20px;background:var(--violet-soft);color:#6543ed;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.08em}.data-card h3{font:800 20px Manrope;margin:18px 0 3px}.data-card>p{margin:0;color:var(--muted);font-size:12px}.data-card .data-pair{display:flex;justify-content:space-between;border-top:1px solid #ece9e1;margin-top:18px;padding-top:14px;font-size:12px}.list-row{display:flex;align-items:center;gap:14px;padding:15px 17px}.row-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:var(--violet-soft);color:var(--violet)}.row-main{min-width:0;flex:1}.row-main strong{display:block}.row-main small{display:block;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-value{text-align:right;font-weight:800}.row-value small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.site-card.next{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.site-card small{color:var(--muted)}.site-card strong{display:block;margin-top:6px}.feature-stat{background:#2b2925;color:white;border-radius:25px;padding:30px;display:flex;justify-content:space-between;align-items:end}.feature-stat strong{display:block;font:800 62px Manrope}.feature-stat span{color:#aaa79f}.bar-motif{height:80px;display:flex;align-items:end;gap:7px}.bar-motif i{width:12px;height:25%;border-radius:8px;background:#f2a72e}.bar-motif i:nth-child(2){height:65%}.bar-motif i:nth-child(3){height:42%}.bar-motif i:nth-child(4){height:82%}.bar-motif i:nth-child(5){height:60%}.bar-motif i:nth-child(6){height:100%}.chart-card{background:var(--white);border:1px solid var(--line);border-radius:26px;padding:25px}.chart-head{display:flex;justify-content:space-between}.chart-head strong{display:block;font:800 38px Manrope}.chart-head>div>span{color:var(--muted);font-size:12px}.period-pill{align-self:start;background:#efede6;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:800}canvas{width:100%;margin-top:20px}.connection-banner{max-width:1180px;margin:18px auto -14px;background:#fff0cf;color:#765313;padding:11px 15px;border-radius:10px;font-size:12px}.hidden{display:none!important}.bottom-nav{display:none}dialog{width:min(520px,calc(100% - 24px));max-height:88vh;border:0;border-radius:26px;padding:0;background:var(--white);color:var(--ink);box-shadow:0 30px 90px #0005}dialog::backdrop{background:#24231f9c;backdrop-filter:blur(3px)}.sheet-handle{display:none}.sheet-close{position:absolute;right:18px;top:16px;width:35px;height:35px;border:0;border-radius:50%;background:#efede7;font-size:20px}.sheet-body{padding:30px}.sheet-body h2{font:800 27px Manrope;margin:5px 0}.sheet-body>p{color:var(--muted);margin:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#625f58}.field input,.field select,.field textarea{width:100%;border:1px solid #d7d3ca;background:#faf9f5;border-radius:12px;padding:12px;color:var(--ink);outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7856ff18}.field textarea{min-height:75px;resize:vertical}.form-submit{grid-column:1/-1;border:0;border-radius:13px;background:var(--ink);color:white;padding:14px;font-weight:800;margin-top:5px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{border:1px solid var(--line);background:#f7f5ef;border-radius:16px;padding:20px 12px;text-align:left;font-weight:800}.quick-grid button i{display:block;font-style:normal;font-size:24px;margin-bottom:17px;color:var(--violet)}.day-picker{display:flex;gap:5px}.day-picker label{flex:1}.day-picker input{display:none}.day-picker span{display:grid;place-items:center;height:34px;border:1px solid var(--line);border-radius:9px;font-size:10px}.day-picker input:checked+span{background:var(--violet);border-color:var(--violet);color:white}.dose-result{grid-column:1/-1;background:var(--violet-soft);border-radius:15px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dose-result strong{display:block;font:800 18px Manrope;color:#5a3bd0}.dose-result small{font-size:9px;color:#716c80}#toast{position:fixed;left:50%;bottom:30px;z-index:20;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:white;padding:12px 18px;border-radius:30px;font-size:12px;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.sidebar{display:none}main{margin:0;padding:24px 18px 105px}.topbar{padding-top:env(safe-area-inset-top)}.page{margin-top:25px}.hero-card{min-height:310px;display:block;padding:30px 25px}.hero-card h2{font-size:39px}.hero-action{position:absolute;bottom:25px;left:25px}.hero-orbit{width:70%}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:1/-1}.two-column{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.bottom-nav{position:fixed;z-index:8;display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:center;bottom:0;left:0;right:0;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:#fffefaf2;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom-nav .nav-item{display:grid;gap:1px;place-items:center;padding:4px;color:#8a877f;font-size:9px}.bottom-nav .nav-item i{font-size:19px}.bottom-nav .nav-item.active{color:var(--violet)}.quick-button{width:54px;height:54px;border:0;border-radius:50%;background:var(--ink);color:white;font-size:27px;transform:translateY(-17px);box-shadow:0 8px 25px #0004}.page-intro{align-items:start;gap:15px}.site-grid{grid-template-columns:1fr 1fr}dialog{margin:auto auto 0;border-radius:25px 25px 0 0;width:100%;max-width:none;max-height:92vh}.sheet-handle{display:block;width:40px;height:4px;border-radius:4px;background:#d4d0c7;margin:9px auto 0}.sheet-body{padding:20px 20px 30px}.sheet-close{top:12px}}
@media(max-width:520px){.topbar h1{font-size:28px}.profile-control select{max-width:105px}.metric-grid,.card-grid{grid-template-columns:1fr}.metric-card:last-child{grid-column:auto}.metric-card{min-height:150px}.metric-icon{margin-bottom:16px}.tab-row{margin-inline:-18px;padding-inline:10px}.page-intro{display:block}.page-intro .primary-button{margin-top:14px;width:100%}.form-grid{grid-template-columns:1fr}.field.full,.form-submit{grid-column:auto}.dose-result{grid-template-columns:1fr 1fr}.site-grid{grid-template-columns:1fr}.feature-stat strong{font-size:48px}.bar-motif{transform:scale(.8);transform-origin:right bottom}}