.market-slip{--k100:var(--text);--k80:var(--text2);--k55:var(--text3);--k30:var(--text4,var(--text3));--k12:var(--border);--k06:var(--bg2);--k03:var(--surface,var(--bg2));--ln:var(--border);--ln2:var(--border2);--bg1:var(--bg2);--card2:var(--surface,var(--card));--teal:#14b8a6;--teal2:#2dd4bf;--indigo:#6366f1;--coral:#ef4444;--amber:#f59e0b;--green:#22c55e;--purple:#a855f7;--slip-drawer-w:clamp(360px, 28vw, 440px);--slip-risk-bg:color-mix(in srgb, var(--coral) 8%, transparent);--slip-risk-border:color-mix(in srgb, var(--coral) 55%, transparent);--slip-accent:var(--teal);--slip-accent-grad:var(--cta-grad);--r2-md:6px;--r3-md:12px;--ease-md:cubic-bezier(.16, 1, .3, 1);width:var(--slip-drawer-w);background:var(--card);border-left:1px solid var(--ln);height:100%;max-height:100vh;font-family:var(--sans);color:var(--k80);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px -20px #0009}.market-slip .slip-head{border-bottom:1px solid var(--ln);background:var(--card2);flex-shrink:0;align-items:center;gap:10px;padding:18px;display:flex}.market-slip .slip-icon{background:color-mix(in srgb, var(--teal) 16%, transparent);width:30px;height:30px;color:var(--teal);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.market-slip .slip-icon svg{width:16px;height:16px}.market-slip .slip-head .ttl{font-family:var(--sans);letter-spacing:.04em;color:var(--k100);font-size:14px;font-weight:700}.market-slip .slip-head .cnt{font-family:var(--mono);background:var(--teal);color:var(--bg);border-radius:999px;margin-left:2px;padding:2px 8px;font-size:11px;font-weight:700}.market-slip .slip-head .clear{color:var(--k55);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--sans);background:0 0;border:none;margin-left:auto}.market-slip .slip-head .clear:hover{color:var(--k100)}.market-slip .slip-head .close{width:30px;height:30px;color:var(--k55);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.market-slip .slip-head .close:hover{background:var(--bg2);color:var(--k100)}.market-slip .slip-head .close svg{width:16px;height:16px}.market-slip .slip-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.market-slip .slip-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:36px 26px;display:flex}.market-slip .slip-empty .glyph{background:linear-gradient(135deg, color-mix(in srgb, var(--teal) 18%, transparent), color-mix(in srgb, var(--indigo) 16%, transparent));width:64px;height:64px;color:var(--teal);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.market-slip .slip-empty h4{color:var(--k100);margin:0;font-size:16px;font-weight:700}.market-slip .slip-empty p{color:var(--k55);max-width:30ch;margin:0;font-size:12.5px}.market-slip .sel{border-radius:var(--r3-md);border:1px solid var(--ln);background:var(--card);flex-direction:column;gap:12px;padding:14px 14px 12px;display:flex;position:relative}.market-slip .sel.has-risk{border-color:var(--slip-risk-border);background:var(--slip-risk-bg)}.market-slip .sel-top{grid-template-columns:auto 1fr auto;align-items:start;gap:10px;display:grid}.market-slip .sel-pill{font-family:var(--mono);letter-spacing:.04em;color:var(--cc,var(--teal));background:color-mix(in srgb, var(--cc,var(--teal)) 14%, transparent);border:1px solid color-mix(in srgb, var(--cc,var(--teal)) 38%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.market-slip .sel-pill.yes{--cc:var(--green)}.market-slip .sel-pill.no{--cc:var(--coral)}.market-slip .sel-title{color:var(--k100);text-wrap:pretty;font-size:13.5px;font-weight:600;line-height:1.35}.market-slip .sel-x{width:26px;height:26px;color:var(--k55);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.market-slip .sel-x:hover{background:var(--bg2);color:var(--coral)}.market-slip .sel-clock{font-family:var(--mono);letter-spacing:.04em;color:var(--cd,var(--k55));align-self:start;align-items:center;gap:6px;font-size:11px;display:inline-flex}.market-slip .sel-clock svg{flex-shrink:0;width:12px;height:12px}.market-slip .sel-clock .lab{color:var(--k55)}.market-slip .sel-clock .v{color:var(--cd,var(--k80));font-weight:600}.market-slip .sel-clock.green{--cd:var(--k80)}.market-slip .sel-clock.yellow{--cd:var(--amber)}.market-slip .sel-clock.red{--cd:var(--coral)}.market-slip .sel-ended{font-family:var(--mono);letter-spacing:.04em;color:var(--coral);border-radius:var(--r2-md);background:color-mix(in srgb, var(--coral) 8%, transparent);border:1px solid color-mix(in srgb, var(--coral) 30%, transparent);align-self:start;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.market-slip .sel-ended svg{flex-shrink:0;width:13px;height:13px}.market-slip .sel.is-expired{border-color:var(--slip-risk-border);background:var(--slip-risk-bg)}.market-slip .sel.is-expired .sel-row,.market-slip .sel.is-expired .quick{opacity:.5;filter:grayscale()}.market-slip .sel-row{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.market-slip .amount{border:1px solid var(--ln);border-radius:var(--r3-md);background:var(--card);align-items:center;display:inline-flex;overflow:hidden}.market-slip .amount .sym{font-family:var(--mono);color:var(--k55);padding:0 10px;font-size:13px}.market-slip .amount input{width:70px;font-family:var(--mono);color:var(--k100);background:0 0;border:none;outline:none;padding:9px 6px 9px 0;font-size:15px;font-weight:600}.market-slip .amount .stp{border-left:1px solid var(--ln);flex-direction:column;display:flex}.market-slip .amount .stp button{width:26px;height:18px;color:var(--k55);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.market-slip .amount .stp button:hover{color:var(--k100);background:var(--bg1)}.market-slip .amount .stp svg{width:11px;height:11px}.market-slip .ret{text-align:right;line-height:1.15}.market-slip .ret .lbl{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--k55);font-size:9.5px;font-weight:600}.market-slip .ret .v{font-family:var(--mono);color:var(--cc,var(--teal));margin-top:2px;font-size:17px;font-weight:700;display:block}.market-slip .ret .sh{font-family:var(--mono);color:var(--k55);font-size:10px}.market-slip .ret.yes{--cc:var(--green)}.market-slip .ret.no{--cc:var(--coral)}.market-slip .quick{gap:6px;display:flex}.market-slip .quick button{border-radius:var(--r2-md);border:1px solid var(--ln);background:var(--card);font-family:var(--mono);color:var(--k80);cursor:pointer;flex:1;padding:7px 0;font-size:11px;font-weight:600}.market-slip .quick button:hover{border-color:var(--ln2);color:var(--k100)}.market-slip .quick button.is-active{background:color-mix(in srgb, var(--teal) 14%, transparent);border-color:color-mix(in srgb, var(--teal) 45%, transparent);color:var(--teal)}.market-slip .risk{border-radius:var(--r3-md);border:1px solid var(--slip-risk-border);background:color-mix(in srgb, var(--coral) 4%, var(--card));flex-direction:column;gap:10px;padding:12px 12px 14px;display:flex}.market-slip .risk-h{align-items:center;gap:8px;display:flex}.market-slip .risk-h svg{width:14px;height:14px;color:var(--coral);flex-shrink:0}.market-slip .risk-h .ttl{color:var(--coral);letter-spacing:.04em;font-size:12px;font-weight:700}.market-slip .risk-h .ttl .body{color:var(--k80);font-weight:500}.market-slip .risk-list{color:var(--k80);flex-direction:column;gap:4px;font-size:12px;display:flex}.market-slip .risk-list .k{font-family:var(--mono);justify-content:space-between;font-size:11.5px;display:flex}.market-slip .risk-list .k .lab{color:var(--k55);letter-spacing:.04em}.market-slip .risk-list .k .v-ok{color:var(--green);font-weight:600}.market-slip .risk-list .k .v-bad{color:var(--coral);font-weight:600}.market-slip .risk-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.market-slip .risk-link svg{width:11px;height:11px}.market-slip .check{border-top:1px dashed color-mix(in srgb, var(--coral) 30%, transparent);cursor:pointer;color:var(--k80);grid-template-columns:18px 1fr;align-items:start;gap:10px;padding-top:8px;font-size:11.5px;line-height:1.45;display:grid}.market-slip .check .box{border:1.5px solid var(--coral);background:var(--card);color:#0000;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:inline-flex}.market-slip .check input{display:none}.market-slip .check input:checked+.box{background:var(--coral);color:var(--bg)}.market-slip .check input:checked+.box:after{content:"✓";font-size:11px;font-weight:700}.market-slip .slip-foot{border-top:1px solid var(--ln);background:var(--card);flex-direction:column;flex-shrink:0;gap:12px;padding:16px;display:flex}.market-slip .kv{color:var(--k80);justify-content:space-between;align-items:center;font-size:13px;display:flex}.market-slip .kv .k{font-family:var(--sans);color:var(--k55);font-size:13px}.market-slip .kv .v{font-family:var(--mono);color:var(--k100);font-size:13px;font-weight:600}.market-slip .kv.major .k{color:var(--k100);font-weight:700}.market-slip .kv.major .v{font-size:18px;font-weight:800}.market-slip .kv.return .v{color:var(--teal);font-size:17px;font-weight:700}.market-slip .slip-sep{background:var(--ln);height:1px}.market-slip .warn-row{font-family:var(--mono);letter-spacing:.04em;color:var(--coral);border-radius:var(--r2-md);background:color-mix(in srgb, var(--coral) 8%, transparent);border:1px solid color-mix(in srgb, var(--coral) 30%, transparent);align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.market-slip .warn-row svg{flex-shrink:0;width:13px;height:13px}.market-slip .pay{grid-template-columns:1fr 1fr;gap:8px;display:grid}.market-slip .pay button{border-radius:var(--r3-md);border:1px solid var(--ln);background:var(--card);font-family:var(--mono);letter-spacing:.08em;color:var(--k80);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 0;font-size:12px;font-weight:600;display:inline-flex}.market-slip .pay button svg{width:14px;height:14px}.market-slip .pay button.is-active{background:color-mix(in srgb, var(--teal) 14%, transparent);color:var(--teal);border-color:color-mix(in srgb, var(--teal) 50%, transparent)}.market-slip .slip-cta{border-radius:var(--r3-md);width:100%;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;cursor:pointer;transition:transform .15s var(--ease-md), box-shadow .15s var(--ease-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:16px 18px;font-size:13px;font-weight:700;display:inline-flex}.market-slip .slip-cta.disabled{background:color-mix(in srgb, var(--teal) 14%, transparent);color:color-mix(in srgb, var(--teal) 65%, var(--k55));border-color:color-mix(in srgb, var(--teal) 25%, transparent);cursor:not-allowed;letter-spacing:.14em}.market-slip .slip-cta.ready{background:var(--slip-accent-grad);color:var(--cta-grad-text);box-shadow:0 10px 32px -12px color-mix(in srgb, var(--teal) 55%, transparent)}.market-slip .slip-cta.ready:hover{transform:translateY(-1px)}.market-slip .slip-cta svg{width:14px;height:14px}
