:root{--ink:#151918;--muted:#757d79;--line:#e6e9e5;--paper:#fbfbf9;--buy:#db4b47;--buy-soft:#fff0ee;--sell:#257b58;--sell-soft:#e9f5ed}*{box-sizing:border-box}body{margin:0;background:#f3f4f0;color:var(--ink);font-family:"Noto Sans SC",sans-serif}.shell{max-width:1180px;margin:0 auto;padding:0 28px 60px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;letter-spacing:.04em}.brand-mark{background:var(--ink);color:white;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:18px}.tabs{display:flex;gap:4px;background:#e9ebe7;border-radius:10px;padding:4px}.nav-tab{border:0;background:transparent;padding:8px 12px;border-radius:7px;color:var(--muted);cursor:pointer;font:500 13px "Noto Sans SC"}.nav-tab.active{background:white;color:var(--ink);box-shadow:0 1px 3px #00000012}.nav-tab span{font-family:"DM Mono";font-size:10px;background:#dce1dc;padding:1px 5px;border-radius:10px}.page{display:none}.page.active{display:block}.intro{display:flex;align-items:end;justify-content:space-between;padding:73px 0 37px}.eyebrow{font:500 10px "DM Mono";letter-spacing:.12em;color:var(--muted);margin:0 0 8px}h1{font-size:clamp(29px,4vw,47px);line-height:1.22;letter-spacing:-.06em;margin:0;font-weight:700}.intro-note{max-width:240px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.summary{background:var(--ink);border-radius:15px;color:white;padding:22px 27px;display:grid;grid-template-columns:1fr auto;gap:18px;box-shadow:0 14px 30px #1e251b14}.summary-head{grid-column:1/-1;display:flex;justify-content:space-between;color:#aeb5af;font:500 11px "DM Mono";letter-spacing:.08em}.summary-main{align-self:end}.pnl-value{font:500 clamp(38px,6vw,61px) "DM Mono";letter-spacing:-.08em}.pnl-value.positive{color:#79d4aa}.pnl-value.negative{color:#ff8c88}.pnl-label{font-size:12px;color:#b7bdb8;margin-top:2px}.summary-breakdown{display:flex;gap:31px;align-items:end}.summary-breakdown div{display:flex;flex-direction:column;gap:5px;min-width:83px}.summary-breakdown span{color:#aeb5af;font-size:11px}.summary-breakdown strong{font:500 15px "DM Mono"}.content-grid{display:grid;grid-template-columns:minmax(330px,.9fr) 1.1fr;gap:20px;margin-top:20px}.trade-card,.history-card,.positions-panel{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:26px}.trade-card{--accent:var(--buy);--soft:var(--buy-soft);border-top:4px solid var(--accent)}.trade-card.sell-mode{--accent:var(--sell);--soft:var(--sell-soft)}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading h2{font-size:20px;letter-spacing:-.04em;margin:0}.mode-indicator{background:var(--soft);color:var(--accent);border-radius:20px;padding:5px 10px;font-size:12px;font-weight:600}.segmented{display:flex;background:#f0f1ee;padding:4px;border-radius:9px;margin:25px 0 20px}.trade-type{flex:1;padding:8px;border:0;border-radius:6px;background:transparent;font:600 13px "Noto Sans SC";color:var(--muted);cursor:pointer}.trade-type.active.buy{background:var(--buy);color:white}.trade-type.active.sell{background:var(--sell);color:white}form{display:grid;gap:17px}label{font-size:12px;font-weight:600;display:grid;gap:7px}input,select{width:100%;border:1px solid #dfe3de;background:white;border-radius:8px;padding:11px 12px;color:var(--ink);font:400 14px "DM Mono";outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.source-lot-field small{font-weight:400;color:var(--muted);font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suffix-input{position:relative}.suffix-input input{padding-right:26px}.suffix-input span{position:absolute;right:11px;top:10px;color:var(--muted);font:13px "DM Mono"}.submit-trade{border:0;background:var(--accent);color:white;border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;font:600 14px "Noto Sans SC";cursor:pointer;margin-top:3px}.form-message{height:15px;margin:-8px 0 0;font-size:11px;color:var(--buy)}.history-card{min-height:390px}.text-button{border:0;background:transparent;color:var(--muted);font:12px "Noto Sans SC";cursor:pointer;padding:4px}.text-button:hover{color:var(--buy)}.trade-list{margin-top:18px}.trade-row{display:grid;grid-template-columns:50px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.trade-row:last-child{border-bottom:0}.type-pill{font-size:11px;font-weight:600;padding:5px 0;border-radius:5px;text-align:center}.type-pill.buy{color:var(--buy);background:var(--buy-soft)}.type-pill.sell{color:var(--sell);background:var(--sell-soft)}.symbol{font:500 14px "DM Mono"}.trade-meta{font-size:11px;color:var(--muted);margin-top:2px}.allocation{font:500 13px "DM Mono";text-align:right}.empty{text-align:center;color:var(--muted);padding:80px 10px}.empty span{display:grid;place-items:center;width:34px;height:34px;background:#eef0ec;border-radius:50%;margin:0 auto 12px;font-size:20px}.empty p{margin:0;font-size:13px}.empty small{display:block;margin-top:4px;font-size:11px}.positions-intro{padding-bottom:37px}.positions-panel{padding:0;overflow:hidden}.positions-head,.position-row{display:grid;grid-template-columns:1.2fr .7fr .8fr 1fr 86px;align-items:center}.positions-head{padding:14px 26px;background:#f0f1ee;color:var(--muted);font-size:11px}.positions-head span:not(:first-child),.position-row span:not(:first-child){text-align:right}.position-row{padding:21px 26px;border-top:1px solid var(--line)}.position-symbol{font:500 15px "DM Mono"}.position-sub{font-size:11px;color:var(--muted);margin-top:3px}.position-value{font:500 15px "DM Mono"}.position-cost{font:500 14px "DM Mono"}.toggle-operations{justify-self:end;border:0;background:#edf0eb;color:#435049;border-radius:6px;padding:6px 8px;font:500 11px "Noto Sans SC";cursor:pointer}.toggle-operations span{display:inline-block;transition:transform .2s}.toggle-operations[aria-expanded="true"] span{transform:rotate(180deg)}.position-operations{padding:0 26px 4px 52px;background:#f7f8f5}.position-operations .trade-row{padding:11px 0}.position-operations .trade-row:last-child{border-bottom:0}@media(max-width:680px){.shell{padding:0 16px 36px}.topbar{height:65px}.intro{padding:43px 0 27px;display:block}.intro-note{margin-top:18px}.summary{grid-template-columns:1fr;padding:21px}.summary-breakdown{justify-content:space-between;gap:0}.summary-breakdown div{min-width:0}.content-grid{grid-template-columns:1fr}.history-card{min-height:250px}.positions-panel{overflow-x:auto}.positions-head,.position-row{min-width:700px;padding-left:15px;padding-right:15px}.position-operations{min-width:700px;padding-left:40px;padding-right:15px}.positions-head{font-size:10px}.pnl-value{font-size:45px}}
.whop-confirm-dialog{width:min(520px,calc(100vw - 30px));border:0;border-radius:16px;padding:24px;background:var(--paper);color:var(--ink);box-shadow:0 24px 70px #0005}.whop-confirm-dialog::backdrop{background:#1016138a;backdrop-filter:blur(2px)}.whop-confirm-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.whop-confirm-head h2{font-size:21px;margin:0;letter-spacing:-.04em}.whop-confirm-head .type-pill{min-width:48px}.whop-original{margin:20px 0 15px;padding:13px 15px;border-radius:9px;background:#f0f2ef}.whop-original span,.whop-confirm-result dt{font-size:11px;color:var(--muted)}.whop-original p{margin:6px 0 0;line-height:1.6;font:500 14px "DM Mono";word-break:break-word}.whop-confirm-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.whop-confirm-result div{padding:11px 12px;border:1px solid var(--line);border-radius:8px}.whop-confirm-result .wide{grid-column:1/-1}.whop-confirm-result dt{margin-bottom:5px}.whop-confirm-result dd{margin:0;font:600 13px "DM Mono";overflow-wrap:anywhere}.whop-confirm-error{min-height:16px;margin:12px 0 0;color:var(--buy);font-size:12px}.whop-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.whop-confirm-actions button{border:0;border-radius:8px;padding:10px 14px;font:600 13px "Noto Sans SC";cursor:pointer}.whop-skip{background:#edf0eb;color:#4c5650}.whop-confirm-save{background:var(--sell);color:white}@media(max-width:420px){.whop-confirm-result{grid-template-columns:1fr}.whop-confirm-result .wide{grid-column:auto}}
.whop-confirm-dialog{padding:0;overflow:hidden;border:1px solid #ffffff75;background:#fbfcfa;box-shadow:0 28px 85px #10161373}.whop-confirm-head{padding:18px 22px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4dc}.whop-confirm-head .eyebrow{margin:0}.whop-confirm-head .type-pill{padding:7px 12px;border-radius:999px;font-size:12px}.whop-original{margin:15px 22px 13px;padding:12px 14px;background:#ffffffa8;border:1px solid #ffffffb8}.whop-original span{display:block;font-weight:700;letter-spacing:.04em}.whop-original p{font-family:"Noto Sans SC",sans-serif;font-weight:500;line-height:1.7}.whop-confirm-result{margin:0 22px;gap:9px}.whop-confirm-result div{padding:10px 12px;background:#ffffffb8;border-color:#ffffffcc}.whop-confirm-result dd{font-size:14px}.whop-confirm-actions{margin:17px 22px 21px;justify-content:stretch}.whop-confirm-actions button{flex:1;padding:11px 14px;transition:transform .15s,filter .15s}.whop-confirm-actions button:hover{filter:brightness(.97);transform:translateY(-1px)}.whop-confirm-error{margin:11px 22px 0}.whop-confirm-stack{position:fixed;inset:0;z-index:1000;pointer-events:none;display:grid;place-items:center}.whop-confirm-card{width:min(480px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;pointer-events:auto;position:absolute;transform:translate(calc(var(--stack-depth) * -13px),calc(var(--stack-depth) * -13px));border:1px solid #ffffffbd;border-radius:16px;color:var(--ink);box-shadow:0 24px 70px #10161368;transition:transform .2s,box-shadow .2s}.whop-confirm-card.buy{background:#fff0ee}.whop-confirm-card.sell{background:#e9f5ed}.whop-confirm-card.buy .whop-confirm-head{background:#ffe2de}.whop-confirm-card.sell .whop-confirm-head{background:#d9eee1}.whop-confirm-card.buy .whop-confirm-save{background:var(--buy)}.whop-confirm-card.sell .whop-confirm-save{background:var(--sell)}@media(max-width:420px){.whop-confirm-result{grid-template-columns:1fr}.whop-confirm-result .wide{grid-column:auto}}