*{box-sizing:border-box}body{margin:0;background:#f4f8fb;color:#17334b;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;padding-bottom:76px}
header{height:76px;padding:13px 18px;background:linear-gradient(135deg,#17659b,#084f83);color:#fff;display:flex;align-items:center;gap:7px}
header .r{font:italic 46px Georgia}header span{font-size:12px;margin-left:auto;max-width:100px}
main{max-width:650px;margin:auto;padding:15px}.card{background:#fff;border:1px solid #d6e4ef;border-radius:15px;padding:17px;margin:12px 0;box-shadow:0 3px 12px #164c7012}
h2{margin:2px 0 14px;color:#075b94}.menu{font-size:19px;font-weight:700;cursor:pointer}.menu small{display:block;font-size:12px;color:#647b8c;margin-top:5px}
.primary,.secondary{width:100%;padding:15px;border:0;border-radius:11px;font-size:17px;font-weight:700;margin-top:10px}.primary{background:#0876cf;color:white}.secondary{background:#e7eef4;color:#355}
label{display:block;margin:10px 0 5px;font-weight:700}input,select{width:100%;padding:12px;border:1px solid #cbdbe7;border-radius:9px;font-size:16px;background:white}
table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{border:1px solid #cbdbe7;padding:8px 5px;text-align:center}th{background:#eaf4fb}.num{width:62px;padding:7px}
.big{font-size:42px;font-weight:800;color:#0964a5}.rank{font-size:30px;font-weight:800;background:#ffd765;padding:10px 17px;border-radius:10px}
.flex{display:flex;justify-content:space-between;align-items:center}.result{background:#eefbed}
nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:white;border-top:1px solid #ccdbe5;display:flex;z-index:5}nav button{flex:1;border:0;background:white;color:#35617d;font-size:20px}nav small{display:block;font-size:10px}
.note{background:#eef7fd;padding:13px;border-radius:10px;font-size:13px;line-height:1.7}.metric{display:flex;justify-content:space-between;border-bottom:1px solid #e0e8ee;padding:11px 0}
@media(min-width:700px){body{background:#e9f1f6}main{background:#f7fafc;min-height:calc(100vh - 144px)}}