html,body{height:100%;margin:0}body{color:#3a3a3c;background:#e9e9ee;justify-content:center;align-items:center;gap:28px;min-height:100vh;font:13px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex}@media (prefers-color-scheme:dark){body{color:#c7c7cc;background:#111113}}#dose-app[data-device=iphone]{border-radius:62px;flex:none;width:402px;height:874px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 30px 80px #0000002e}#dose-app[data-device=fluid]{position:fixed;inset:0}html[data-device=fluid] body{background:#fff;display:block}#dev-controls{background:#ffffffb3;border-radius:14px;flex-direction:column;gap:10px;width:220px;padding:14px;display:flex;box-shadow:0 1px 2px #0000000f}#dev-controls[hidden]{display:none}@media (prefers-color-scheme:dark){#dev-controls{background:#2c2c2eb3}}#dev-controls h1{margin:0 0 2px;font-size:13px;font-weight:600}#dev-controls p{opacity:.75;margin:0;font-size:11px}#dev-controls button,#dev-controls label{font:inherit}#dev-controls .seg{gap:4px;display:flex}#dev-controls .seg button{color:inherit;cursor:pointer;background:#7878801f;border:0;border-radius:7px;flex:1;padding:5px 0}#dev-controls .seg button[aria-pressed=true]{color:#fff;background:#0aa394}#ctl-reset{color:#fff;cursor:pointer;background:#ff3b30;border:0;border-radius:9px;padding:8px;font-weight:600}@media (max-width:760px){body{flex-direction:column;padding:24px 0}#dev-controls{box-sizing:border-box;width:402px}}