:root{--bg:#06131f;--panel:#0e2a3b;--panel2:#12344a;--aqua:#38e7dc;--blue:#248df1;--line:#52f2e5;--text:#f6f9fc;--muted:#c1cad5;--green:#36d47d;--amber:#ffc552}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
body{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,input,select{font:inherit}.hidden{display:none!important}
main{max-width:690px;margin:auto}.page{display:none;min-height:100vh;padding:26px 32px 36px}.page.active{display:block}.with-nav{padding-bottom:120px}
.home-wrap{text-align:center}.home-title{font-size:44px;margin:25px 0;color:#fff}.home-slogan{font-size:26px;line-height:1.2;color:var(--aqua);font-weight:800;margin:35px 0 70px}.home-subtitle{font-size:26px;font-weight:800;margin-bottom:30px}
.human-stage{height:520px;position:relative}.orbit{position:absolute;border:2px solid #1d4c6d;border-radius:50%;left:50%;transform:translateX(-50%);top:40px}.o1{width:510px;height:510px}.o2{width:420px;height:420px;top:85px}.o3{width:330px;height:330px;top:130px}.o4{width:240px;height:240px;top:175px}.human-simple{position:absolute;left:50%;top:110px;transform:translateX(-50%);width:190px;height:330px}.hh{position:absolute;left:63px;width:70px;height:70px;border:6px solid var(--aqua);border-radius:50%}.hb{position:absolute;left:16px;top:105px;width:160px;height:210px;border:6px solid var(--aqua);border-radius:50%}.hv{position:absolute;left:94px;top:105px;width:6px;height:210px;background:var(--aqua)}
.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-card{min-height:195px;border-radius:40px;border:2px solid #25516b;background:#113652;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-card.main{background:#258ef4;border:3px solid #5cf6e4}.home-card b{font-size:30px}.home-card small{color:#4df0e2;font-size:23px;font-weight:800;margin-top:16px}.home-card.main small{color:#fff}.home-card.second{min-height:170px;margin-top:20px}
.page-top{display:flex;justify-content:space-between;align-items:center}.back-link,.pill,.tool-pill{background:transparent;color:var(--aqua);border:0;font-weight:800;font-size:24px}.pill,.tool-pill{border:2px solid var(--line);border-radius:38px;padding:12px 22px;color:white}.section-title{font-size:44px;margin:38px 0 22px}.aqua{color:var(--aqua)}.panel{background:#123144;border-radius:30px;padding:24px;margin:22px 0;line-height:1.65}.panel p{font-size:23px;color:#eef2f6}.panel h3{font-size:30px;margin:0 0 12px}.field{width:100%;padding:24px 28px;margin:12px 0;border:2px solid #5695ef;background:transparent;color:white;font-size:24px}.trial-status{background:#124b38;color:#43e28a;font-size:25px;font-weight:800;text-align:center;padding:22px;margin:14px 0}.big-btn{width:100%;padding:22px;margin:13px 0;border-radius:38px;font-size:27px;font-weight:900}.blue{background:#248df1;color:white;border:0}.outline-aqua{background:transparent;border:3px solid var(--line);color:var(--aqua)}.outline-blue{background:transparent;border:2px solid #659bee;color:white}
.host-title{font-size:42px;margin:20px 0}.host-sub{font-size:24px;color:#d0d8e2;margin-bottom:20px}.host-tools{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-pill{font-size:24px;padding:12px}.minor{font-size:24px;color:#d5dce5;margin-bottom:25px}.status-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.big{font-size:39px}.wear-chip{background:#5c5632;border-radius:30px;padding:12px 18px;color:var(--amber);font-weight:900}.three-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.host-metric{background:#123148;border-radius:30px;padding:25px 18px;min-height:220px}.host-metric span{font-size:25px}.host-metric b{display:block;font-size:42px;margin-top:25px}.host-metric small{font-size:20px}.today-title{font-size:34px}.task-card{width:100%;display:grid;grid-template-columns:80px 1fr 35px;align-items:center;text-align:left;background:#173e5c;border:0;color:white;border-radius:30px;padding:22px;margin:16px 0}.num{width:64px;height:64px;border-radius:50%;background:#47e9df;color:#032536;display:grid;place-items:center;font-size:34px;font-weight:900}.task-card b{display:block;font-size:27px}.task-card small{display:block;color:#cbd7e4;font-size:19px;margin-top:7px}.task-card i{font-size:42px;font-style:normal}.measurement{margin-top:20px}.mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mode{background:#0c2738;border:1px solid #3774a2;color:white;border-radius:18px;padding:13px}.mode.selected{background:#1d89d9;border-color:#61f4e4}.switchrow{display:flex;justify-content:center;gap:10px;margin:16px}.sensor-head{display:flex;justify-content:space-between}.measurement video{width:100%;max-height:240px;object-fit:cover;background:#000;border-radius:16px;margin-top:10px}canvas{width:100%;height:auto;background:#071b29;border-radius:14px;margin-top:10px}.timer{text-align:center;font-size:60px;color:var(--aqua);font-weight:900;margin-top:18px}.phase{text-align:center;font-size:24px}.phasebar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.phasebar div{background:#0d283b;border-radius:14px;padding:10px;text-align:center}.phasebar span,.phasebar b{display:block;font-size:13px}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(690px,100%);height:100px;background:#092134;display:grid;grid-template-columns:repeat(5,1fr);z-index:50;border-top:1px solid #1b4259}.bottom-nav button{background:transparent;border:0;color:#d8dce4;font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bottom-nav button.active{color:#ff4258}.bottom-nav span{font-size:16px;margin-top:7px}.resultgrid,.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.summary{grid-template-columns:repeat(3,1fr)}.resultgrid div,.summary div{background:#0e2c41;border-radius:18px;padding:15px;text-align:center}.resultgrid span,.summary span{font-size:12px}.resultgrid b,.summary b{display:block;font-size:30px;color:var(--aqua)}#historyRows .row{padding:12px 0;border-bottom:1px solid #28485d}.modal{position:fixed;inset:0;background:#000c;z-index:90;display:grid;place-items:center;padding:20px}.modal-card{width:min(430px,100%)}.modal select{width:100%;padding:15px;margin:14px 0;background:#071d2b;color:white;border:1px solid var(--line)}
@media(max-width:560px){.page{padding:22px 32px}.home-title{font-size:38px}.home-slogan{font-size:23px;margin-bottom:55px}.home-subtitle{font-size:24px}.human-stage{height:500px}.o1{width:460px;height:460px}.o2{width:380px;height:380px}.o3{width:300px;height:300px}.o4{width:220px;height:220px}.home-card{min-height:200px;border-radius:35px}.home-card b{font-size:27px}.home-card small{font-size:20px}.section-title{font-size:38px}.panel p{font-size:20px}.three-metrics{gap:10px}.host-metric{padding:20px 14px;min-height:210px}.host-metric span{font-size:21px}.host-metric b{font-size:35px}.task-card b{font-size:23px}.task-card small{font-size:17px}.mode-row{grid-template-columns:repeat(2,1fr)}.phasebar{grid-template-columns:repeat(2,1fr)}.resultgrid{grid-template-columns:repeat(2,1fr)}}