:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f1f7f8;color:#163744;font-synthesis:none;--deep:#123f4e;--teal:#087d92;--cyan:#e2f5f7;--muted:#637f8a;--border:#dbe8eb}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.topbar{background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px max(20px,calc((100vw - 1100px)/2));position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #0f465c0a}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:20px;letter-spacing:-.5px;display:block}.brand small{font-weight:700;letter-spacing:1.6px;font-size:9px;color:var(--muted);display:block}.logo{width:40px;height:40px;border-radius:12px;background:#087d92;color:#fff;display:grid;place-items:center;font-size:31px;font-weight:700}.top-right{display:flex;align-items:center;gap:9px}.pill{font-weight:700;font-size:12px;background:#eaf7f1;color:#247257;padding:7px 10px;border-radius:50px;white-space:nowrap}.pill.offline{background:#fff0df;color:#9d6111}main{max-width:1100px;margin:auto;padding:24px 18px 48px}.intro{border-radius:21px;background:linear-gradient(110deg,#0c6f83,#125369);color:white;display:flex;align-items:center;justify-content:space-between;min-height:220px;padding:30px 36px;overflow:hidden;position:relative}.intro h1{font-size:clamp(27px,5vw,43px);line-height:1.08;letter-spacing:-1.4px;margin:12px 0}.intro em{font-style:normal;color:#aaf2e7}.intro p{max-width:500px;color:#d6f2f2;margin:0;line-height:1.5}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.1px;color:#5ac0d0}.intro .eyebrow{color:#a9e5e7}.intro-illustration{display:flex;flex-direction:column;font-size:100px;line-height:.58;transform:rotate(-14deg);opacity:.22;margin-right:20px}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 20px}.stat span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.5px;font-weight:800}.stat strong{display:block;font-size:22px;letter-spacing:-.6px;padding-top:4px}.panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:23px;margin:16px 0;box-shadow:0 8px 25px #194e5c08}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:14px}.section-heading h2{font-size:22px;letter-spacing:-.6px;margin:0}.subtle{color:var(--muted);font-size:12px;font-weight:600}label{display:block;font-size:13px;color:#355863;font-weight:700;margin:13px 0 7px}input,select,textarea{display:block;width:100%;border:1px solid #cbdee3;background:#fff;color:#153743;border-radius:10px;padding:11px 12px;margin-top:5px;outline-color:#10a0b4}input:focus,select:focus,textarea:focus{border-color:#168ea0}textarea{resize:vertical}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.primary{background:#087d92;border:1px solid #087d92;color:#fff;padding:10px 16px;border-radius:11px;font-weight:750}.primary:hover{background:#096e80}.secondary,.ghost{border:1px solid #cde1e7;background:#f2fafb;color:#14697e;border-radius:10px;padding:9px 13px;font-weight:700}.ghost{background:white}.alert{margin:16px 0;padding:14px 17px;border:1px solid #b8d6ce;background:#eaf8f1;border-radius:11px;font-weight:600}.alert.bad{background:#fff2e9;border-color:#f3c7a6;color:#8b421e}.chart-panel .eyebrow{display:block;margin:1px 0 4px}.legend{display:flex;flex-wrap:wrap;gap:13px;font-size:12px;color:#51707c;margin-bottom:12px}.legend>span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:16px;height:3px;border-radius:4px}.line-q{background:#087d92}.line-mean{background:#d59e45}.line-selected{background:#db4349;height:9px;width:9px;border-radius:50%}.line-gap{background:repeating-linear-gradient(to right,#087d92 0 5px,transparent 5px 8px)}.plot-scroll{overflow-x:auto;border:1px solid #e4edef;background:linear-gradient(#fff,#fcfeff);border-radius:12px;padding:4px}.plot-scroll svg{display:block;min-width:650px;max-width:none;width:100%}.caption{font-size:12px;line-height:1.55;color:#6e8790}.measurements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.measure{border:1px solid #e2ebee;border-radius:12px;padding:14px;background:#fbfdfd}.measure.featured{background:#e6f7f7;border-color:#b9e4e5}.measure span,.measure small{color:var(--muted);font-size:12px}.measure strong{display:block;font-size:27px;letter-spacing:-.9px;color:#134957;margin:2px 0}.lower p{font-size:14px;color:var(--muted);line-height:1.6}.queue-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.footnote{color:#67808a;font-size:12px;text-align:center;line-height:1.6}.modal{border:1px solid #ccdee4;border-radius:17px;box-shadow:0 32px 80px #06334159;padding:24px;width:min(95vw,485px);max-height:89vh;overflow:auto;color:#183b49}.modal::backdrop{background:#0f3348ac}.wide-modal{width:min(95vw,800px)}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h2{margin:0 0 6px}.modal p{line-height:1.5}.close{background:none;border:none;font-size:29px;color:#49747e}.wide{width:100%;margin-top:16px}.error{font-size:13px;color:#b7432d}.compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare>div{background:#f3f8f9;border-radius:10px;padding:12px}.compare span{font-size:10px;letter-spacing:1px;color:#69858d;font-weight:800;display:block}.compare strong{display:block;margin:8px 0;font-size:24px}.compare input{margin-top:8px;padding:10px}.user-create{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:10px;align-items:end}.user-create label{margin-top:0}.user-create .primary{margin-bottom:1px}.account-row,.history-row,.pending-row{padding:12px 0;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center;justify-content:space-between}.account-row>div,.history-row>div{min-width:0}.account-row small,.history-row small,.pending-row small{display:block;color:#72909b;font-size:12px;margin-top:2px}.account-row button,.history-row button{white-space:nowrap}.muted{color:var(--muted)}.warn{color:#af5b22}.plot-label{font-size:13px;fill:#68828d}.plot-grid{stroke:#e5eef1;stroke-width:1}.plot-q{fill:none;stroke:#087d92;stroke-width:2.6;stroke-linejoin:round}.plot-mean{fill:none;stroke:#d59e45;stroke-width:2.3}.plot-gap{fill:none;stroke:#087d92;stroke-width:1.5;stroke-dasharray:5 6;opacity:.7}.plot-selected{fill:#e14c4c;stroke:white;stroke-width:3}.plot-point{fill:#087d92;cursor:pointer;opacity:.7}.plot-point:hover{fill:#e14c4c;opacity:1}
@media(max-width:750px){.topbar{padding:11px 15px}.brand strong{font-size:17px}.brand small{font-size:8px}.pill{font-size:11px}.top-right button{font-size:12px}.intro{padding:25px;min-height:190px}.intro-illustration{display:none}.overview{gap:7px}.stat{padding:12px}.stat strong{font-size:17px}.stat span{font-size:9px}.panel{padding:17px}.measurements{grid-template-columns:repeat(2,1fr)}.measure strong{font-size:25px}.control-grid{gap:8px}.section-heading h2{font-size:19px}.user-create{grid-template-columns:1fr 1fr}.user-create button{width:100%}.top-right{gap:5px}}
@media(max-width:365px){.topbar .pill{display:none}.intro{padding:18px}.control-grid{grid-template-columns:1fr}.stat strong{font-size:15px}.modal{padding:15px}}

.reset-form{margin-top:18px;padding:12px;background:#eff9fa;border:1px solid #bddfe5;border-radius:10px}.reset-form[hidden]{display:none}.reset-form button{margin:6px 6px 0 0}