*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{background:#0f1420;display:flex;justify-content:center}.app{width:100%;max-width:430px;min-height:100vh;background:#f4f6fa;position:relative;padding-bottom:70px;--c:#2d5296;--c2:#1f3864;--cl:#7aa2ff}.hdr{background:linear-gradient(135deg,var(--c2),var(--c));color:#fff;padding:14px 16px 12px}.hdr h1{font-size:16px;font-weight:700}.hdr p{font-size:11px;opacity:.8;margin-top:2px}.banksel{display:flex;gap:6px;padding:10px 12px;background:#16233f;overflow-x:auto}.bchip{flex:1 1;min-width:72px;text-align:center;padding:8px 4px;border-radius:10px;background:#22345c;color:#b9c6e0;font-size:12px;font-weight:600;cursor:pointer;border:2px solid transparent}.bchip.on{background:#fff;color:var(--c2);border-color:var(--c)}.screen{padding:12px}.card{background:#fff;border-radius:14px;padding:12px 12px 8px;margin-bottom:12px;box-shadow:0 1px 4px rgba(20,30,60,.06)}.card h2{font-size:13px;color:var(--c2);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.card h2 span{font-weight:400;color:#8a97b0;font-size:10px}table{width:100%;border-collapse:collapse}td,th{padding:7px 5px;font-size:12px;text-align:right}th{color:#7d8aa5;font-weight:600;font-size:10px;text-transform:uppercase;border-bottom:1px solid #eef1f6}td:first-child,th:first-child{text-align:left;color:#33405c;font-weight:600}tr td{border-bottom:1px solid #f4f6fa}.rank{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:7px;background:#eef2fb;color:var(--c2);font-weight:700;font-size:12px}.rank.r1{background:var(--c2);color:#fff}.up{color:#12924e}.down,.up{font-weight:700}.down{color:#d13b3b}.flat{color:#7d8aa5}.proj{color:var(--c);font-weight:700}.slrow{margin:12px 0 14px}.slrow label{display:flex;justify-content:space-between;font-size:12px;color:#33405c;margin-bottom:4px}.slrow label b{color:var(--c2)}.slwrap{position:relative}input[type=range]{width:100%;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#dfe6f2;border-radius:3px;outline:none;position:relative;z-index:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--c);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.3)}.capmark{position:absolute;top:-3px;width:3px;height:11px;background:#d13b3b;border-radius:2px;z-index:2;pointer-events:none}.sub{font-size:10px;color:#8a97b0;margin-top:4px;display:flex;justify-content:space-between}.sub .lim{color:#d13b3b;font-weight:600}.sub .over{color:#d13b3b;font-weight:700}.sec{font-size:11px;font-weight:700;color:#7d8aa5;text-transform:uppercase;margin:14px 0 4px;letter-spacing:.5px}.nav{position:fixed;bottom:0;width:100%;max-width:430px;display:flex;background:#fff;border-top:1px solid #e6ebf3}.nav div{flex:1 1;text-align:center;padding:8px 0 7px;font-size:10.5px;color:#8a97b0;cursor:pointer;font-weight:600}.nav div.on{color:var(--c2)}.nav div .ic{font-size:17px;display:block;margin-bottom:1px}.hero{display:flex;gap:8px;margin-bottom:12px}.hero .h{flex:1 1;background:#fff;border-radius:14px;padding:11px;box-shadow:0 1px 4px rgba(20,30,60,.06)}.hero .h .l{font-size:10px;color:#7d8aa5;font-weight:600}.hero .h .v{font-size:17px;color:var(--c2);font-weight:800;margin-top:2px}.hero .h .d{font-size:10.5px;margin-top:1px}.note{font-size:10px;color:#9aa6bd;padding:2px 2px 6px;line-height:1.4}.eff{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px solid #f4f6fa;font-size:12px}.eff .k{color:#33405c;font-weight:600}.eff .v{color:#d13b3b;font-weight:700}.eff .g{color:#12924e;font-weight:700}.nlin{display:flex;align-items:center;gap:8px;margin:8px 0}.nlin label{flex:1 1;font-size:12px;color:#33405c;font-weight:600}.nlin input{width:100px;padding:6px 8px;border:1.5px solid #dfe6f2;border-radius:8px;font-size:13px;text-align:right;color:var(--c2);font-weight:700}.bar{fill:var(--c)}.barl{fill:var(--cl)}