:root{font-family:"Malgun Gothic",system-ui,sans-serif;color:#1a302c;background:#f3f5f1;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#102e29;color:#fff;padding:20px max(22px,calc((100vw - 940px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:1px}.mark{background:#d2ed9e;color:#16382b;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font:700 23px Georgia}.brand small{display:block;font-size:10px;letter-spacing:.5px;color:#a9c2b8;margin-top:4px}main{max-width:940px;margin:36px auto;padding:0 22px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#738376;margin-bottom:10px}.heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:25px}h1{font-size:34px;line-height:1.35;letter-spacing:-1.5px;margin:0}h2{font-size:18px;letter-spacing:-.5px;margin:0 0 12px}p{line-height:1.7}section{padding:24px;background:#fff;border:1px solid #e0e5de;border-radius:18px;margin-bottom:18px}.notice{background:#eaf0df;border:0;padding:16px 20px;line-height:1.7;color:#405331}.pill{border:1px solid #cbd5c9;border-radius:30px;white-space:nowrap;padding:6px 10px;font-size:11px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.sectionhead h2{margin:0}.portfolio{background:#edf3ee;color:#1a302c;border-color:#cad8ce}.portfolio .quiet{color:#28533e;border-color:#a6bdae;background:#f8fbf8}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.portfolio span{font-size:12px;color:#50695b}.portfolio strong{font-size:35px;letter-spacing:-1px;display:block;margin:8px 0}.portfolio small{color:#50695b;line-height:1.6;display:block;font-size:11px;overflow-wrap:anywhere}.facts{border-top:1px solid #cad8ce;padding-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.facts b{display:block;font-size:16px;margin:7px 0}.config{display:grid;grid-template-columns:1fr 2fr;gap:14px}label{font-size:12px;color:#617369;display:block}input,select{font:inherit;width:100%;padding:12px;border:1px solid #d7dfd4;border-radius:9px;background:#fbfcfa;color:#20372d;margin-top:6px;min-width:0}input:focus,select:focus{outline:2px solid #8eb67a;outline-offset:1px}.hint{font-size:11px;color:#748176;line-height:1.7}.order{border-top:1px solid #e4e8e1;padding:16px 0;display:grid;grid-template-columns:30px 86px 1.3fr 1fr 30px;gap:12px;align-items:center}.number{font-size:12px;color:#8b978c}.order .calc{grid-column:3/5;font-size:11px;color:#718276;margin-top:-5px}.order button{padding:6px;align-self:center}.totals{display:flex;justify-content:space-between;gap:10px;background:#f4f6f0;padding:15px;border-radius:10px;font-size:12px}.totals b{margin-left:8px}.actions{display:flex;gap:10px;margin-top:18px}.actions button{flex:1}button{font:inherit;border:1px solid #cbd7c9;border-radius:10px;padding:13px 17px;cursor:pointer;font-weight:650;min-height:44px;color:#274330;background:#fff}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#1d4c3e;color:#fff;border-color:#1d4c3e}.quiet{background:transparent;font-size:12px;padding:7px 12px}.danger{background:#aa3c37;color:white;border:0}.empty{padding:22px;text-align:center;color:#839184;font-size:12px;background:#f5f7f2;border-radius:9px}.approval{text-align:center;background:#eaf0df}.approval p{color:#61735b;font-size:12px}.approval button{width:100%;max-width:400px}footer{text-align:center;font-size:10px;letter-spacing:1px;line-height:2;color:#929d90;padding:25px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#182f27;color:white;border-radius:12px;width:max-content;max-width:90vw;z-index:5;line-height:1.6}dialog{border:0;border-radius:18px;max-width:520px;width:92%;padding:25px;color:#1b3429}dialog::backdrop{background:#10271bb0}pre{font:12px/1.8 inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow:auto}.check{display:flex;gap:10px;align-items:center;line-height:1.6}.check input{width:20px;flex-shrink:0}#loginForm button{margin-top:16px;width:100%}[hidden]{display:none!important}@media(max-width:600px){main{margin:24px auto;padding:0 15px}h1{font-size:28px}.heading{align-items:start}.heading .pill{font-size:10px;margin-top:6px}section{padding:20px 17px}.portfolio strong{font-size:29px}.facts{grid-template-columns:1fr 1fr;gap:16px}.order{grid-template-columns:23px 70px 1.2fr 1fr 25px;gap:7px}.order input,.order select{padding:10px 7px}.config{grid-template-columns:1fr 1.5fr}.totals{font-size:11px;gap:6px;padding:12px 9px}.totals b{margin-left:3px}.actions button{padding:12px 8px;font-size:13px}header{padding:17px 20px}}

.context-panel{border-top:3px solid #446b43}.context-panel select{font-size:15px;font-weight:650}#contextForm{margin-top:18px;padding-top:18px;border-top:1px solid #dde5d8}#contextForm button{margin-top:10px;width:100%}

#brokerStatus{white-space:pre-wrap;overflow-wrap:anywhere}#bindForm .check{margin:16px 0}#bindForm button{width:100%}#buyPower{color:#50695b}

/* Same sign and seed thresholds as the desktop app. */
#return{display:block;background:transparent;padding:0;border-radius:0}
#return[data-tone="positive"]{color:#d32f2f}
#return[data-tone="negative"]{color:#1769d2}
.seed-panel{margin-top:22px;padding:17px 16px;background:#f7f9f4;color:#20372d;border-radius:11px}
.seed-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.seed-head>span{color:#344f3d;font-size:12px}.seed-head strong{display:inline;font-size:21px;letter-spacing:0;margin:0}
.seed-amounts{display:flex;gap:10px 20px;flex-wrap:wrap;margin:11px 0}
.seed-amounts span{color:#405d4c;font-size:12px}.seed-amounts b{color:#20372d;margin-left:4px}
.seed-progress{display:block;width:100%;height:22px;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:#e3e7ec}
.seed-progress::-webkit-progress-bar{background:#e3e7ec}
.seed-panel[data-level="low"] .seed-head strong{color:#1a9c53}.seed-panel[data-level="mid"] .seed-head strong{color:#e68a00}.seed-panel[data-level="high"] .seed-head strong{color:#d32f2f}
.seed-panel[data-level="low"] .seed-progress::-webkit-progress-value{background:#1a9c53}.seed-panel[data-level="mid"] .seed-progress::-webkit-progress-value{background:#e68a00}.seed-panel[data-level="high"] .seed-progress::-webkit-progress-value{background:#d32f2f}
.seed-panel[data-level="low"] .seed-progress::-moz-progress-bar{background:#1a9c53}.seed-panel[data-level="mid"] .seed-progress::-moz-progress-bar{background:#e68a00}.seed-panel[data-level="high"] .seed-progress::-moz-progress-bar{background:#d32f2f}
#seedStatus{margin:9px 0 0;color:#65796a}
.order.is-buy{background:#fff7f7;border-left:3px solid #d32f2f;padding-left:9px;padding-right:7px}
.order.is-sell{background:#f3f7ff;border-left:3px solid #1769d2;padding-left:9px;padding-right:7px}
.order.is-buy input,.order.is-buy select,.order.is-buy .number,.order.is-buy .calc{color:#d32f2f}
.order.is-sell input,.order.is-sell select,.order.is-sell .number,.order.is-sell .calc{color:#1769d2}
.reservation-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;text-align:left;padding:11px 0;border-bottom:1px solid #e0e7dc;overflow-wrap:anywhere}.reservation-row:last-child{border-bottom:0}
.side-badge{padding:5px 9px;border-radius:7px;white-space:nowrap;font-size:12px}.side-badge.buy{color:#d32f2f;background:#ffecec}.side-badge.sell{color:#1769d2;background:#eaf1ff}.side-badge.unknown{color:#617369;background:#e8eee6}
@media(max-width:600px){.seed-panel{padding:14px 12px}.seed-amounts{gap:9px 14px}.seed-amounts span{font-size:11px}.seed-head strong{font-size:20px}.order.is-buy,.order.is-sell{padding-left:6px;padding-right:4px}}