*{box-sizing:border-box}body{margin:0;background:#f2f6f8;color:#344d5b;font:12px Manrope,Arial,sans-serif;padding:16px}button,input,select{font:inherit}button{border:0;border-radius:7px;padding:9px 12px;background:#deedf2;color:#416e80;cursor:pointer;transition:.25s}button:hover{background:#c9e0e9}button[aria-pressed=true],.primary{background:#5d91a2;color:#fff}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #437b95;outline-offset:2px}input,select{padding:8px;border:1px solid #d9e5eb;border-radius:7px;background:white;color:inherit}input[type=number]{width:70px}header{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #dce8ec;padding-bottom:14px;flex-wrap:wrap}header b{font-size:17px;font-weight:500}small{display:block;font-size:9px;font-weight:400;line-height:1.7;opacity:.7}nav{display:flex;gap:5px}nav button{background:none;font-size:10px;padding:9px}.demo-guide{font-size:9px;letter-spacing:.08em;margin:16px 0;color:#85949d}.hero{padding:20px;background:linear-gradient(120deg,#c6e0e7,#e0edf0);border-radius:12px;margin-bottom:15px}.hero h1{font-size:26px;font-weight:500}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:15px 0}.privacy{height:350px;background:#253d49;color:#e2edf1;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.privacy h2{font-size:22px;font-weight:500}.privacy p{line-height:1.8;max-width:450px;font-size:12px}.card{padding:18px;background:#fff;border:1px solid #e2ebef;border-radius:12px;margin:12px 0}.mode-grid,.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-grid>div{background:#f3f7fa;padding:12px}.mode-grid strong{display:block;font-size:14px;margin-top:7px}.counts>div{background:#e2f1ed;padding:13px;border-radius:8px}.counts>div:nth-child(2){background:#e4edf6}.counts strong{display:block;font-size:21px;margin-top:5px}.sensor-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px}.imu{display:grid;grid-template-columns:100px 1fr;gap:7px;margin:15px 0}.imu span{padding:9px;background:#e6f0f6;font-size:11px}.imu span:nth-child(odd){background:#fff}.state{padding:25px 14px;background:#dceee7;color:#4e8072;border-radius:16px;text-align:center;margin-top:20px}.state strong{display:block;font-size:20px;margin-top:12px}.state.suspected{background:#f5eac9;color:#967b31}.state.danger{background:#f2dce0;color:#a65f6d}.pool{position:relative;height:220px;border:10px solid #d5e9ef;border-radius:8px;background:repeating-linear-gradient(0deg,transparent,transparent 42px,#fff8 43px,#e9b6b7 46px,transparent 49px),repeating-linear-gradient(90deg,#c5e4ec,#c5e4ec 15px,#d2eaf0 16px);overflow:hidden}.swimmer{position:absolute;padding:5px 9px;background:#67a48f;color:white;border-radius:20px;font-size:10px;animation:swim 8s ease-in-out infinite alternate}.swimmer[data-state=suspected]{background:#c3a24b}.swimmer[data-state=danger]{background:#b97582}.pool.paused .swimmer{animation-play-state:paused}.swimmer[aria-pressed=true]{outline:3px solid #fff;outline-offset:2px}.legend{font-size:10px;display:flex;gap:14px;margin:12px 0}.scenario{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.scenario button{font-size:10px}.alert-card{background:#fff3d8;border-left:4px solid #d0ad57;padding:16px;border-radius:8px;line-height:1.8;margin:16px 0}.alert-card.danger{background:#f7e7e9;border-color:#b97582}.alert-card button{margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{padding:18px;background:#e9f2f5;border-radius:10px}.stats b{display:block;font-size:23px;margin-top:10px;font-weight:500}.chart{height:110px;width:100%;background:repeating-linear-gradient(0deg,#fff,#fff 24px,#e3edf2 25px)}.note{font-size:10px;line-height:1.8;opacity:.7}#notice{font-size:11px;padding:14px;background:#e1edf2;border-radius:10px;line-height:1.7}dialog{width:min(470px,90vw);border:1px solid white;border-radius:20px;background:#f4f8fa;color:#344d5b;padding:25px;box-shadow:0 30px 100px #172e4a40}dialog::backdrop{background:#19364580;backdrop-filter:blur(5px)}dialog h2{font-size:23px;font-weight:500}dialog p{line-height:1.8}dialog button{margin:8px 4px 0 0}.replay{background:#dfedf2;padding:20px;border-radius:14px}main{animation:fade .35s ease}.link{color:inherit}@keyframes swim{to{transform:translateX(25px)}}@keyframes fade{from{opacity:.3}to{opacity:1}}@media(max-width:650px){body{padding:10px}header{gap:10px}nav{overflow:auto;width:100%}nav button{white-space:nowrap}.sensor-layout{grid-template-columns:1fr}.state{margin-top:0;padding:12px}.mode-grid{gap:5px}.mode-grid>div{padding:8px;font-size:10px}.counts{gap:5px}.counts>div{font-size:9px;padding:8px}.stats{grid-template-columns:repeat(2,1fr)}.privacy{height:280px}.toolbar{gap:6px}.imu{grid-template-columns:80px 1fr}}@media(prefers-reduced-motion:reduce){.swimmer,main{animation:none}}html{scrollbar-width:none}::-webkit-scrollbar{width:0}