:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#172638;background:#f2f5f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}.topbar{height:58px;background:#10243a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.brand{font-size:14px;letter-spacing:.12em}.brand strong{color:#66d4c0}.status,.tag{font-size:11px;border:1px solid #cbd5df;border-radius:20px;padding:5px 9px;color:#526477}.status{color:#d8e5ef;border-color:#506579}
main{max-width:680px;margin:0 auto;padding:24px 16px 40px}.intro{padding:14px 4px 22px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#168b82;font-weight:700}.intro h1{font-size:29px;margin:8px 0}.intro p:last-child{color:#607184;margin:0}.panel{background:#fff;border:1px solid #e0e7ed;border-radius:16px;padding:20px;margin:0 0 16px;box-shadow:0 5px 18px #19334a0a}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.section-heading h2{font-size:17px;margin:0}.tag{white-space:nowrap}.tag.muted{background:#f3f5f7;color:#7a8794;border-color:#e3e8ed}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}select,input[type=file]{width:100%;min-height:46px;border:1px solid #ccd6df;border-radius:9px;background:#fff;padding:10px 12px;font-size:14px;color:#172638}select{font-size:16px}button{width:100%;min-height:48px;margin-top:20px;border:0;border-radius:10px;background:#087f79;color:white;font-size:15px;font-weight:700}button:active{opacity:.8}button.secondary{margin-top:10px;background:#e9f1f2;color:#17645f}.hint,.empty{font-size:12px;line-height:1.7;color:#718092}.hint{margin:12px 0 0}.empty{padding:14px;background:#f6f8fa;border-radius:9px;margin:0}.notice{border-left:3px solid #d4a34c;padding:4px 12px;color:#657487;font-size:12px;line-height:1.7}.notice strong{color:#425266}footer{text-align:center;padding:22px;color:#8794a1;font-size:11px}
.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.metric{border:1px solid #e2e9ee;border-radius:10px;padding:12px;min-width:0}.metric span{display:block;color:#6b7a89;font-size:11px;margin-bottom:7px}.metric strong{font-size:19px;overflow-wrap:anywhere}.source-credit{font-size:11px;color:#8794a1;margin-top:16px}.source-credit a{color:#247a75}
@media(min-width:600px){main{padding-top:36px}.intro h1{font-size:34px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
input[type=date]{width:100%;min-height:46px;border:1px solid #ccd6df;border-radius:9px;background:#fff;padding:10px 12px;font-size:16px;color:#172638}button:disabled{opacity:.55;cursor:wait}#data-results .metrics-grid{margin-top:14px}