:root{--bg: #0b0f14;--panel: #111821;--panel2: #0f1620;--text: #e6edf3;--muted: #93a4b7;--border: #1f2a37;--green: #1db954;--red: #e5484d;--blue: #4da3ff;--warning: #ffb020;--input: #0c131c;--scale: 1}*{box-sizing:border-box}html,body{height:100%}html{font-size:calc(100% * var(--scale))}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:1rem}.app{max-width:1200px;margin:0 auto;padding:20px 16px 32px;width:100%}@media(max-width:960px){.app{max-width:760px}}@media(max-width:720px){.app{max-width:560px;padding:16px 12px 24px}}.row{display:flex;gap:10px;align-items:center}.space{justify-content:space-between}.muted{color:var(--muted);font-size:.75rem}.topBar{display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%}.topBarGroup{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:0;flex:1 1 auto}.topBar .select,.topBar .topBtn,.topBar .badge{font-size:.6875rem;padding:6px 8px;white-space:nowrap}.topBar .badge{line-height:1;text-align:center;white-space:nowrap}.settingsBtn{position:relative;padding:0;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;aspect-ratio:1 / 1;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.gearIcon{display:inline-block;line-height:1}.statusDot{position:absolute;top:-4px;right:-4px;font-size:.625rem;width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#000000b3;border:1px solid var(--border)}.statusDot.smallCount{top:-2px;right:-2px;width:14px;height:14px;font-size:.6rem}.statusDot.ok{color:#3ddc84}.statusDot.err{color:#ff5c5c}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:14px;padding:12px}.mainCard{width:calc(100% + 12px);margin-left:-6px;margin-right:-6px}.tabs{display:flex;gap:10px;margin-top:8px}.tab{padding:8px 10px;border-radius:10px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.tab.active{color:var(--text);background:#ffffff0f}.tab-limit.active{background:#21c87a33;color:#d9ffe9}.tab-market.active{background:#4da3ff33;color:#e6f2ff}.tab-conditional.active{background:#ffb02033;color:#fff3d6}.select,.input{background:var(--input);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px;outline:none}.select{padding-right:28px}.inputRow{display:flex;gap:10px;align-items:center}.priceRow{flex-wrap:nowrap;align-items:center}.priceRow .input{flex:0 1 140px;min-width:80px}.priceRow .adjustBtn{flex:0 0 auto;max-width:60px;padding:6px}.adjustGroup{display:flex;gap:6px;align-items:center;flex:0 0 auto;min-width:0}.priceLabel{min-width:50px}.adjustLabel{min-width:55px;text-align:right}.labelRow{display:flex;justify-content:space-between;gap:10px}.tpSlRow{gap:6px;align-items:center}.priceInputShort{max-width:90px;min-width:70px;flex:0 1 90px}.adjustSelect{max-width:70px;min-width:60px;flex:0 1 70px}.warnRow{margin-top:6px;display:flex;align-items:center;gap:8px;color:var(--warning);font-size:.75rem;justify-content:space-between}.inputFlash{animation:inputFlash .6s ease-out 1}@keyframes inputFlash{0%{box-shadow:0 0 #4da3ff99;border-color:#4da3ffcc}to{box-shadow:0 0 0 6px #4da3ff00;border-color:var(--border)}}.priceGrid{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center}.priceGridLabel{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:end}.inlineLabel{font-size:.75rem;color:var(--muted);white-space:nowrap;margin-left:6px}.inputWrap{flex:1}.label{font-size:.75rem;color:var(--muted);margin:10px 0 6px}.hint{font-size:.75rem;color:#ff6b6b;margin-top:6px}.btnRow{display:flex;gap:10px;margin-top:12px}.btn{flex:1;border:1px solid var(--border);border-radius:14px;padding:14px 12px;font-weight:700;color:#fff;background:#1a2430;cursor:pointer}.btn.buy{background:linear-gradient(180deg,#24c56a,var(--green))}.btn.sell{background:linear-gradient(180deg,#ff666a,var(--red))}.btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:720px){:root{--scale: clamp(.8, calc(100vw / 700), 1)}.topBar{align-items:stretch}.topBarGroup{width:100%;justify-content:space-between}.topBarGroup .badge{flex:1;text-align:center;white-space:normal}.topBarGroup .topBtn,.topBarGroup .select{flex:1 1 auto}.priceRow{row-gap:6px}.priceRow .priceLabel,.priceRow .adjustLabel{min-width:0;flex:0 0 auto}.priceRow .adjustLabel{text-align:left}.adjustGroup{width:100%;justify-content:flex-start}.adjustBtn{max-width:70px}.posHeaderRow{width:100%;justify-content:space-between}.posTabsRow{justify-content:flex-start}.posHeaderRow .miniBtn{white-space:nowrap}}@media(max-width:480px){:root{--scale: clamp(.7, calc(100vw / 520), .9)}.app{max-width:100%;padding:6px 6px 12px}.topBar{align-items:stretch}.topBarGroup{width:100%;justify-content:flex-start}.topBarGroup .badge{flex:1;text-align:center;white-space:normal}.topBarGroup .topBtn,.topBarGroup .select{flex:1 1 auto}.modal{width:calc(100vw - 16px)}.priceRow{row-gap:6px}.priceRow .priceLabel,.priceRow .adjustLabel{min-width:0;flex:0 0 auto}.priceRow .adjustLabel{text-align:left}.adjustGroup{width:100%;justify-content:flex-start}.adjustBtn{max-width:70px}.posHeaderRow{width:100%;justify-content:space-between}.posTabsRow{justify-content:flex-start}.posHeaderRow .miniBtn{white-space:nowrap}.card{padding:8px}.btn{padding:10px 8px}.input,.select{padding:8px}.tab{padding:6px 8px}.posRow{padding:8px 10px;gap:6px}.modal{max-width:100%}}.toggleRow{display:flex;flex-direction:column;gap:8px;margin-top:10px}.toggle{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--border);background:#ffffff08}.toggle input{width:18px;height:18px}.divider{height:1px;background:var(--border);margin:12px 0}.topBtn{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer}.tokenBtn{color:#3ddc84;font-weight:800}.badge{font-size:.75rem;color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:10px}.pctWrap{display:inline-flex;align-items:center;gap:2px;padding:4px 6px}.pctInput{width:28px;text-align:right;background:transparent;color:var(--muted);border:none;outline:none;padding:0}.pctSuffix{color:var(--muted)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:14px 12px}.modal{width:min(520px,calc(100vw - 24px));max-width:520px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:16px;overflow:hidden}.modalSuccess{background:linear-gradient(180deg,#1b2736,#16202c);border-color:#ffffff47}.modalHeader{padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modalBody{padding:12px}.list{max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:12px}.listItem{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.listItem:last-child{border-bottom:none}.pair{font-weight:700}.chgPos{color:#2dd4bf;font-weight:700;font-size:.75rem}.chgNeg{color:#ff6b6b;font-weight:700;font-size:.75rem}.positions{margin-top:12px}.posHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px;flex-wrap:wrap}.posHeaderRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.posTabsRow{flex:1 1 100%}.posTabsRow .tab{font-size:.625rem;padding:4px 8px}.posSortRow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.posTable{width:calc(100% + 12px);margin-left:-6px;margin-right:-6px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.posRow{display:grid;grid-template-columns:1.1fr 1.1fr .9fr .9fr .8fr .7fr;grid-template-rows:auto auto;gap:6px 8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.posRow>div,.posRow .posCellTitle,.posRow .posCellSub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posRow .miniBtnRow{overflow:visible;white-space:normal}.posRow .posCellTitle{font-size:.625rem}.posRow .miniBtn{font-size:.625rem;padding:4px 8px}.posRow .miniBtnRow{justify-content:flex-start;padding-left:6px}.posRowWrap>div{white-space:normal;overflow:visible;text-overflow:initial}.posRowGrid .posCell{min-width:0}.contractTop{grid-column:1;grid-row:1}.contractBottom{grid-column:1;grid-row:2}.entryTop{grid-column:2;grid-row:1}.entryBottom{grid-column:2;grid-row:2}.valueTop{grid-column:3;grid-row:1}.valueBottom{grid-column:3;grid-row:2}.marginTop{grid-column:4;grid-row:1}.marginBottom{grid-column:4;grid-row:2}.tpTop{grid-column:5;grid-row:1}.liqBottom{grid-column:5;grid-row:2}.actionBottom{grid-column:3 / 5;grid-row:2}.pnlTop{grid-column:6;grid-row:1}.pnlBottom{grid-column:6;grid-row:2}.actionBottom .miniBtnRow{justify-content:flex-start}.actionBottom .miniBtn{font-size:.625rem;padding:4px 8px}.orderIdBtn{padding:4px 6px}.posRow:last-child{border-bottom:none}.posHead{color:var(--muted);font-size:.75rem;background:#ffffff08}.posHeadSub{font-size:.625rem;color:var(--muted);margin-top:2px}.posLiqHeader,.posLiqValue,.posHead .posLiqHeader,.posRow .posLiqValue{color:#f59e0b}.copyFlash{animation:copyFlashBg .3s ease-out}@keyframes copyFlashBg{0%{background:#f59e0b59}to{background:transparent}}.posCellTitle{font-weight:600;font-size:.75rem}.posCellSub{color:var(--muted);font-size:.625rem;margin-top:2px}.contractName{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4da3ff}.pnlValue{font-size:.7rem}.markPos{color:#2dd4bf}.markNeg{color:#ff6b6b}.posPnlPos{color:#2dd4bf;font-weight:800}.posPnlNeg{color:#ff6b6b;font-weight:800}.guideArrow{color:var(--accent);font-weight:700;font-size:1rem}.subDaysGreen{color:#2dd4bf}.subDaysOrange{color:#f59e0b}.subDaysRed{color:#ff6b6b}.miniBtn{background:#ffffff0f;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 10px;font-weight:800;cursor:pointer}.miniBtnRow{display:flex;gap:8px;justify-content:flex-end}.sliderRow{display:flex;gap:10px;align-items:center}.range{width:100%}.adjustBtn{text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.adjustIcon{font-size:.75rem;color:var(--muted)}.adjustModal{max-width:260px}.wheel{max-height:none;overflow:visible;text-align:center;border:1px solid var(--border);border-radius:12px;padding:6px 0}.wheelItem{padding:10px 0;color:var(--muted);font-size:.875rem;cursor:pointer}.wheelItem.active{color:var(--text);font-weight:800}.chartLabelLayer{position:absolute;left:6px;right:6px;top:0;bottom:0;pointer-events:none}.chartLabel{position:absolute;left:0;font-size:.625rem;background:#00000059;padding:2px 4px;border-radius:6px;white-space:nowrap}