:root{--bg: #0b0e13;--card: #12171f;--card-hi: #161c25;--sunken: #0f1318;--border: #222a36;--divider: #1e252f;--chip: #1a2029;--seg: #232b37;--text: #e9edf3;--text-2: #b7c0ce;--muted: #8d97a8;--accent: #5aa9ff;--accent-2: #8cc3ff;--accent-bg: #13202f;--accent-border: #1f3550;--pos: #3dd68c;--pos-bg: #10261b;--pos-border: #1b4430;--neg: #ff7a7a;--neg-bg: #2f1a1a;--neg-border: #3a2626;--warn: #ff9f5a;--warn-2: #e0803e;--warn-text: #ffb988;--warn-bg: #2e1e12;--yellow: #f5b841;--yellow-bg: #2b2412;--red: #ff5c5c;--violet: #b48cff;--grid: #232934;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}:root[data-theme=light]{--bg: #f2f4f7;--card: #ffffff;--card-hi: #ffffff;--sunken: #eef1f5;--border: #e3e7ed;--divider: #e3e7ed;--chip: #eef1f5;--seg: #ffffff;--text: #10141a;--text-2: #3d4655;--muted: #5e6878;--accent: #2a7de1;--accent-2: #2a7de1;--accent-bg: #e6f0fc;--accent-border: #bcd5f5;--pos: #0e8a55;--pos-bg: #ddf3e7;--pos-border: #bfe6d0;--neg: #b42c2f;--neg-bg: #fbe6e6;--neg-border: #f1c9ca;--warn: #d9732e;--warn-2: #b85e22;--warn-text: #a3501a;--warn-bg: #fbeadc;--yellow: #a87400;--yellow-bg: #fbf1d6;--red: #c42b2b;--grid: #e3e7ed;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;max-width:560px;margin:0 auto;display:flex;flex-direction:column}.page{flex:1;padding:14px 16px calc(92px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}.small{font-size:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}.label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.card.hero{background:linear-gradient(180deg,var(--card-hi) 0%,var(--card) 100%);border-radius:20px;padding:16px 16px 12px;gap:4px}.card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.tag{font-size:11px;font-weight:600;color:var(--muted);background:var(--chip);padding:3px 8px;border-radius:6px;white-space:nowrap}.tag.warn{color:var(--warn);background:var(--warn-bg)}.tag.pos{color:var(--pos);background:var(--pos-bg)}.tag.neg{color:var(--neg);background:var(--neg-bg)}.tag.yellow{color:var(--yellow);background:var(--yellow-bg)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);color:var(--muted);background:var(--chip);white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{background:var(--pos-bg);border-color:var(--pos-border);color:var(--pos)}.pill.ok .dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--pos) 18%,transparent)}.pill.live{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-2)}.pill.bad{background:var(--neg-bg);border-color:var(--neg-border);color:var(--neg)}.pill.paused{background:var(--yellow-bg);border-color:transparent;color:var(--yellow)}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent) 0%,#2f6fd0 100%);display:grid;place-items:center;box-shadow:0 4px 14px #5aa9ff47}.brand-name{font-size:15px;font-weight:800;letter-spacing:.04em}.seg{display:flex;gap:2px;background:var(--bg);border-radius:9px;padding:2px}.seg button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:12px;padding:5px 9px;border-radius:7px}.seg button[aria-pressed=true]{background:var(--seg);color:var(--text)}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--card);border-radius:12px;padding:3px}.tabs button{border:0;background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:9px;border-radius:9px}.tabs button[aria-pressed=true]{background:var(--seg);color:var(--text)}.equity{font-family:var(--mono);font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.15}.equity .cents{color:var(--muted)}.delta{display:flex;gap:8px;align-items:center;font-size:13px}.badge{border-radius:6px;padding:2px 6px;font-weight:600}.badge.pos{background:var(--pos-bg)}.badge.neg{background:var(--neg-bg)}.legend{display:flex;gap:14px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.sw{width:8px;height:8px;border-radius:2px;display:inline-block;flex:none}.sw.round{border-radius:50%;width:7px;height:7px}.stack{display:flex;height:8px;border-radius:4px;overflow:hidden;gap:2px;background:var(--sunken)}.list{display:flex;flex-direction:column;gap:6px;font-size:13px}.strike{color:var(--warn-text);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--warn) 60%,transparent)}.total{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;border-top:1px solid var(--border)}.note{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.tile b{font-family:var(--mono);font-size:16px;font-weight:700}.tile span{font-size:11px;color:var(--muted)}.minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini{background:var(--card);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.mini span{font-size:11px;color:var(--muted)}.mini b{font-family:var(--mono);font-size:14px;font-weight:600}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.chips button{border:1px solid var(--border);background:transparent;color:var(--muted);font-weight:600;font-size:13px;padding:8px 14px;border-radius:999px;white-space:nowrap}.chips button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--text)}.opp{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.opp.blocked{border-color:var(--warn-bg);opacity:.92}.opp .pair{font-size:17px;font-weight:800}.opp .pair small{font-size:13px;color:var(--muted);font-weight:600}.route-line{display:flex;align-items:center;gap:6px;font-size:13px}.route-line .arrow{color:var(--muted)}.netbox{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:12px;background:var(--sunken);border-radius:10px;padding:8px 10px}.trade{background:var(--card);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:6px}.trade.loss{border:1px solid var(--neg-border)}.icon-box{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:700;flex:none}.icon-box.pos{background:var(--pos-bg)}.icon-box.neg{background:var(--neg-bg)}.day{font-size:12px;color:var(--muted);padding:6px 2px 0}.level{display:flex;gap:14px;align-items:center}.level-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none}.level b{font-family:var(--mono);font-size:22px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:13px 10px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.btn.danger{background:var(--neg-bg);border-color:var(--neg-border);color:var(--neg)}.btn.good{background:var(--pos-bg);border-color:var(--pos-border);color:var(--pos)}.btn:disabled{opacity:.55;cursor:default}.bar{height:6px;border-radius:3px;background:var(--sunken);overflow:hidden}.bar i{display:block;height:100%;background:var(--pos);border-radius:3px}.ex-grid{display:flex;flex-wrap:wrap;gap:6px}.ex{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--sunken)}.event{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;font-size:12px}.menu{padding:4px 0;gap:0}.menu button{display:grid;grid-template-columns:34px 1fr auto 14px;align-items:center;gap:12px;border:0;background:transparent;padding:11px 16px;text-align:left;font-size:15px;font-weight:600}.menu button+button{border-top:1px solid var(--divider)}.menu .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sunken);color:var(--accent)}.kv{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:2px 0}.kv span:first-child{color:var(--muted)}.nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:color-mix(in srgb,var(--sunken) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--divider);padding:6px 4px calc(10px + env(safe-area-inset-bottom));z-index:10}.nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--muted);font-size:11px;font-weight:600}.nav button[aria-current=page]{color:var(--accent)}.empty{text-align:center;padding:28px 16px;color:var(--muted);font-size:14px;line-height:1.5}.skeleton{background:linear-gradient(90deg,var(--card) 0%,var(--card-hi) 50%,var(--card) 100%);background-size:200% 100%;animation:shimmer 1.2s infinite linear;border-radius:18px;border:1px solid var(--border)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:528px;margin:0 auto;background:var(--text);color:var(--bg);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:600;z-index:20}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070a99;display:flex;align-items:flex-end;z-index:30}.dialog{width:100%;max-width:560px;margin:0 auto;background:var(--card);border-radius:22px 22px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.dialog h2{margin:0;font-size:20px}.dialog p{margin:0;color:var(--text-2);font-size:14px;line-height:1.45}.dialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:600}.dialog input{font:inherit;font-size:15px;color:var(--text);background:var(--sunken);border:1px solid var(--border);border-radius:12px;padding:11px 12px}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.transit{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--border)}.transit:first-child{border-top:0;padding-top:2px}
