:root{--page:#f2f3f1;--surface:#fff;--surface2:#f4f5f2;--ink:#131614;--ink2:#565b56;--muted:#8b9089;--hairline:#e3e5df;--accent:#1c5cab;--accent-ink:#fff;--accent-soft:#e8f0fa;--gold:#9a7420;--gold-soft:#f6efdd;--good:#006300;--bad:#b93232;--s1:#2a78d6;--s2:#1baf7a;--s3:#eda100;--s4:#008300;--s5:#4a3aa7;--s6:#e34948;--s7:#e87ba4;--s8:#8b9089}@media (prefers-color-scheme:dark){:root{--page:#0c0d0c;--surface:#1d201d;--surface2:#242724;--ink:#f4f5f2;--ink2:#c0c4bd;--muted:#8b9089;--hairline:#2d302c;--accent:#5b9be0;--accent-ink:#0c0d0c;--accent-soft:#1d2a3a;--gold:#d9b25e;--gold-soft:#2e2814;--good:#3dbb3d;--bad:#e66767;--s1:#3987e5;--s2:#199e70;--s3:#c98500;--s4:#3d9b3d;--s5:#9085e9;--s6:#e66767;--s7:#d55181;--s8:#8b9089}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Hiragino Sans,Segoe UI,sans-serif;line-height:1.55}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.appbar{justify-content:space-between;align-items:baseline;padding:18px 18px 4px;display:flex}.appbar .name{letter-spacing:.22em;font-size:17px;font-weight:800}.appbar .asof{color:var(--muted);font-size:11px}main{padding:0 14px calc(76px + env(safe-area-inset-bottom));flex:1}.screen{display:none}.screen.active{display:block}.eyebrow{letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:10.5px;font-weight:700}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:18px;margin-top:12px;padding:16px}.card h3{margin:0 0 2px;font-size:13.5px;font-weight:700}.card .sub{color:var(--muted);font-size:11.5px}.hero-amount{font-feature-settings:"tnum";margin:4px 0 2px;font-size:32px;font-weight:800;line-height:1.15}.hero-amount .yen{color:var(--ink2);margin-right:2px;font-size:18px;font-weight:600}.delta{color:var(--ink2);font-size:12px}.up{color:var(--good)}.down{color:var(--bad)}.alloc-bar{border-radius:7px;gap:2px;height:13px;margin:12px 0 8px;display:flex;overflow:hidden}.alloc-bar span{height:100%;display:block}.lrow{border-top:1px solid var(--hairline);align-items:center;gap:10px;padding:9px 2px;font-size:13px;display:flex}.lrow:first-child{border-top:none}.chip{border-radius:3px;flex:none;width:10px;height:10px}.lrow .nm{color:var(--ink2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lrow .val{font-feature-settings:"tnum";font-weight:700}.lrow .pct{text-align:right;width:46px;color:var(--muted);font-feature-settings:"tnum";font-size:11.5px}.row-btn{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.btn{cursor:pointer;background:var(--accent);color:var(--accent-ink);border:none;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700}.btn.ghost{background:var(--surface2);color:var(--ink);border:1px solid var(--hairline)}.btn.wide{width:100%;margin-top:10px}.btn:focus-visible,.tabbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-wrap{margin-top:10px;position:relative}.chart-wrap svg{width:100%;height:auto;display:block}.meter{background:var(--surface2);border-radius:4px;height:7px;position:relative;overflow:hidden}.meter i{background:var(--s1);border-radius:4px;height:100%;display:block}.meter .be{background:var(--gold);width:2px;position:absolute;top:-2px;bottom:-2px}.tag{letter-spacing:.1em;border-radius:6px;padding:2px 7px;font-size:9.5px;font-weight:800}.tag.win{background:var(--gold-soft);color:var(--gold)}.tag.prot{background:var(--surface2);color:var(--muted);border:1px solid var(--hairline)}table.plain{border-collapse:collapse;font-feature-settings:"tnum";width:100%;margin-top:8px;font-size:12px}table.plain th{color:var(--muted);text-align:right;border-bottom:1px solid var(--hairline);padding:5px 6px;font-size:10.5px;font-weight:700}table.plain td{text-align:right;border-bottom:1px solid var(--hairline);color:var(--ink2);padding:6px}table.plain th:first-child,table.plain td:first-child{text-align:left}.empty{text-align:center;color:var(--muted);padding:28px 8px;font-size:12.5px}.tabbar{border-top:1px solid var(--hairline);background:var(--surface);padding:6px 6px calc(8px + env(safe-area-inset-bottom));justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-inner{width:100%;max-width:480px;display:flex}.tabbar button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-family:inherit;font-size:10px;font-weight:700;display:flex}.tabbar button .ic{font-size:19px;line-height:1.2}.tabbar button.on{color:var(--accent)}dialog{border:1px solid var(--hairline);background:var(--surface);color:var(--ink);border-radius:18px;width:min(420px,100vw - 32px);padding:18px}dialog::backdrop{background:#00000073}dialog h3{margin:0 0 12px;font-size:15px}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:var(--ink2);font-size:11.5px;font-weight:700}.field input,.field select{border:1px solid var(--hairline);background:var(--surface2);color:var(--ink);border-radius:10px;width:100%;padding:10px;font-family:inherit;font-size:15px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
