:root{--bg: #0e1117;--panel: #161b22;--border: #1b2230;--text: #c9d1d9;--dim: #6e7681;--up: #26a69a;--down: #ef5350;--accent: #58a6ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.loading{padding:40px;color:var(--dim)}.app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;gap:24px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-size:20px;font-weight:700}.brand .sym{color:var(--dim);font-size:14px;margin-left:8px}.price{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.wallet{margin-left:auto;display:flex;align-items:center;gap:8px}.wallet span{color:var(--dim);font-size:13px}.wallet b{font-size:16px}.wallet button,.panel button,.deposit button{background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer}.wallet button:hover{border-color:var(--accent)}main{flex:1;display:flex;min-height:0}.left{flex:1;min-width:0;padding:12px;display:flex;min-height:0}.chart-wrap{position:relative;flex:1;display:flex;flex-direction:column;min-height:0}.chart-canvas{display:block;width:100%;height:100%;cursor:crosshair}.right{width:320px;border-left:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.panel{display:flex;flex-direction:column;gap:12px}.countdown{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px}.countdown .big{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.countdown .big.up{color:var(--up)}.countdown .big.down{color:var(--down)}.countdown .sub{color:var(--dim);font-size:12px}.countdown .locked{color:var(--down);font-weight:600}.panel label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}.field-label{font-size:13px;color:var(--dim)}.bet-section{display:flex;flex-direction:column;gap:12px}.bet-head{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.queued{display:flex;align-items:center;gap:8px;font-size:13px;background:#26a69a1a;border:1px solid rgba(38,166,154,.4);color:var(--text);border-radius:8px;padding:10px 12px}.panel input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px;font-size:16px}.risk{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.risk div{display:flex;justify-content:space-between;font-size:13px}.risk span{color:var(--dim)}.buttons{display:flex;gap:10px}.buttons button{flex:1;padding:14px;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;color:#fff}.buttons .buy{background:var(--up)}.buttons .sell{background:var(--down)}.buttons button:disabled{opacity:.4;cursor:not-allowed}.msg{font-size:13px;color:var(--accent);text-align:center}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{flex:1 1 auto;min-width:44px;padding:6px 8px;font-size:13px;background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer}.chip:hover{border-color:var(--accent)}.chip.on{border-color:var(--accent);background:#58a6ff26;color:var(--accent)}.chip:disabled{opacity:.35;cursor:not-allowed}.onebet{font-size:12px;color:var(--dim);text-align:center}.live-card{background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.live-head{display:flex;align-items:center;gap:8px;font-size:13px}.live-meta{color:var(--dim)}.live-pnl{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.live-pnl.up{color:var(--up)}.live-pnl.down{color:var(--down)}.live-pnl.pending{font-size:20px;color:var(--dim);font-weight:600}.live-sub{color:var(--dim);font-size:12px;margin-top:-4px}.live-timer{display:flex;flex-direction:column;align-items:center;border-top:1px solid var(--border);padding-top:10px;width:100%}.live-timer .big{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.live-timer .sub{color:var(--dim);font-size:12px}.live-risk{display:flex;gap:14px;width:100%;justify-content:center;border-top:1px solid var(--border);padding-top:10px;flex-wrap:wrap}.live-risk div{display:flex;flex-direction:column;font-size:12px}.live-risk span{color:var(--dim)}.live-risk b{font-variant-numeric:tabular-nums}.nocashout{font-size:12px;color:var(--down);font-weight:600;background:#ef53501a;border-radius:6px;padding:6px 8px;width:100%}.positions h3{margin:0 0 8px;font-size:14px}.positions .empty{color:var(--dim);font-size:13px}.pos{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px}.pos.active{border-color:var(--accent)}.pos.stopped{border-color:var(--down)}.pos-row{display:flex;gap:8px;align-items:center;font-size:13px}.pos-row.dim{color:var(--dim);font-size:12px;margin-top:4px;flex-wrap:wrap}.tag{padding:1px 6px;border-radius:4px;font-weight:700;font-size:11px}.tag.buy{background:#26a69a33;color:var(--up)}.tag.sell{background:#ef535033;color:var(--down)}.status.settled{color:var(--up)}.status.stopped{color:var(--down)}.pos-pnl{margin-left:auto;font-weight:700;font-size:14px}.pos-pnl.up{color:var(--up)}.pos-pnl.down{color:var(--down)}.pos-countdown{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.header-right .wallet{margin-left:0}.ghost-btn{background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}.ghost-btn:hover{border-color:var(--accent)}.user-chip{display:flex;align-items:center;gap:8px}.user-chip img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.avatar-fallback{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#21262d;border:1px solid var(--border);font-weight:700;font-size:14px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px 28px;width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.login-brand{font-size:26px;font-weight:800}.login-sub{color:var(--dim);font-size:14px;line-height:1.5}.login-sub b{color:var(--text)}.gbtn{min-height:44px;display:flex;justify-content:center}.google-btn{width:280px;max-width:100%;padding:11px 16px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2328;border:none;border-radius:24px;cursor:pointer}.google-btn:hover{box-shadow:0 0 0 2px #58a6ff80}.login-or{display:flex;align-items:center;gap:10px;width:100%;color:var(--dim);font-size:12px}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--border)}.guest-btn{width:280px;max-width:100%;padding:11px 16px;font-size:14px;background:#21262d;color:var(--text);border:1px solid var(--border);border-radius:24px;cursor:pointer}.guest-btn:hover{border-color:var(--accent)}.guest-btn:disabled{opacity:.5;cursor:not-allowed}.login-err{color:var(--down);font-size:13px}.history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:50}.history-panel{width:420px;max-width:100%;height:100%;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column}.history-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);font-size:16px;font-weight:700}.history-close{background:none;border:none;color:var(--dim);font-size:18px;cursor:pointer}.history-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.history-summary span{color:var(--dim);font-size:13px}.history-summary b{font-size:18px;font-variant-numeric:tabular-nums}.history-list{flex:1;overflow-y:auto;padding:8px 12px}.history-empty{color:var(--dim);font-size:13px;padding:20px;text-align:center}.history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 8px;border-bottom:1px solid var(--border)}.history-row-main{display:flex;flex-direction:column;gap:2px}.history-label{font-size:13px;font-weight:600;text-transform:capitalize}.history-label.deposit{color:var(--accent)}.history-time{color:var(--dim);font-size:11px}.history-row-amt{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.history-row-amt b{font-variant-numeric:tabular-nums}.history-bal{color:var(--dim);font-size:11px}.up{color:var(--up)}.down{color:var(--down)}@media (max-width: 760px){.app{height:auto;min-height:100vh}header{flex-wrap:wrap;gap:10px 14px;padding:10px 14px}.brand{font-size:18px;width:100%}.brand .sym{font-size:12px}.price{font-size:18px;order:3}.header-right{width:100%;margin-left:0;flex-wrap:wrap;gap:8px;order:4;justify-content:space-between}main{flex-direction:column}.left{padding:8px;height:46vh;flex:none}.right{width:100%;border-left:none;border-top:1px solid var(--border);padding:12px;overflow-y:visible}.live-pnl{font-size:34px}.live-timer .sub{display:none}.history-panel{width:100%}.buttons button{padding:16px;font-size:17px}.chip{min-width:52px;padding:10px 8px;font-size:14px}}