*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"PingFang SC","Noto Sans CJK SC",sans-serif;background:#F5F5F7;color:#1D1D1F;max-width:480px;margin:auto;padding-bottom:calc(96px + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}
.demo{color:#86868B;text-align:center;font-size:11px;padding:4px;background:#F5F5F7}
header{background:#F5F5F7;padding:6px 20px 4px;display:flex;justify-content:space-between;align-items:flex-end}
header b{font-size:28px;font-weight:700;letter-spacing:-.5px}header span{font-size:13px;color:#86868B;padding-bottom:6px}
main{padding:12px 16px}.c{background:#fff;border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
h3{margin:0 0 12px;font-size:19px;font-weight:600;letter-spacing:-.2px}.m{color:#86868B;font-size:13px}
hr{border:0;border-top:.5px solid #E5E5EA}
.tag{display:inline-block;background:#F2F2F7;color:#86868B;border-radius:999px;padding:1px 9px;font-size:12px;margin-left:4px}
.ok{background:#EAF7EE;color:#248A3D}.wait{background:#FFF4E5;color:#C76A00}.warn{background:#FFEDEC;color:#D70015}
.wc{background:#fff}.wc h3{font-size:24px!important;font-weight:700}
.bar{display:flex;height:6px;border-radius:3px;overflow:hidden;font-size:0;margin:16px 0 6px;gap:2px}
.bar div:first-child{background:#0071E3}.bar div:last-child{background:#B3D4F6}
input,select,textarea{width:100%;padding:11px 12px;margin:4px 0 10px;border:.5px solid #D2D2D7;border-radius:10px;font-size:15px;background:#fff;color:#1D1D1F;font-family:inherit}
label{font-size:13px;color:#86868B}
button{white-space:nowrap;background:#0071E3;color:#fff;border:0;border-radius:999px;padding:10px 20px;font-size:15px;font-family:inherit}
button.s{padding:4px 12px;font-size:13px}button.g{background:#F2F2F7;color:#0071E3}
nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:auto;display:flex;background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid rgba(0,0,0,.1)}
nav a{flex:1;text-align:center;padding:14px 0;color:#86868B;text-decoration:none;font-size:12px}nav a.on{color:#0071E3;font-weight:600}
table{width:100%;border-collapse:collapse;font-size:13px}td,th{border-bottom:.5px solid #E5E5EA;padding:6px 3px;text-align:left}
.big{font-size:40px;font-weight:700;letter-spacing:-1px;color:#1D1D1F}
