.perps-route .workspace-body>.main-content{max-width:none;width:100%;padding:0}.perps-route .workspace-body>.main-content>.announcement-stack{margin-bottom:calc(4px * var(--density, 1))}.perps-page{display:flex;flex-direction:column;gap:calc(4px * var(--density, 1));min-width:0}.perps-page .mono{font:var(--type-number);font-feature-settings:tabular-nums lining-nums;font-variant-numeric:tabular-nums lining-nums}.perps-page .panel{border-radius:0}.perps-page .panel-heading{min-height:calc(40px * var(--density, 1));padding:calc(4px * var(--density, 1)) var(--space-row);gap:calc(8px * var(--density, 1))}.perps-page .panel-heading h2{font:var(--type-card-title)}.perps-page .panel-heading .tabs{min-width:0;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.perps-page .panel-heading .tabs::-webkit-scrollbar{display:none}.perps-page .panel-heading .tabs button{min-height:calc(32px * var(--density, 1));padding:calc(6px * var(--density, 1)) calc(10px * var(--density, 1));flex:none}.perps-dialog .badge,.perps-page .badge{margin:0;font:var(--type-badge)}.perps-page .perps-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.perps-header{display:flex;align-items:center;gap:calc(8px * var(--density, 1)) calc(16px * var(--density, 1));padding:calc(4px * var(--density, 1)) var(--space-row);flex-wrap:wrap}.perps-pair-button{display:inline-flex;align-items:center;gap:calc(6px * var(--density, 1));min-height:calc(36px * var(--density, 1));padding:calc(4px * var(--density, 1)) calc(10px * var(--density, 1));border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font:var(--type-card-title)}.perps-pair-button:hover{border-color:var(--control)}.perps-price .mono{font:var(--type-number-hero)}.perps-stats{display:flex;flex-wrap:wrap;gap:calc(4px * var(--density, 1)) calc(16px * var(--density, 1));margin:0;min-width:0}.perps-stats>div{display:flex;flex-direction:column;gap:0;min-width:0}.perps-stats dt{color:var(--faint);font:var(--type-label)}.perps-stats dd{margin:0;white-space:nowrap}.perps-page dt[title]{-webkit-text-decoration:underline dotted var(--faint);text-decoration:underline dotted var(--faint);text-underline-offset:3px;cursor:help}.perps-mode{padding:calc(8px * var(--density, 1)) var(--space-panel);border-radius:0;background:var(--raised);color:var(--text)}.perps-mode.error{background:var(--negative-soft)}.perps-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px 320px;grid-template-rows:auto 1fr;grid-template-areas:"chart book side" "tables tables side";grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1));align-items:start;min-width:0}.perps-view-switch{display:none;grid-area:switch}.perps-chart-panel{grid-area:chart;min-width:0;min-height:0}.perps-book{grid-area:book}.perps-side-column{grid-area:side;display:flex;flex-direction:column;gap:calc(4px * var(--density, 1));min-width:0;align-self:stretch}.perps-side-column>.perps-account{flex:1 1 auto}.perps-tables{grid-area:tables;min-width:0;align-self:stretch}.perps-chart{height:100%}.perps-book{min-height:0;display:flex;flex-direction:column}.perps-chart.tv-chart{position:relative;background:var(--base)}.perps-chart .tv-chart-host,.perps-chart .tv-chart-loading{position:absolute;inset:0}.perps-chart .tv-chart-loading{z-index:1;background:var(--base)}.perps-chart .tv-chart-loading .empty-state{height:100%}.perps-input,.perps-pair-tools .search-field{display:flex;align-items:center;gap:calc(6px * var(--density, 1));min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--text);padding:0 calc(4px * var(--density, 1)) 0 calc(10px * var(--density, 1));transition:border-color .12s,box-shadow .12s}.perps-input:hover,.perps-pair-tools .search-field:hover{border-color:var(--control)}.perps-input:focus-within,.perps-pair-tools .search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.perps-input input:not([type=checkbox]),.perps-pair-tools .search-field input:not([type=checkbox]){flex:1 1;width:100%;min-width:0;min-height:calc(34px * var(--density, 1));margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;outline:0;color:var(--text);font:var(--type-input);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.perps-input input::-moz-placeholder,.perps-pair-tools .search-field input::-moz-placeholder{color:var(--faint)}.perps-input input::placeholder,.perps-pair-tools .search-field input::placeholder{color:var(--faint)}.perps-input input:focus-visible,.perps-pair-tools .search-field input:focus-visible{outline:0}.perps-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;min-height:calc(30px * var(--density, 1));margin:0;padding:0 calc(24px * var(--density, 1)) 0 calc(8px * var(--density, 1));border:1px solid var(--line);border-radius:6px;color:var(--text);font:var(--type-caption);cursor:pointer;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 13px) 50%/5px 5px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 8px) 50%/5px 5px no-repeat,var(--raised)}.perps-select:hover{border-color:var(--control)}.perps-select:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.perps-select option{background:var(--panel);color:var(--text)}.perps-dialog input[type=checkbox],.perps-page input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;display:inline-grid;place-content:center;width:16px;height:16px;min-height:calc(16px * var(--density, 1));margin:0;padding:0;border:1px solid var(--control);border-radius:4px;background:var(--raised);cursor:pointer;transition:background-color .12s,border-color .12s}.perps-dialog input[type=checkbox]:before,.perps-page input[type=checkbox]:before{content:"";width:8px;height:4px;margin-top:calc(-2px * var(--density, 1));border:2px solid var(--on-accent);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transition:transform .12s}.perps-dialog input[type=checkbox]:checked,.perps-page input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.perps-dialog input[type=checkbox]:checked:before,.perps-page input[type=checkbox]:checked:before{transform:rotate(-45deg) scale(1)}.perps-dialog input[type=checkbox]:focus-visible,.perps-page input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.perps-dialog input[type=checkbox]:disabled,.perps-page input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.perps-leverage input[type=range]{--lev:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;min-height:calc(20px * var(--density, 1));margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer}.perps-leverage input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--lev),var(--line) var(--lev))}.perps-leverage input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line)}.perps-leverage input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.perps-leverage input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:calc(-5px * var(--density, 1));border:2px solid var(--panel);border-radius:50%;background:var(--accent)}.perps-leverage input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--panel);border-radius:50%;background:var(--accent)}.perps-leverage input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.perps-leverage input[type=range]:disabled{opacity:.4;cursor:not-allowed}.perps-coin-icon{flex:none;display:inline-grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--raised)}.perps-coin-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.perps-coin-initials{color:var(--muted);font:var(--type-label);font-size:max(9px,calc(9px * var(--density, 1)));line-height:1}.perps-book-body{flex:1 1}.perps-book-body,.perps-book-side{min-height:0;display:flex;flex-direction:column;overflow:hidden}.perps-book-side{flex:1 1}.perps-book-side.asks{justify-content:flex-end}.perps-book-row{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;grid-gap:calc(6px * var(--density, 1));gap:calc(6px * var(--density, 1));align-items:center;width:100%;min-height:calc(22px * var(--density, 1));padding:0 var(--space-row);border:0;background:none;color:var(--text);text-align:right;font:var(--type-number)}.perps-book-row>:first-of-type{text-align:left}.perps-book-row>span,.perps-book-row>time{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perps-book-row>i{position:absolute;top:1px;bottom:1px;right:0;z-index:0}.perps-book-row.ask>i{background:var(--negative-soft)}.perps-book-row.bid>i{background:var(--positive-soft)}.perps-book-row.ask>span:first-of-type{color:var(--negative)}.perps-book-row.bid>span:first-of-type{color:var(--positive)}.perps-book-row.best>span:first-of-type{font-weight:600}button.perps-book-row:hover{background:var(--raised)}.perps-book-head{min-height:calc(28px * var(--density, 1));color:var(--faint);font:var(--type-label);border-bottom:1px solid var(--line)}.perps-book-spread{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;grid-gap:calc(6px * var(--density, 1));gap:calc(6px * var(--density, 1));padding:calc(4px * var(--density, 1)) var(--space-row);border-block:1px solid var(--line);color:var(--muted);text-align:right;font:var(--type-caption)}.perps-book-spread>:first-child{text-align:left}.perps-trades{overflow-y:auto}.perps-ticket{display:flex;flex-direction:column}.perps-side{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1));padding:var(--space-row) var(--space-row) 0}.perps-side button{min-height:calc(36px * var(--density, 1));border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font:var(--type-button)}.perps-side button.selected.long{background:var(--positive);border-color:var(--positive);color:var(--on-accent)}.perps-side button.selected.short{background:var(--negative);border-color:var(--negative);color:var(--on-accent)}.perps-ticket-body{display:flex;flex-direction:column;gap:calc(8px * var(--density, 1));padding:var(--space-row)}.perps-kind{gap:calc(4px * var(--density, 1))}.perps-kind button{min-height:calc(32px * var(--density, 1));padding:calc(6px * var(--density, 1)) calc(10px * var(--density, 1))}.perps-margin-mode{display:inline-flex;margin-left:auto;gap:calc(2px * var(--density, 1));padding:calc(2px * var(--density, 1));border:1px solid var(--line);border-radius:6px}.perps-margin-mode button,.perps-unit button{min-height:calc(26px * var(--density, 1));padding:0 calc(8px * var(--density, 1));border:0;border-radius:4px;background:none;color:var(--muted);font:var(--type-label)}.perps-margin-mode button.selected,.perps-unit button.selected{background:var(--raised);color:var(--text)}.perps-confirm,.perps-details,.perps-ticket-line{margin:0;display:grid;grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1))}.perps-details{gap:calc(2px * var(--density, 1))}.perps-ticket-line{grid-template-columns:1fr 1fr}.perps-confirm>div,.perps-details>div,.perps-ticket-line>div{display:flex;justify-content:space-between;gap:calc(8px * var(--density, 1));min-width:0}.perps-confirm dt,.perps-details dt,.perps-ticket-line dt{color:var(--faint);font:var(--type-caption)}.perps-confirm dd,.perps-details dd,.perps-ticket-line dd{margin:0;text-align:right;overflow-wrap:anywhere}.perps-ticket-line>div:last-child{justify-content:flex-end;gap:calc(6px * var(--density, 1))}.perps-field{display:flex;flex-direction:column;gap:calc(4px * var(--density, 1));min-width:0}.perps-field>span,.perps-input-tag{color:var(--muted);font:var(--type-label)}.perps-input-tag{flex:none;min-height:calc(26px * var(--density, 1));padding:0 calc(8px * var(--density, 1));border:1px solid var(--line);border-radius:4px;background:var(--panel)}.perps-input-note{flex:none;padding-right:calc(6px * var(--density, 1));font:var(--type-caption)}.perps-unit{display:inline-flex;flex:none;gap:calc(2px * var(--density, 1));padding:calc(2px * var(--density, 1));border:1px solid var(--line);border-radius:6px}.perps-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));grid-gap:6px;grid-gap:calc(6px * var(--density, 1));gap:calc(6px * var(--density, 1))}.perps-presets .chip{min-height:calc(30px * var(--density, 1));border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font:var(--type-label)}.perps-presets .chip.selected{border-color:var(--accent);color:var(--text)}.perps-leverage{display:flex;flex-direction:column;gap:calc(2px * var(--density, 1))}.perps-leverage-head{display:flex;justify-content:space-between;color:var(--muted);font:var(--type-label)}.perps-leverage-scale{display:flex;justify-content:space-between;color:var(--faint);font:var(--type-caption)}.perps-toggles{display:flex;gap:calc(16px * var(--density, 1));flex-wrap:wrap}.perps-toggles label{display:inline-flex;align-items:center;gap:calc(6px * var(--density, 1));color:var(--muted);font:var(--type-caption);min-height:calc(24px * var(--density, 1))}.perps-tpsl{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1))}.perps-dialog .button.perps-submit,.perps-page .button.perps-submit{min-height:calc(40px * var(--density, 1));margin:0;border:0;font:var(--type-button)}.perps-dialog .button.perps-submit.long,.perps-page .button.perps-submit.long{background:var(--positive);color:var(--on-accent)}.perps-dialog .button.perps-submit.short,.perps-page .button.perps-submit.short{background:var(--negative);color:var(--on-accent)}.perps-dialog .button.perps-submit:disabled,.perps-page .button.perps-submit:disabled{background:var(--raised);color:var(--faint);opacity:1;cursor:not-allowed}.perps-page .notice{margin:0;font:var(--type-caption);color:var(--muted)}.perps-account-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 8px;grid-gap:calc(4px * var(--density, 1)) calc(8px * var(--density, 1));gap:calc(4px * var(--density, 1)) calc(8px * var(--density, 1));margin:0;padding:var(--space-row)}.perps-account-grid>div{display:flex;flex-direction:column;gap:0;min-width:0}.perps-account-grid dt{color:var(--faint);font:var(--type-label)}.perps-account-grid dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perps-account-empty{margin:0;padding:var(--space-row);color:var(--muted)}.perps-account-spot{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--density, 1));margin:0 var(--space-row) var(--space-row);padding:calc(8px * var(--density, 1));border-radius:6px;background:var(--panel);color:var(--muted);font:var(--type-caption)}.perps-account-spot .button{margin:0}.perps-account-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;grid-gap:calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1));padding:0 var(--space-row) var(--space-row)}.perps-account-actions .button{margin:0}.perps-agent{display:flex;align-items:center;gap:calc(6px * var(--density, 1));padding:calc(4px * var(--density, 1)) var(--space-row);border-top:1px solid var(--line);color:var(--muted);font:var(--type-caption)}.perps-agent .text-button{margin-left:auto;padding:calc(4px * var(--density, 1)) 0;color:var(--text);font:var(--type-label)}.perps-account .badge-row{margin:0}.perps-count{margin-left:calc(4px * var(--density, 1));color:var(--faint)}.perps-table{width:100%;table-layout:auto;white-space:nowrap}.perps-table th{padding:calc(4px * var(--density, 1)) calc(10px * var(--density, 1));color:var(--faint);font:var(--type-label);text-align:right;background:var(--base)}.perps-table td{padding:calc(5px * var(--density, 1)) calc(10px * var(--density, 1));text-align:right;border-bottom:1px solid var(--line);font:var(--type-number)}.perps-table td:first-child,.perps-table th:first-child{text-align:left;padding-left:var(--space-row)}.perps-table td:last-child{padding-right:var(--space-row)}.perps-table tbody tr:hover{background:var(--raised)}.perps-table .button{margin:0}.perps-coin{display:inline-flex;align-items:baseline;gap:calc(6px * var(--density, 1));border:0;background:none;padding:0;color:var(--text);font:var(--type-body-strong);text-align:left}.perps-coin span{font:var(--type-caption)}.perps-row-actions{display:inline-flex;gap:calc(6px * var(--density, 1))}.perps-table .text-button{padding:0;color:var(--text);font:var(--type-number)}.perps-fee-summary{margin:0;padding:calc(4px * var(--density, 1)) var(--space-row);color:var(--muted);font:var(--type-caption)}.perps-tables>.perps-presets{padding:calc(4px * var(--density, 1)) var(--space-row) 0}.perps-transfer-via{color:var(--faint)}.perps-tables .tabs{overflow-x:auto;scrollbar-width:none;min-width:0}.perps-more{display:flex;justify-content:center;padding:var(--space-row)}.perps-more .button{margin:0}.perps-hint-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--density, 1));min-width:0}.perps-hint-row a{color:var(--faint);font:var(--type-caption);text-decoration:none}.perps-hint-row a:focus-visible,.perps-hint-row a:hover{color:var(--text)}.perps-page .perps-hint{display:inline-flex;align-items:center;gap:calc(4px * var(--density, 1));min-height:calc(20px * var(--density, 1));margin:0;padding:0;border:0;background:none;color:var(--faint);font:var(--type-caption);cursor:help}.perps-page .perps-hint:focus-visible,.perps-page .perps-hint:hover{color:var(--text)}.perps-hint:after{content:attr(data-tip);position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:5;padding:calc(8px * var(--density, 1)) calc(10px * var(--density, 1));border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--text);font:var(--type-caption);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}.perps-hint:focus:after,.perps-hint:hover:after{opacity:1;visibility:visible}.perps-toast.error{border-color:var(--negative)}.perps-dialog{width:min(440px,calc(100vw - 24px));padding:0;background:var(--base)}.perps-dialog.wide{width:min(860px,calc(100vw - 24px))}.perps-dialog::backdrop{background:var(--scrim)}.perps-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--density, 1));min-height:calc(40px * var(--density, 1));padding:calc(4px * var(--density, 1)) var(--space-panel);background:var(--panel);border-bottom:1px solid var(--line)}.perps-dialog-head h2{font:var(--type-card-title);margin:0}.perps-dialog-body{display:flex;flex-direction:column;gap:var(--space-grid);padding:var(--space-panel)}.perps-dialog-body>p{color:var(--muted)}.perps-dialog .perps-confirm{gap:calc(6px * var(--density, 1))}.perps-dialog .perps-field>span{color:var(--muted);font:var(--type-label)}.perps-dialog .notice{margin:0;font:var(--type-caption);color:var(--muted)}.perps-dialog .notice.error{color:var(--negative)}.perps-dialog .tabs button{min-height:calc(32px * var(--density, 1));padding:calc(6px * var(--density, 1)) calc(10px * var(--density, 1))}.perps-dialog .chip{min-height:calc(32px * var(--density, 1));border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--muted)}.perps-dialog .chip.selected{border-color:var(--accent);color:var(--text)}.perps-dialog .perps-select{min-height:calc(36px * var(--density, 1));font:var(--type-input)}.perps-dialog .mono{font:var(--type-number)}.perps-dialog a{display:inline-flex;align-items:center;gap:calc(4px * var(--density, 1));color:var(--accent)}.perps-dialog-actions{display:flex;justify-content:flex-end;gap:calc(8px * var(--density, 1));flex-wrap:wrap}.perps-dialog-actions .button{margin:0;min-height:calc(40px * var(--density, 1))}.perps-note{color:var(--muted);font:var(--type-caption)}.perps-method-note{margin:0}@media (max-width:768px){.perps-dialog .tabs button{min-height:calc(44px * var(--density, 1));flex:1 1}}.perps-method-note strong{color:var(--text);font-weight:600}.perps-list{margin:0;padding-left:calc(18px * var(--density, 1));display:grid;grid-gap:6px;grid-gap:calc(6px * var(--density, 1));gap:calc(6px * var(--density, 1));color:var(--muted)}.perps-pair-tools{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--density, 1))}.perps-pair-tools .search-field{flex:1 1 220px;min-width:0;max-width:none;padding:0 calc(10px * var(--density, 1));color:var(--faint)}.perps-pair-list{display:flex;flex-direction:column;max-height:min(60vh,560px);overflow-y:auto;border:1px solid var(--line);border-radius:6px}.perps-pair-row{display:grid;grid-template-columns:minmax(120px,1.4fr) repeat(5,minmax(0,1fr));grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1));align-items:center;width:100%;min-height:calc(36px * var(--density, 1));padding:calc(4px * var(--density, 1)) calc(10px * var(--density, 1));border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);text-align:right}.perps-pair-row>:first-child{text-align:left}.perps-pair-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perps-pair-row.selected,button.perps-pair-row:hover{background:var(--raised)}.perps-pair-head{position:sticky;top:0;z-index:1;min-height:calc(30px * var(--density, 1));background:var(--panel);color:var(--faint);font:var(--type-label)}.perps-pair-name{display:inline-flex;align-items:center;gap:calc(6px * var(--density, 1));min-width:0}.perps-stepper{display:flex;flex-direction:column;gap:calc(8px * var(--density, 1))}.perps-stepper-bar{height:4px;border-radius:2px;background:var(--line);overflow:hidden}.perps-stepper-bar>span{display:block;height:100%;background:var(--accent);transition:width .3s ease}.perps-stepper ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(2px * var(--density, 1))}.perps-stepper li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;grid-gap:8px;grid-gap:calc(8px * var(--density, 1));gap:calc(8px * var(--density, 1));padding:calc(6px * var(--density, 1)) 0;color:var(--faint)}.perps-stepper li.active,.perps-stepper li.done{color:var(--text)}.perps-stepper li.error{color:var(--negative)}.perps-step-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);border-radius:6px;background:var(--canvas)}.perps-stepper li.active .perps-step-icon{border-color:var(--accent);color:var(--accent)}.perps-stepper li.active .perps-step-icon svg{animation:perps-spin 1s linear infinite}.perps-stepper li.done .perps-step-icon{border-color:var(--positive);color:var(--positive)}.perps-stepper li.error .perps-step-icon{border-color:var(--negative)}.perps-step-text{display:flex;flex-direction:column;gap:calc(2px * var(--density, 1));min-width:0}.perps-step-text b{font:var(--type-label)}.perps-step-text>span{color:var(--muted);font:var(--type-caption);overflow-wrap:anywhere}.perps-step-text .perps-step-error{color:var(--negative)}.perps-step-state{font:var(--type-caption);color:var(--faint);padding-top:calc(6px * var(--density, 1))}.perps-fund-card{display:flex;flex-direction:column;gap:calc(8px * var(--density, 1));padding:calc(10px * var(--density, 1));border:1px solid var(--line);border-radius:6px;background:var(--canvas)}.perps-fund-card>p{margin:0;color:var(--muted);font:var(--type-caption)}.perps-fund-pay{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8px * var(--density, 1))}.perps-fund-pay>span{color:var(--muted);font:var(--type-label)}.perps-ticket .perps-fund-hint{margin:0;color:var(--muted);font:var(--type-caption)}@keyframes perps-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.perps-stepper li.active .perps-step-icon svg{animation:none}.perps-stepper-bar>span{transition:none}}@media(min-width:801px) and (pointer:fine){.perps-side button{min-height:calc(32px * var(--density, 1))}.perps-kind button{min-height:calc(28px * var(--density, 1));padding:calc(4px * var(--density, 1)) calc(10px * var(--density, 1))}.perps-input input:not([type=checkbox]),.perps-pair-tools .search-field input:not([type=checkbox]){min-height:calc(32px * var(--density, 1))}.perps-presets .chip,.perps-select{min-height:calc(28px * var(--density, 1))}.perps-page .button.perps-submit{min-height:calc(36px * var(--density, 1))}}@media(max-width:1400px){.perps-grid{grid-template-columns:minmax(0,1fr) 260px 320px}}@media(max-width:1100px){.perps-grid{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto 1fr;grid-template-areas:"switch side" "chart side" "tables side"}.perps-grid[data-view=book] .perps-chart-panel,.perps-grid[data-view=chart] .perps-book{display:none}.perps-grid .perps-book{grid-area:chart}.perps-view-switch{display:flex}}@media(max-width:800px){.perps-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"switch" "chart" "side" "tables"}.perps-toggles label{min-height:calc(44px * var(--density, 1))}.perps-input input:not([type=checkbox]),.perps-pair-tools .search-field input:not([type=checkbox]){min-height:calc(42px * var(--density, 1))}.perps-select{min-height:calc(36px * var(--density, 1))}.perps-header{gap:calc(8px * var(--density, 1)) calc(12px * var(--density, 1))}.perps-stats{gap:calc(6px * var(--density, 1)) calc(14px * var(--density, 1))}.perps-input-tag,.perps-margin-mode button,.perps-presets .chip,.perps-side button,.perps-unit button,.perps-view-switch button{min-height:calc(44px * var(--density, 1))}.perps-table thead{display:none}.perps-table,.perps-table tbody,.perps-table td,.perps-table tr{display:block;width:100%}.perps-table tr{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 12px;grid-gap:calc(4px * var(--density, 1)) calc(12px * var(--density, 1));gap:calc(4px * var(--density, 1)) calc(12px * var(--density, 1));padding:var(--space-row);border-bottom:1px solid var(--line)}.perps-table td{display:flex;justify-content:space-between;gap:calc(8px * var(--density, 1));padding:0;border:0;text-align:right;white-space:normal;overflow-wrap:anywhere}.perps-table td:first-child{grid-column:1/-1;padding-left:0}.perps-table td:last-child{grid-column:1/-1;padding-right:0}.perps-table td[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--faint);font:var(--type-label);text-align:left}.perps-table td:first-child:before{display:none}.perps-table td .button{width:100%;min-height:calc(44px * var(--density, 1))}.perps-pair-row{grid-template-columns:minmax(110px,1.4fr) repeat(3,minmax(0,1fr))}.perps-pair-row>:nth-child(5),.perps-pair-row>:nth-child(6){display:none}}@media(max-width:520px){.perps-page .panel-heading .tabs button{padding:calc(6px * var(--density, 1)) calc(8px * var(--density, 1))}.perps-account-grid,.perps-tpsl{grid-template-columns:1fr 1fr}.perps-table tr{grid-template-columns:1fr}.perps-pair-row{grid-template-columns:minmax(100px,1.3fr) repeat(2,minmax(0,1fr))}.perps-pair-row>:nth-child(4){display:none}}.app-shell.perps-route{height:100dvh;min-height:0;overflow:hidden}.perps-route .workspace{min-height:0}.perps-route .workspace-body{display:flex;flex:1 1;min-height:0;align-items:stretch}.perps-route .workspace-body>.main-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.perps-grid,.perps-route .perps-page{flex:1 1;min-height:0}.perps-grid{align-items:stretch}.perps-side-column{min-height:0;overflow-y:auto;scrollbar-width:thin}.perps-side-column>.panel{flex-shrink:0}.perps-page .perps-tables{min-height:0;overflow:auto;scrollbar-width:thin}.perps-tables>.panel-heading{position:sticky;top:0;z-index:2;background:var(--base)}@media(min-width:801px){.perps-grid{--perps-tables-h:clamp(150px,28dvh,300px);grid-template-rows:minmax(0,1fr) var(--perps-tables-h)}.perps-table th{position:sticky;top:40px;z-index:1}.perps-view-switch .perps-view-mobile{display:none}}@media(min-width:801px) and (max-width:1100px){.perps-grid{--perps-tables-h:clamp(140px,22dvh,260px);grid-template-rows:auto minmax(0,1fr) var(--perps-tables-h)}.perps-grid[data-view=tables] .perps-book,.perps-grid[data-view=trade] .perps-book{display:none}}@media(max-width:800px){.perps-grid{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"switch" "view"}.perps-grid>.perps-book,.perps-grid>.perps-chart-panel,.perps-grid>.perps-side-column,.perps-grid>.perps-tables{grid-area:view;align-self:stretch}.perps-grid:not([data-view=book])>.perps-book,.perps-grid:not([data-view=chart])>.perps-chart-panel,.perps-grid:not([data-view=tables])>.perps-tables,.perps-grid:not([data-view=trade])>.perps-side-column{display:none}}.perps-grid>.perps-mobile-tabs{display:none}@media(max-width:768px){.perps-route .workspace-body>.main-content>.announcement-stack{display:none}.perps-page{gap:calc(2px * var(--density, 1))}.perps-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:2px 8px;grid-gap:calc(2px * var(--density, 1)) calc(8px * var(--density, 1));gap:calc(2px * var(--density, 1)) calc(8px * var(--density, 1));padding:calc(2px * var(--density, 1)) calc(8px * var(--density, 1))}.perps-pair-button{min-height:calc(44px * var(--density, 1));padding:calc(4px * var(--density, 1)) calc(8px * var(--density, 1));gap:calc(4px * var(--density, 1))}.perps-price{justify-self:end;min-width:0}.perps-price .mono{font-size:max(12px,calc(20px * var(--density, 1)));line-height:calc(26px * var(--density, 1))}.perps-stats{grid-column:1/-1;flex-wrap:nowrap;gap:0 calc(12px * var(--density, 1));overflow-x:auto;scrollbar-width:none}.perps-stats::-webkit-scrollbar{display:none}.perps-stats>div{flex:none;flex-direction:row;align-items:baseline;gap:calc(4px * var(--density, 1))}.perps-stats dd{font-size:max(12px,calc(12px * var(--density, 1)));line-height:calc(18px * var(--density, 1))}.perps-grid{--perps-top-h:clamp(168px,30dvh,300px);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:auto var(--perps-top-h) minmax(0,1fr);grid-template-areas:"mtabs mtabs" "top top" "side book";gap:calc(2px * var(--density, 1))}.perps-grid>.perps-view-switch{display:none}.perps-grid>.perps-mobile-tabs{display:flex;grid-area:mtabs;gap:calc(2px * var(--density, 1));margin:0;overflow:hidden}.perps-grid>.perps-mobile-tabs button{flex:1 1;min-width:0;min-height:calc(44px * var(--density, 1));padding:0 calc(4px * var(--density, 1));justify-content:center}.perps-grid[data-mobile-view]>.perps-chart-panel,.perps-grid[data-mobile-view]>.perps-tables{grid-area:top;display:block;align-self:stretch}.perps-grid[data-mobile-view]>.perps-side-column{grid-area:side;display:flex;align-self:stretch}.perps-grid[data-mobile-view]>.perps-book{grid-area:book;display:flex;align-self:stretch}.perps-grid[data-mobile-view=chart]>.perps-tables,.perps-grid[data-mobile-view]:not([data-mobile-view=chart])>.perps-chart-panel{display:none}.perps-book .panel-heading{min-height:calc(44px * var(--density, 1));padding:0 calc(4px * var(--density, 1));gap:calc(4px * var(--density, 1))}.perps-page .perps-book .panel-heading .tabs button{min-height:calc(44px * var(--density, 1));padding:0 calc(5px * var(--density, 1));font-size:max(12px,calc(12px * var(--density, 1)))}.perps-book .panel-heading .perps-select{display:none}.perps-book-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(4px * var(--density, 1));min-height:calc(20px * var(--density, 1));padding:0 calc(6px * var(--density, 1));font-size:max(12px,calc(12px * var(--density, 1)));line-height:calc(18px * var(--density, 1))}.perps-book-row>span:nth-of-type(3),.perps-book-row>time{display:none}.perps-book-head{min-height:calc(24px * var(--density, 1));font-size:max(12px,calc(12px * var(--density, 1)))}.perps-book-spread{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(4px * var(--density, 1));padding:calc(2px * var(--density, 1)) calc(6px * var(--density, 1))}.perps-book-spread>:nth-child(3){display:none}.perps-side-column{gap:calc(2px * var(--density, 1));overscroll-behavior:contain}.perps-side{padding:calc(6px * var(--density, 1)) calc(6px * var(--density, 1)) 0}.perps-ticket-body{padding:calc(6px * var(--density, 1));gap:calc(6px * var(--density, 1))}.perps-kind{flex-wrap:wrap;row-gap:calc(4px * var(--density, 1))}.perps-kind button{min-height:calc(44px * var(--density, 1));padding:0 calc(10px * var(--density, 1))}.perps-margin-mode{margin-left:0}.perps-ticket-line{grid-template-columns:minmax(0,1fr)}.perps-ticket-line>div:last-child{justify-content:space-between}.perps-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(4px * var(--density, 1))}.perps-presets .chip{min-width:0;padding:0 calc(2px * var(--density, 1))}.perps-toggles{gap:calc(4px * var(--density, 1)) calc(12px * var(--density, 1))}.perps-page .button.perps-submit{position:sticky;bottom:0;z-index:2;box-shadow:0 6px 0 0 var(--base),0 -6px 0 0 var(--base)}.perps-account-actions,.perps-account-grid{padding:calc(6px * var(--density, 1))}.perps-grid[data-mobile-view]>.perps-tables>.panel-heading{min-height:calc(44px * var(--density, 1));padding:0 calc(4px * var(--density, 1))}.perps-grid[data-mobile-view=history]>.perps-tables>.panel-heading .tabs>button:nth-child(-n+2),.perps-grid[data-mobile-view]:not([data-mobile-view=history])>.perps-tables>.panel-heading .tabs{display:none}.perps-grid[data-mobile-view]>.perps-tables>.panel-heading :is(.tabs>button,.button){min-height:calc(44px * var(--density, 1))}}