.shell.wide .page{width:100%}@media (width>=1100px){.shell.wide{--gutter:var(--s6)}}.perps{gap:var(--s4);width:100%;padding-top:var(--s6);grid-template-columns:minmax(0, 1fr) calc(300 * var(--p)) calc(330 * var(--p));grid-template-areas:"head head ticket""chart book ticket""acct acct acct";align-items:start;display:grid}.perps .card{padding:var(--s4);gap:var(--s3)}.perps-head{align-items:center;gap:var(--s3) var(--s6);flex-flow:wrap;grid-area:head}.perps-chart{grid-area:chart}.perps-book{grid-area:book;align-self:stretch}.perps-ticket{top:var(--s6);grid-area:ticket;position:sticky}.perps-acct{grid-area:acct}.perps-views,.perps-actions,.ticket-close{display:none}.perps .muted{color:var(--muted)}.perps .book,.perps table,.perps .stats,.picker-pick{font-variant-numeric:tabular-nums}.tabline{align-items:center;gap:var(--s4);padding-bottom:var(--s2);border-bottom:1px solid var(--line-soft);display:flex}.tabline [role=tab]{color:var(--muted);font-size:var(--t-sm);font-weight:500;transition:color .2s}.tabline [role=tab][aria-selected=true]{color:var(--ink)}.mkt-pick{align-items:center;gap:var(--s2);height:var(--h-md);padding:0 var(--s4);border-radius:var(--r-full);border:1px solid var(--line);background:var(--glass-2);font-size:var(--t-lg);transition:border-color .2s;display:inline-flex}.mkt-pick:hover{border-color:#6ee7b773}.mkt-pick b{font-weight:600}.perps-head .stats{gap:var(--s2) var(--s6)}.coin-ph{background:var(--glass-2);color:var(--muted);font-size:var(--t-xs);place-items:center;font-weight:600;display:inline-grid}.modal.wide{width:min(calc(560 * var(--p)), calc(100vw - var(--s8)))}.picker-groups{margin-bottom:var(--s3)}.picker-search input{font-size:var(--t-md)}.picker-list{max-height:min(60dvh, calc(480 * var(--p)));display:grid;overflow-y:auto}.picker-row{align-items:center;display:flex}.fav{width:var(--s8);height:var(--h-md);color:var(--faint);font-size:var(--t-md);flex:none;transition:color .2s}.fav.on{color:var(--amber)}.picker-pick{align-items:center;gap:var(--s3);height:var(--h-md);padding:0 var(--s2);border-radius:var(--r-md);text-align:right;font-size:var(--t-sm);flex:1;grid-template-columns:minmax(0,1.4fr) 1fr .8fr .9fr;display:grid}.picker-pick .coin{justify-content:flex-start;font-weight:500}.picker-pick:hover{background:var(--glass-2)}.perps-chart{align-self:stretch}.chart-top{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.chart-top .chip{height:var(--s8);padding:0 var(--s3);font-size:var(--t-xs)}.chart-foot{justify-content:flex-end;gap:var(--s3);margin-top:calc(var(--s2) * -1);color:var(--faint);font-size:var(--t-xs);display:flex}.chart-foot span{margin-right:auto}.chart-foot a{transition:color .2s}.chart-foot a:hover{color:var(--muted)}.chart-wrap{min-height:max(calc(440 * var(--p)), calc(100dvh - 4 * var(--s20)));flex:1;position:relative}.chart-box{position:absolute;inset:0}.chart-msg{place-content:center;justify-items:center;gap:var(--s3);color:var(--muted);display:grid;position:absolute;inset:0}.book-group{height:var(--h-sm);padding:0 var(--s2);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--glass);font-size:var(--t-xs);margin-left:auto}.book{font-size:var(--t-xs);display:grid}.perps-book .book{flex-direction:column;flex:1;min-height:0;display:flex}.perps-book .trades{overflow-y:auto}.book-side{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.book-side.asks{flex-direction:column-reverse}.book-none{padding:var(--s3) 0;color:var(--muted);font-size:var(--t-xs);text-align:center}.book-side{-webkit-mask-image:linear-gradient(to top, transparent, #000 var(--s8));-webkit-mask-image:linear-gradient(to top, transparent, #000 var(--s8));mask-image:linear-gradient(to top, transparent, #000 var(--s8))}.book-side.asks{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--s8));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--s8));mask-image:linear-gradient(to bottom, transparent, #000 var(--s8))}.book-row{isolation:isolate;gap:var(--s2);width:100%;padding:calc(var(--s1) / 2) 0;text-align:right;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.book-row>:first-child{text-align:left}.book-th{color:var(--faint)}button.book-row{border-radius:var(--r-sm)}button.book-row:hover{background:var(--glass)}.book-row.ask>:first-child{color:var(--coral)}.book-row.bid>:first-child{color:var(--em-2)}.book-row.ask:before,.book-row.bid:before{content:"";z-index:-1;width:var(--depth);border-radius:var(--r-sm);position:absolute;inset:0 0 0 auto}.book-row.ask:before{background:#ff7a6b1f}.book-row.bid:before{background:#42f09e1f}.book-spread{margin:var(--s1) 0;padding:var(--s2) 0;border-block:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;display:flex}.ticket-top{align-items:center;gap:var(--s2);display:flex}.ticket-top .seg{flex:1}.perps-ticket .field input{font-size:var(--t-lg)}.unit{height:var(--s6);font-size:var(--t-xs)}.pcts{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.pcts .chip{justify-content:center}.perps .chip:disabled{opacity:.45;cursor:not-allowed}.ticket .lbl .tag{border-color:var(--line);background:var(--glass-2);color:var(--muted)}.perps-acct .table-wrap{margin:0 calc(var(--s4) * -1);padding:0 var(--s4)}.perps-acct .empty{justify-items:center;gap:var(--s3);display:grid}.coin.link{transition:color .2s}.coin.link:hover{color:var(--em-2)}.venues-scroll{margin-top:var(--s4);overflow-x:auto}.venues-table th{font-weight:500}.venues-table tbody th{color:var(--ink);padding:var(--s3) var(--s3) var(--s3) 0;border-bottom-color:#ffffff0f}.venues-table tbody tr:last-child th{border-bottom:0;padding-bottom:0}.venues-table .muted{color:var(--muted)}.venues-table a{color:inherit}.venues-table a:hover{text-decoration:underline}@media (width<=1099px){.perps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""chart chart""book ticket""acct acct"}.perps-ticket{position:static}}@media (width<=663px){.perps{gap:var(--s3);padding-top:var(--s4);padding-bottom:calc(var(--h-md) + var(--s6));grid-template-columns:minmax(0,1fr);grid-template-areas:"head""views""chart""book""acct"}.perps-views{grid-area:views;display:flex}.perps-views .chip[aria-selected=true]{color:#d4f8e6;background:#2cc27d2e;border-color:#42f09e99}.perps[data-view=chart] .perps-book,.perps:not([data-view=chart]) .perps-chart,.perps-book .tabline [role=tab]{display:none}.chart-wrap{min-height:calc(320 * var(--p))}.perps-book .book{height:calc(560 * var(--p));flex:none}.perps-head .stats{gap:var(--s2) var(--s4);font-size:var(--t-sm)}.perps-ticket{z-index:41;top:auto;left:var(--s3);right:var(--s3);bottom:calc(var(--tabbar-space) + var(--s2));max-height:calc(100dvh - var(--tabbar-space) - var(--s24));border-radius:var(--r-xl);box-shadow:0 calc(var(--s4) * -1) var(--s16) #000000b3;translate:0 calc(100% + var(--s24));visibility:hidden;transition:translate .35s var(--ease), visibility 0s .35s;position:fixed;overflow-y:auto}.perps-ticket.on{visibility:visible;transition-delay:0s;translate:0}.perps-ticket .card{background:#080c0af7}.ticket-close{flex:none;display:grid}.perps-actions{z-index:39;left:var(--s3);right:var(--s3);bottom:calc(var(--tabbar-space) + var(--s2));gap:var(--s2);grid-template-columns:1fr 1fr;display:grid;position:fixed}.perps-actions .btn{height:var(--h-md)}.shell:has(.perps-actions) .offer{bottom:calc(var(--tabbar-space) + var(--h-md) + var(--s4))}}