*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0d0d1a;font-family:SF Mono,Fira Code,Consolas,monospace}.app{flex-direction:column;height:100vh;display:flex}.toolbar{background:#1a1a2e;border-bottom:1px solid #2a2a3e;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.toolbar-left{align-items:center;gap:16px;display:flex}.toolbar-left h1{letter-spacing:.5px;font-size:16px;font-weight:600}.toolbar-right{align-items:center;gap:12px;display:flex}.status{letter-spacing:1px;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.status.on{color:#00c853;background:#00c85326}.status.off{color:#ff1744;background:#ff174426}select{color:#e0e0e0;background:#0d0d1a;border:1px solid #2a2a3e;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:13px}.interval-picker{gap:2px;display:flex}.interval-picker button{color:#888;cursor:pointer;background:#0d0d1a;border:1px solid #2a2a3e;padding:5px 10px;font-family:inherit;font-size:12px;transition:all .15s}.interval-picker button:first-child{border-radius:4px 0 0 4px}.interval-picker button:last-child{border-radius:0 4px 4px 0}.interval-picker button.active{color:#e0e0e0;background:#2a2a3e;border-color:#3a3a5e}.panels{flex:1;display:flex;overflow:hidden}.chart-panel{flex:1;min-width:0;height:100%;padding:12px}.ladder-panel{border-left:1px solid #2a2a3e;width:320px;overflow-y:auto}.ladder{padding:8px}.ladder.empty{text-align:center;color:#555;padding:20px}.ladder-header{color:#555;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #2a2a3e;justify-content:space-between;margin-bottom:4px;padding:4px 8px 8px;font-size:11px;display:flex}.ladder-row{align-items:center;height:26px;padding:2px 8px;font-size:13px;display:flex}.price-cell{text-align:center;flex:0 0 100px;font-weight:600}.ask-price{color:#ff1744}.bid-price{color:#00c853}.qty-cell{text-align:right;flex:1;padding:0 4px;position:relative}.qty-text{z-index:1;color:#aaa;font-size:12px;position:relative}.qty-bar{border-radius:2px;position:absolute;top:1px;bottom:1px}.bid .qty-bar{right:0}.ask .qty-bar{left:0}.bid-bar{background:#00c85326}.ask-bar{background:#ff174426}.info-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2a3e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:flex}.info-btn:hover{color:#e0e0e0;border-color:#3a3a5e}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:8px;max-width:640px;max-height:80vh;padding:32px;line-height:1.6;position:relative;overflow-y:auto}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:16px}.modal-close:hover{color:#e0e0e0}.modal-content h2{color:#e0e0e0;margin-bottom:16px;font-size:18px}.modal-content h3{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-top:20px;margin-bottom:8px;font-size:14px}.modal-content p{color:#999;margin-bottom:8px;font-size:13px}.modal-content ul{color:#999;margin-bottom:8px;padding-left:20px;font-size:13px}.modal-content li{margin-bottom:6px}.modal-content li strong{color:#ccc}.arch-flow{color:#e0e0e0;background:#0d0d1a;border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;padding:12px;font-size:12px;display:flex}.arch-flow span:not(.arrow){background:#2a2a3e;border-radius:3px;padding:4px 8px;font-size:11px}.arrow{color:#555}.modal-footer{color:#555;border-top:1px solid #2a2a3e;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.modal-footer a{color:#888;text-decoration:none}.modal-footer a:hover{color:#e0e0e0}