:root{color-scheme:dark;--bg:#10181f;--panel:#19252f;--ink:#e8efee;--muted:#a0b3be;--line:#324451;--accent:#a9e8c5;--gold:#f1ca83;--red:#ffb3a8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 system-ui,-apple-system,'Noto Sans KR',sans-serif}main{max-width:1360px;margin:auto;padding:36px 32px}h1,h2,h3,p{margin:0 0 12px}h1{font-size:32px;letter-spacing:-1px;line-height:1.4;margin-top:4px}h1 span{font-size:16px;vertical-align:middle;color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:3px 8px;margin-left:7px}h2{font-size:23px}h3{font-size:17px}header,.section-title,.account-strip,.actions,.header-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}header{align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}.muted,small{color:var(--muted)}.small,small{font-size:12px}.badge{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:12px;color:var(--accent)}.account-strip{padding:18px 22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:22px}.account-strip .grow{min-width:240px}label{display:block;font-size:12px;color:var(--muted)}button,.button,input,select{font:inherit;border:1px solid var(--line);border-radius:8px;background:#111e27;color:var(--ink);padding:10px 14px}button,.button{cursor:pointer;font-size:13px;white-space:nowrap;display:inline-block;line-height:1.4}button:hover,.button:hover{border-color:var(--accent)}button:disabled{cursor:default;opacity:.45}button.primary{color:#14251c;background:var(--accent);border-color:var(--accent);font-weight:750}input,select{width:100%;margin:5px 0 10px;min-width:0;font-size:14px}select{appearance:auto}.account-strip select{margin-bottom:0}nav{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 26px;padding-bottom:12px;overflow:auto}nav button{background:transparent;border:0;color:var(--muted);padding:10px 16px}nav button.active{color:var(--bg);background:var(--ink);font-weight:750}.view{display:none}.view.active{display:block}.section-title{margin-bottom:18px}.section-title h2,.section-title h3{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.cards>div{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:17px 20px;min-width:0}.cards strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.5px;overflow-wrap:anywhere}.cards .sub{display:block;color:var(--muted);font-size:11px;margin-top:4px}.panel{border:1px solid var(--line);border-radius:14px;padding:23px;margin-bottom:20px;background:var(--panel)}.panel.success{border-color:#497b65;background:#182f29}.success .cards>div{background:transparent}.success .cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;border-bottom:1px solid var(--line);padding:10px 12px}td{padding:13px 12px;border-bottom:1px solid #2b3b47;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}.buy{color:var(--accent)}.sell{color:var(--gold)}.negative{color:var(--red)}.empty{padding:28px;color:var(--muted);text-align:center}.actions{justify-content:flex-start;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:center;gap:8px;margin:18px 0}.check input,input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin:0}.fill-qty,.fill-price,.fill-fee{min-width:85px;max-width:140px;margin:0;font-size:13px;padding:7px 9px}.split{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.split .panel{min-width:0}form label{margin-bottom:8px}form button{margin-top:8px}#notice{position:sticky;top:8px;z-index:20;border:1px solid #5b9277;background:#1e3b2c;padding:13px 18px;border-radius:10px;margin-bottom:18px;color:var(--ink);box-shadow:0 8px 30px #0004}#notice.error{background:#432927;border-color:#b57f78}.callout{border-left:3px solid var(--gold);padding:10px 16px;background:#25313a;margin-top:20px}.sim-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sim-form button{align-self:center}#simProgress{margin:12px 0;color:var(--accent)}#simResult .cards{margin-top:16px}#equityChart svg{width:100%;height:200px;display:block}footer{color:#78909f;font-size:11px;padding:16px 2px;margin-top:14px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;max-width:500px;width:calc(100% - 28px);padding:26px;max-height:92vh}dialog::backdrop{background:#0009}details{color:var(--muted);font-size:13px;margin-top:18px}summary{cursor:pointer}details p{margin-top:12px}code{background:#111b23;padding:2px 5px}#accountMeta{font-size:12px;max-width:390px}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:800px){main{padding:20px 16px}header{flex-direction:column;gap:10px}.header-actions{flex-wrap:wrap;gap:8px}.account-strip{flex-wrap:wrap;padding:16px}.account-strip .grow{flex:1;min-width:160px}#accountMeta{width:100%;max-width:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cards strong{font-size:21px}.section-title{align-items:flex-start;flex-wrap:wrap}.panel{padding:17px}.split{grid-template-columns:1fr;gap:0}.sim-form{grid-template-columns:repeat(2,minmax(0,1fr))}.success .cards{grid-template-columns:1fr}.success .cards>div{padding:10px 15px}h1{font-size:28px}nav button{padding:10px 12px}#planHeading{font-size:21px}.cards>div{padding:14px}.check{font-size:12px}}

[hidden]{display:none!important}
