*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-elev: #131313;--fg: #f5f5f5;--muted: #888;--accent: #4ade80;--accent-fg: #052b15;--warn: #facc15;--danger: #f87171;--border: #1f1f1f;--bar-empty: #232323;--bar-filled: #4ade80}html,body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit}#app{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.pairing{max-width:420px;margin:0 auto;padding:32px 16px}.pairing h1{font-size:22px;letter-spacing:2px;font-weight:800}.pairing .subtitle{color:var(--muted);margin:4px 0 28px;font-size:13px}.pairing label{display:block;margin-bottom:16px}.pairing .label{display:block;font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}.pairing input{width:100%;padding:14px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pairing input:focus{outline:none;border-color:var(--accent)}.pairing button{width:100%;padding:16px;background:var(--accent);color:var(--accent-fg);border:0;border-radius:6px;font-size:16px;font-weight:700;letter-spacing:1px;cursor:pointer;margin-top:8px}.pairing button:disabled{opacity:.4;cursor:not-allowed}.pairing .error{color:var(--danger);margin:0 0 12px;font-size:13px}.pairing .hint{margin-top:20px;font-size:12px;line-height:1.5}.pairing .hint code{font-family:ui-monospace,SFMono-Regular,monospace;background:var(--bg-elev);padding:1px 4px;border-radius:3px}.main,.loading{max-width:520px;margin:0 auto;padding:16px}header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:4px}header h1{font-size:16px;letter-spacing:2px;font-weight:800;flex:1}header .conn{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}header .conn.open{color:var(--accent)}header .conn.error,header .conn.closed{color:var(--danger)}header .unpair{background:transparent;color:var(--muted);border:1px solid var(--border);width:28px;height:28px;border-radius:14px;cursor:pointer;padding:0;font-size:16px;line-height:1}section{padding:18px 0;border-bottom:1px solid var(--border)}section h3{font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.price .quote{font-size:30px;font-weight:700;letter-spacing:.5px;display:flex;gap:12px;align-items:baseline;font-feature-settings:"tnum"}.price .quote .sep{color:var(--muted);font-weight:400;font-size:22px}.price .quote .ask{color:var(--muted)}.state-row{display:flex;gap:12px;align-items:center}.state-pill{display:inline-block;padding:8px 14px;background:var(--accent);color:var(--accent-fg);border-radius:4px;font-weight:700;letter-spacing:.5px}.state-pill.state-mart{background:var(--warn)}.state-pill.state-base{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border)}.chain{font-size:16px;color:var(--accent);letter-spacing:2px}.bar-row{display:flex;gap:12px;align-items:center}.bar{display:inline-flex;gap:3px}.bar-cell{width:16px;height:10px;border-radius:2px}.bar-cell.filled{background:var(--bar-filled)}.bar-cell.empty{background:var(--bar-empty)}.position{background:var(--bg-elev);padding:12px;border-radius:6px;margin-bottom:8px}.position-head{display:flex;gap:12px;align-items:center;margin-bottom:6px}.position-head .side{font-weight:800;letter-spacing:1px;padding:2px 8px;border-radius:3px;font-size:12px}.position-head .side.buy{background:var(--accent);color:var(--accent-fg)}.position-head .side.sell{background:var(--danger);color:#2a0606}.position-head .ticket{color:var(--muted);font-size:12px;flex:1}.position-head .r{font-weight:700;font-feature-settings:"tnum"}.position-head .r.positive{color:var(--accent)}.position-head .r.negative{color:var(--danger)}.position-head .r.flat{color:var(--muted)}.position-body{display:flex;gap:14px;font-size:12px;color:var(--muted);font-feature-settings:"tnum"}.position-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.position-actions button{background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:4px;padding:10px 4px;font-size:11px;letter-spacing:.5px;font-weight:700;cursor:pointer;min-height:38px}.position-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.position-actions button:disabled{opacity:.4;cursor:not-allowed}.position-actions button.danger{background:var(--danger);color:#2a0606;border-color:var(--danger)}.position-err{background:#f871711f;color:var(--danger);padding:8px;border-radius:4px;margin-top:8px;font-size:12px}.position.pending{border-left:3px solid var(--warn)}.pending-actions{grid-template-columns:1fr!important}.position-trail{margin-top:6px}.position-trail .trail{width:100%;padding:10px;background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer}.position-trail .trail.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.position-trail .trail:disabled{opacity:.5;cursor:not-allowed}.chart{padding:12px 0;border-bottom:1px solid var(--border)}.chart-toolbar{display:flex;gap:6px;margin-bottom:8px}.chart-toolbar .tf{background:var(--bg-elev);color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;letter-spacing:1px}.chart-toolbar .tf.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.chart-container{width:100%;height:260px;background:var(--bg)}.new-signal .side-toggle{display:flex;gap:8px;margin-bottom:12px}.new-signal .side{flex:1;padding:14px;background:var(--bg-elev);color:var(--muted);border:1px solid var(--border);border-radius:6px;font-weight:700;letter-spacing:1px;cursor:pointer;font-size:14px}.new-signal .side.active.buy{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.new-signal .side.active.sell{background:var(--danger);color:#2a0606;border-color:var(--danger)}.new-signal .side:disabled{opacity:.5;cursor:not-allowed}.new-signal .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.new-signal .form-row label .label{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:4px;text-transform:uppercase}.new-signal .form-row input{width:100%;padding:12px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;font-size:16px;font-feature-settings:"tnum";-webkit-appearance:none;-moz-appearance:none;appearance:none}.new-signal .form-row input:focus{outline:none;border-color:var(--accent)}.new-signal .entry-row{display:block;margin-bottom:14px}.new-signal .entry-row .label{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:4px;text-transform:uppercase}.new-signal .entry-row .badge{background:var(--accent);color:var(--accent-fg);padding:1px 6px;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.new-signal .entry-input{display:flex;gap:6px}.new-signal .entry-input input{flex:1;padding:12px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:6px;font-size:16px;font-feature-settings:"tnum";-webkit-appearance:none;-moz-appearance:none;appearance:none}.new-signal .entry-input input:focus{outline:none;border-color:var(--accent)}.new-signal .entry-input .reset{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:0 12px;font-size:12px;cursor:pointer}.new-signal .dist-row-compact{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:nowrap}.new-signal .dist-tag{font-size:11px;letter-spacing:1px;font-weight:800;color:var(--bg);padding:4px 6px;border-radius:4px;min-width:28px;text-align:center;flex-shrink:0}.new-signal .dist-tag.sl{background:var(--danger)}.new-signal .dist-tag.tp{background:var(--accent)}.new-signal .dist-num{width:56px;padding:8px 6px;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:4px;font-size:14px;font-feature-settings:"tnum";text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0}.new-signal .dist-num:focus{outline:none;border-color:var(--accent)}.new-signal .dist-derived{color:var(--muted);font-size:12px;font-feature-settings:"tnum";white-space:nowrap;flex-shrink:0;min-width:78px}.new-signal .presets{display:flex;gap:4px;flex:1;min-width:0}.new-signal .preset{flex:1;min-width:0;padding:8px 0;background:var(--bg-elev);color:var(--muted);border:1px solid var(--border);border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;font-feature-settings:"tnum"}.new-signal .preset.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.new-signal .preset:disabled{opacity:.5}.new-signal .trail-toggle{width:100%;padding:12px;background:var(--bg-elev);color:var(--muted);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;text-align:center}.new-signal .trail-toggle.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.new-signal .trail-toggle:disabled{opacity:.5;cursor:not-allowed}.new-signal .mode-toggle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:12px}.new-signal .mode{background:var(--bg-elev);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:10px 6px;display:flex;flex-direction:column;gap:2px;cursor:pointer;text-align:center}.new-signal .mode .mode-label{font-weight:800;letter-spacing:1px;font-size:12px}.new-signal .mode .mode-hint{font-size:9px;color:var(--muted);letter-spacing:0;line-height:1.2}.new-signal .mode.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.new-signal .mode.active .mode-hint{color:var(--accent-fg);opacity:.85}.new-signal .meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);margin-bottom:12px;font-feature-settings:"tnum"}.new-signal .meta strong{color:var(--fg);font-weight:600}.new-signal .meta .warn{color:var(--warn)}.new-signal .result{padding:10px 12px;border-radius:6px;margin-bottom:12px;font-size:13px}.new-signal .result.ok{background:#4ade801f;color:var(--accent)}.new-signal .result.err{background:#f871711f;color:var(--danger)}.new-signal .send{width:100%;padding:18px;background:var(--accent);color:var(--accent-fg);border:0;border-radius:6px;font-size:16px;font-weight:800;letter-spacing:2px;cursor:pointer}.new-signal .send:disabled{opacity:.4;cursor:not-allowed}footer{padding:18px 0 8px}.account-line{display:flex;align-items:center;gap:8px;font-size:12px}.trade-mode{display:inline-block;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:1px}.trade-mode.mode-0{background:var(--bg-elev);color:var(--muted);border:1px solid var(--border)}.trade-mode.mode-1{background:var(--warn);color:#2a1a06}.trade-mode.mode-2{background:var(--danger);color:#2a0606;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.7}}.muted{color:var(--muted);font-size:12px}