:root{color:#e7eef7;background:#0b0f14;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b0f14}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:12px;background:#0b0f14}.topbar,.symbol-band,.section-head,.panel-title,.order-actions,.mode-strip,.security-band,.token-row{display:flex;align-items:center}.topbar{justify-content:space-between;padding:8px 2px 12px}.topbar strong{display:block;font-size:22px;letter-spacing:0}.topbar span,.label,.price-box small,.candidate small,.log-strip p{color:#95a3b3}.conn{display:inline-flex;gap:6px;align-items:center;color:#95a3b3;font-size:13px}.conn.on{color:#2ee59d}.mode-strip{gap:8px;overflow-x:auto;padding-bottom:10px}.mode-strip button,.segmented button,.section-head button{min-height:38px;padding:0 12px;border-radius:8px;background:#17202b;color:#d7e1ea;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.mode-strip button.active,.segmented button.active{background:#2ee59d;color:#06110d;font-weight:700}button:disabled{cursor:not-allowed;opacity:.46}.mode-strip button.danger.active{background:#ff6b6b;color:#1f0707}.security-band{justify-content:space-between;gap:10px;min-height:58px;padding:10px 12px;border:1px solid #2b3a4c;border-radius:8px;background:#101720;margin-bottom:10px}.security-band.on{border-color:#2e9b71}.security-band.warn{border-color:#8f6a2a}.security-band strong,.security-band span{display:block}.security-band span{margin-top:2px;color:#95a3b3;font-size:13px}.token-row{flex:0 0 min(56%,260px);gap:6px}.token-row input{min-width:0;width:100%;min-height:38px;border:1px solid #2b3a4c;border-radius:8px;background:#0b0f14;color:#e7eef7;padding:0 10px}.token-row button{min-width:54px;min-height:38px;border-radius:8px;background:#fc6;color:#1c1404;font-weight:800}.symbol-band{justify-content:space-between;padding:14px 0 10px}.symbol-band h1{margin:2px 0 0;font-size:28px;line-height:1.05}.price-box{text-align:right}.price-box span{display:block;color:#fc6;font-size:20px;font-weight:800}.order-panel,.control-panel,.candidate-list,.log-strip,.pairing-panel,.chart-card{margin-top:12px;padding:12px;border:1px solid #223044;border-radius:8px;background:#101720}.chart-card{padding:10px}.chart-toolbar,.chart-metrics{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart-toolbar{margin-bottom:8px}.chart-toolbar strong{display:block;margin-top:2px;color:#fc6;font-size:22px}.chart-change{min-width:74px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:900}.chart-change.up{background:#2ee59d24;color:#2ee59d}.chart-change.down{background:#ff6b6b24;color:#ff6b6b}.live-chart{width:100%;height:292px;display:block;border:1px solid #223044;border-radius:8px;background:#101720}.chart-metrics{margin-top:8px;color:#95a3b3;font-size:12px}.chart-metrics span{min-width:0;white-space:nowrap}.pairing-panel{grid-column:1 / 2}.pairing-panel p{margin:8px 0 0;color:#95a3b3;font-size:13px}.pairing-grid{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start}.pairing-grid span{color:#95a3b3;font-size:13px;padding-top:2px}.pairing-grid strong{color:#fc6;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.panel-title{gap:7px;font-weight:800;margin-bottom:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button{justify-content:center}.amount-control{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:10px;margin:10px 0;color:#c7d3df}.amount-control input{width:100%;min-height:40px;border:1px solid #2b3a4c;border-radius:8px;background:#0b0f14;color:#e7eef7;padding:0 10px}.order-actions{gap:8px}.wide-action{width:100%;min-height:38px;margin-bottom:8px;border-radius:8px;background:#243244;color:#d7e1ea;font-weight:800}.order-actions button{flex:1;min-height:44px;border-radius:8px;font-weight:800;color:#07110d}.order-actions .buy{background:#2ee59d;display:inline-flex;justify-content:center;align-items:center;gap:6px}.order-actions .sell{background:#fc6}.toggle-grid,.mini-inputs,.asset-readout{display:grid;gap:8px}.toggle-grid{grid-template-columns:1fr 1fr}.toggle-grid button{min-height:38px;border-radius:8px;background:#17202b;color:#d7e1ea;font-weight:800}.toggle-grid button.active{background:#2ee59d;color:#06110d}.toggle-grid button.danger.active{background:#ff6b6b;color:#1f0707}.mini-inputs{grid-template-columns:1fr 1fr;margin-top:10px}.mini-inputs label{color:#95a3b3;font-size:13px}.mini-inputs input{width:100%;min-height:38px;margin-top:4px;border:1px solid #2b3a4c;border-radius:8px;background:#0b0f14;color:#e7eef7;padding:0 10px}.asset-readout{grid-template-columns:88px minmax(0,1fr);align-items:center;margin-bottom:10px}.asset-readout span,.hint-line{color:#95a3b3;font-size:13px}.asset-readout strong{color:#fc6;overflow-wrap:anywhere}.hint-line{margin:8px 0 0}.section-head{justify-content:space-between;margin-bottom:8px}.section-head button{min-width:38px;padding:0;justify-content:center}.candidate{display:grid;grid-template-columns:78px 52px 1fr;width:100%;align-items:center;gap:8px;min-height:48px;margin-top:6px;border-radius:8px;background:#17202b;color:#d7e1ea;text-align:left;padding:8px}.candidate.active{outline:2px solid #2ee59d}.candidate strong{color:#fc6}.candidate small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.subhead{display:block;margin:12px 0 4px;color:#d7e1ea;font-size:13px}.log-strip p{margin:6px 0 0;line-height:1.35;font-size:13px}@media(min-width:780px){.app-shell{max-width:1120px;display:grid;grid-template-columns:minmax(0,1.4fr) 360px;gap:14px}.topbar,.security-band,.mode-strip,.pairing-panel,.symbol-band,.chart-card{grid-column:1 / 2}.order-panel,.control-panel,.candidate-list,.log-strip{grid-column:2 / 3;margin-top:0}.live-chart{height:520px}}@media(max-width:420px){.security-band{align-items:stretch;flex-direction:column}.token-row{flex-basis:auto;width:100%}.chart-toolbar strong{font-size:19px}.chart-metrics{align-items:flex-start;flex-direction:column;gap:4px}}
