*{box-sizing:border-box}body{margin:0;background:#10171e;color:#d4dee8;font:14px system-ui,"Microsoft JhengHei",sans-serif}header{height:68px;padding:12px 24px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #334557}header h1{font-size:20px}a{color:#77b9f5}#connection{margin-left:auto;color:#9eafbe}main{display:grid;grid-template-columns:235px minmax(0,1fr);gap:12px;padding:12px}aside{border:1px solid #304252;padding:14px}h2{font-size:17px;margin:10px 0}small{font-size:12px;font-weight:400;color:#8ba0b1}input,select,button{font:inherit;background:#1c2834;border:1px solid #405365;border-radius:4px;color:#d4dee8;padding:7px}button{cursor:pointer}button:hover{background:#30495e}button:focus-visible,a:focus-visible{outline:2px solid #7ebfff}#add-stock{display:flex;gap:4px}#stock-input{width:130px}.stock-item{display:flex;gap:4px;margin-top:8px}.stock-item button:first-child{flex:1;text-align:left}.stock-item.active button:first-child{border-color:#6dabdf;background:#253e50}aside p{color:#93a9ba;font-size:12px;line-height:1.8}#load-state{margin-top:24px;color:#93a9ba}.stock-heading{display:flex;align-items:center;gap:20px;background:#17222c;padding:4px 14px}.stock-heading h2{color:#79b9f3}#stock-time{color:#96a8b9;font-size:12px}#filters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:14px 0}label{display:flex;gap:5px;align-items:center}label input[type=number]{width:65px}#filters button{background:#3678ac}.notice,.legend{font-size:12px;line-height:1.7;color:#9ab0c1}.table-wrap{overflow:auto;max-height:65vh;border:1px solid #344757}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right}th,td{padding:10px 9px;border-bottom:1px solid #283947}th{color:#8ab9df;background:#1a2a37;font-size:12px;position:sticky;top:0;z-index:1}tbody tr:hover{background:#1e3446}td:nth-child(3){text-align:left;color:#9ac881}td:nth-child(2){color:#82bcf3}tr.good{background:#193d30}.bad{color:#ee9e8b}details{margin-top:15px;color:#a5b7c5;line-height:1.8}dialog{max-width:700px;width:90%;max-height:85vh;overflow:auto;background:#172430;color:#d4dee8;border:1px solid #6da2c9;border-radius:8px;padding:24px}dialog::backdrop{background:#000a}#close-detail{float:right}.key-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.key-values p{padding:10px;background:#20313f}.warning{color:#e3b86a}@media(max-width:800px){main{grid-template-columns:1fr}aside{padding:10px}#watchlist{display:flex;gap:8px;overflow:auto}.stock-item{min-width:150px}aside p{margin:8px 0}header{padding:8px 12px;gap:12px}header h1{font-size:17px}#connection{font-size:11px}.stock-heading{display:block}.table-wrap{max-height:60vh}.key-values{grid-template-columns:1fr}}
.workspace,aside{min-width:0}.table-wrap,#stock-time{overflow-wrap:anywhere}.stock-heading{min-width:0}@media(max-width:800px){main{grid-template-columns:minmax(0,1fr)}header{flex-wrap:wrap;height:auto}#connection{max-width:100%;overflow-wrap:anywhere}}

#recommendations{border:1px solid #41627a;background:#16232e;padding:16px;margin:12px 0}#recommendations>p{line-height:1.7;color:#aec3d4}.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cp-card{padding:14px;border:1px solid #486075;border-radius:6px;background:#1b2c3a;overflow-wrap:anywhere}.cp-card h3{font-size:15px;color:#a6d3f7}.cp-card strong{color:#e8c47b}.cp-card p{line-height:1.6}.cp-card.ready{border-color:#63aa86}.cp-card.ready strong{color:#8bdfae}label input[name=fee_rate]{width:90px}@media(max-width:1100px){.cp-grid{grid-template-columns:1fr}}

#trade-check{margin:16px 0;padding:16px;border:1px solid #3d596e;background:#14212b;min-width:0}.trade-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.trade-heading label{min-width:0;max-width:100%}#trade-select{min-width:0;max-width:340px;width:100%}#trade-status{font-size:12px;color:#b6c7d5;line-height:1.8}.trade-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cost-card{background:#1b2d3b;padding:14px;min-width:0}.cost-card h3{margin:0 0 8px;font-size:13px;color:#9dbed4}.cost-card strong{font-size:19px;color:#f1d6a5}.cost-card p,.quote-book p,.trade-method{font-size:12px;line-height:1.8;color:#aabfcc}.quote-book{min-width:0;overflow:auto}.quote-book h3{margin:0}.quote-book th{position:static}.quote-book td{color:inherit!important}.quote-book td:nth-child(2){color:#efb3a3!important}.quote-book td:nth-child(3){color:#9cd4c0!important}.cp-card button{margin:3px}.trade-method{margin-bottom:0}@media(max-width:1000px){.trade-layout{grid-template-columns:1fr}}@media(max-width:500px){.cost-grid{grid-template-columns:1fr}#trade-select{max-width:250px}.trade-heading label{width:100%}}