:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#172638;background:#e8edf4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}#app{max-width:500px;margin:0 auto;background:#f3f6fa;min-height:100dvh;display:flex;flex-direction:column}header{background:#123454;color:white;padding:calc(18px + env(safe-area-inset-top)) 20px 22px}.top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.5px}.demo{color:#a9e9c0}h1{font-size:25px;margin:22px 0 4px}header p{font-size:14px;color:#d3e0ed;margin:0}main{flex:1;padding:18px 16px 26px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile,.panel{background:white;border:1px solid #dce4ee;border-radius:14px}.tile{padding:18px 8px;min-height:115px;font-size:14px;font-weight:650;color:#172638}.tile .symbol{display:block;font-size:32px;color:#1466a3;margin-bottom:10px}.panel{padding:16px;margin-bottom:12px}.muted{font-size:13px;color:#65778b}.label{font-size:12px;color:#66798b;margin-bottom:4px}.value{font-size:17px;font-weight:700}.btn{background:#1466a3;color:white;padding:13px 15px;border:0;border-radius:10px;font-weight:700;width:100%;font-size:14px}.btn.secondary{background:#e7eff7;color:#145581}.input{width:100%;border:1px solid #b9c9d8;border-radius:9px;padding:12px;margin:8px 0 12px;background:white;font:inherit;color:#172638}.row{display:flex;justify-content:space-between;gap:10px;align-items:center}.status{color:#1466a3;font-size:12px;font-weight:700}.link{border:0;background:none;color:#1466a3;font-size:14px;font-weight:650;padding:10px 0;text-align:left}hr{border:0;border-top:1px solid #e3eaf1;margin:14px 0}nav{position:sticky;bottom:0;display:flex;justify-content:space-around;background:white;border-top:1px solid #dce4ee;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;color:#17486f;font-size:23px;min-width:65px}nav small{font-size:11px}.notice{background:#fff7e7;border:1px solid #f3db9f;border-radius:10px;padding:12px;font-size:12px;color:#795400;margin-bottom:14px}.empty{color:#65778b;text-align:center;padding:24px 8px}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7dbbfa;outline-offset:2px}