:root{--bg:#12110f;--sheet:#1c1a17;--card:#1b1a17;--field:#14130f;--line:#2e2b25;--ink:#f2efe6;--mute:#8d887b;--accent:#d6f23c;--on-accent:#141a00;--bad:#ff7a5c;--good:#d6f23c}
body{background:var(--bg)}
h1,h2,h3{margin:0}
.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.brand{font-weight:700;font-size:19px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}
.brand i{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:14px 0 0 -3px var(--ink);margin-right:12px}
.ibtn{width:40px;height:40px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--mute)}
.seg{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);padding:3px;border-radius:13px;margin-bottom:16px}
.seg button{flex:1;padding:8px 0;border-radius:10px;font-size:13px;font-weight:600;color:var(--mute)}
.seg button.on{background:var(--ink);color:var(--bg)}
.hero{padding:6px 2px 18px}
.hero small{color:var(--mute);font-size:13px;letter-spacing:.03em;text-transform:uppercase}
.hero .big{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:4px 0 2px}
.hero .big.pos{color:var(--good)}.hero .big.neg{color:var(--bad)}
.hero .sub{color:var(--mute);font-size:14px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.st{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px 14px}
.st small{display:block;color:var(--mute);font-size:12px;margin-bottom:5px}
.st b{font-size:20px;font-weight:600}
.st em{font-style:normal;color:var(--mute);font-size:12px;display:block;margin-top:2px}
.chart{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 12px 8px;margin-bottom:22px}
.chart small{color:var(--mute);font-size:12px;padding-left:2px}
.chart svg{display:block;width:100%;height:96px;margin-top:8px}
.sec{display:flex;align-items:baseline;justify-content:space-between;margin:6px 2px 10px}
.sec h3{font-size:17px}.sec span{color:var(--mute);font-size:13px}
.circ{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 15px;margin-bottom:10px}
.circ .h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.circ .t{font-weight:600;font-size:16px}
.badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;border:1px solid var(--line);color:var(--mute);white-space:nowrap}
.badge.open{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.circ .p{font-size:22px;font-weight:700;margin:8px 0 4px}
.pos{color:var(--good)}.neg{color:var(--bad)}.zero{color:var(--ink)}
.circ .l{color:var(--mute);font-size:13px;line-height:1.5}
.bar{height:5px;background:var(--line);border-radius:3px;margin-top:10px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.empty{text-align:center;color:var(--mute);padding:40px 20px;border:1px dashed var(--line);border-radius:18px}
.empty b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}
.fab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 20px);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:17px;padding:15px 28px;border-radius:30px;box-shadow:0 10px 30px rgba(214,242,60,.25),0 2px 0 rgba(0,0,0,.4);z-index:30;display:flex;gap:8px;align-items:center}
.fab:active{transform:translateX(-50%) scale(.97)}
.sw{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--field);border:1px solid var(--line);padding:4px;border-radius:14px;margin-bottom:14px}
.sw button{padding:11px;border-radius:10px;font-weight:700}
.sw button.on.buy{background:var(--accent);color:var(--on-accent)}
.sw button.on.sell{background:var(--ink);color:var(--bg)}
.sw button:not(.on){color:var(--mute)}
.prev{background:var(--field);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:2px 0 14px;font-size:14px;color:var(--mute);line-height:1.6}
.prev b{color:var(--ink);font-weight:600}
.btn{display:block;width:100%;padding:15px;border-radius:14px;font-weight:700;font-size:17px;background:var(--accent);color:var(--on-accent);text-align:center}
.btn.ghost{background:var(--field);color:var(--ink);border:1px solid var(--line);font-weight:600;font-size:15px;padding:12px}
.btn.danger{color:var(--bad)}
.btn[disabled]{opacity:.5}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.leg{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--line);align-items:flex-start;width:100%;text-align:left}
.leg .d{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none}
.leg .d.buy{background:var(--accent)}.leg .d.sell{background:var(--ink)}
.leg .m{flex:1;min-width:0}.leg .m b{font-weight:600}.leg .m small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.leg .r{text-align:right;font-size:14px}
.sum{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:2px 0 6px}
.sum div{background:var(--field);border:1px solid var(--line);border-radius:12px;padding:9px 10px}
.sum small{display:block;color:var(--mute);font-size:11px}.sum b{font-size:15px}
.login main{max-width:380px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 12vh) 26px 40px}
.login .logo{border-radius:22px;display:block;margin-bottom:22px}
.login h1{font-size:34px;letter-spacing:-.03em}.login .tag{color:var(--mute);margin:4px 0 30px}
.login .go{width:100%;padding:16px;border-radius:14px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:17px;margin-top:6px}