:root{color:#243c34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f5f0;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:#fff;background:#285d49;border:0;border-radius:12px;min-height:44px;padding:12px 18px;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6ea28e}h1,h2,h3,p{margin:0}h2{font-size:19px}h3{font-size:15px}input,select{color:inherit;background:#fff;border:1px solid #cdd9d1;border-radius:10px;min-height:44px;padding:10px}input{width:100%;margin-top:8px}label{font-size:14px;display:block}svg{width:100%;display:block}.dashboard{max-width:760px;margin:auto;padding:30px 18px 24px}header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#6e8375;font-size:10px;font-weight:700}header p{color:#758278;font-size:13px}.quiet{color:#385e48;background:#e5ece5}.connection{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.connection>span:last-child{color:#7b887d;margin-left:auto}.dot{background:#43956b;border-radius:50%;width:8px;height:8px}.dot.offline{background:#b79b67}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-card{background:#fff;border-top:3px solid;border-radius:16px;padding:18px 15px;box-shadow:0 3px 15px #334a3310}.metric-card h2{font-size:14px;font-weight:500}.value{font-variant-numeric:tabular-nums;margin:16px 0 10px;font-size:clamp(28px,7vw,40px);font-weight:650}.value span{margin-left:6px;font-size:13px;font-weight:400}.muted{color:#778478;font-size:12px;line-height:1.7}.history,.settings{background:#fff;border-radius:18px;margin-top:22px;padding:20px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h2{margin-top:6px}.chart{margin-top:22px}.chart h3{justify-content:space-between;display:flex}.chart h3 span{color:#7f897f;font-size:11px;font-weight:400}.chart-times{color:#8a958b;justify-content:space-between;font-size:10px;display:flex}.empty{text-align:center;color:#96a094;padding:28px;font-size:13px}.settings form{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.settings label{width:100%}.notice{color:#6e592d;background:#f7f0dc;border-radius:10px;margin:12px 0;padding:12px;font-size:13px;line-height:1.6}footer{color:#7a897d;margin:24px 4px;font-size:11px;line-height:1.8}@media (width>=640px){.dashboard{padding-top:48px}.metric-card{padding:24px}.metric-grid{gap:16px}.history{padding:28px}}.dashboard{max-width:960px;padding:28px 24px 32px}header{align-items:center;margin-bottom:24px}.brand{color:#163c36;letter-spacing:-1px;font-size:24px;font-weight:800;text-decoration:none}.brand span{letter-spacing:0;color:#6c7774;margin-left:10px;font-size:12px;font-weight:500}nav{border-bottom:1px solid #dce3df;gap:6px;margin-bottom:28px;display:flex}nav a{text-align:center;color:#64716c;border-bottom:3px solid #0000;flex:1;padding:14px 8px;font-size:14px;font-weight:600;text-decoration:none}nav a[aria-current=page]{color:#17644f;border-color:#17644f}h1{letter-spacing:0;margin:0 0 20px;font-size:24px}.device-card{background:#e7f1ed;border:1px solid #d7e6de;border-radius:16px;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:flex}.device-symbol{color:#138d88;background:#fff;border-radius:16px;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:48px;line-height:1;display:grid}.device-card h2{font-size:18px}.connection{margin:8px 0;font-size:13px}.metric-card{box-shadow:none;border:1px solid #e1e7e3;border-top:3px solid;padding:22px}.metric-card h2{font-weight:600}.value{font-size:36px}.update-note{margin-top:12px}.history,.settings,.analysis-card{background:#fff;border:1px solid #e1e7e3;border-radius:16px;margin-top:0;padding:24px}.view-switch{gap:6px;display:flex}.view-switch button{padding:10px 16px}.table-scroll{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;width:100%;font-size:13px}caption{text-align:left;color:#778478;padding-bottom:12px;font-size:12px}th,td{border-bottom:1px solid #e9edea;padding:16px 12px}th{font-weight:500}th:first-child{text-align:left}thead{background:#f5f7f5}th small{color:#778478;font-size:10px;display:block}.analysis-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.analysis-card p{line-height:1.7}.analysis-card .muted{margin-top:12px}.analysis-card h2{font-size:17px}.analysis-history{grid-column:1/-1}details{margin-top:18px;font-size:12px;line-height:1.8}summary{cursor:pointer;color:#385e48}details a{color:#17644f}.guidelines{padding-left:20px}.settings{max-width:560px}.settings form{max-width:360px}a:focus-visible{outline-offset:3px;outline:3px solid #6ea28e}footer{margin-top:24px}@media (width<=600px){.dashboard{padding:20px 16px 90px}header{margin-bottom:20px}.brand span{margin:2px 0 0;display:block}nav{padding:4px 8px max(4px,env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid #dce3df;border-bottom:0;margin:0;position:fixed;bottom:0;left:0;right:0}nav a{padding:16px 8px}.device-card{gap:14px;padding:18px}.device-symbol{width:48px;height:48px;font-size:36px}.analysis-grid{grid-template-columns:1fr}.metric-card{padding:18px 14px}.value{font-size:30px}.history,.settings,.analysis-card{padding:18px}.section-heading{flex-wrap:wrap;gap:8px}.view-switch button{padding:10px 12px;font-size:12px}th,td{padding:14px 10px}}