/* Cleat workbench: original interface, designed around a quiet market terminal. */
#app{min-height:70vh}#app .wb{max-width:1160px;margin:auto;padding:48px 28px 88px}#app .wb-intro{position:relative;min-height:218px;padding:18px 390px 42px 0;border-bottom:1px solid #1d2230;margin-bottom:34px;overflow:hidden}#app .wb-intro h1{font-size:52px;font-weight:500;letter-spacing:-2.6px;line-height:1.07;margin:17px 0}#app .wb-intro p{color:#8e98ae;max-width:650px;line-height:1.7;font-size:15px}#app .wb-intro .route-art{position:absolute;right:0;top:-20px;width:340px;height:250px;pointer-events:none}#app .wb-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px}#app .wb-grid.reverse{grid-template-columns:minmax(0,.75fr) minmax(350px,1.25fr)}#app .wb-panel{border:1px solid #1d2230;background:#03050a;padding:27px}#app .wb-panel h2{font-size:21px;letter-spacing:-.6px;font-weight:500;margin:0 0 10px}#app .wb-panel h3{font-size:15px;font-weight:500;margin:0 0 18px}#app .wb-panel p{line-height:1.65;color:#8e98ae;font-size:14px}#app .wb-panel+.wb-panel{margin-top:20px}#app .wb-kicker{font:10px/1.5 var(--mono,monospace);letter-spacing:1.7px;text-transform:uppercase;color:#6e83bd}#app .wb-muted{color:#8992a9}#app .wb-status{display:flex;align-items:center;gap:8px;font:10px/1.5 var(--mono,monospace);color:#9aabd0}#app .wb-status:before{content:'';width:5px;height:5px;background:#315dff;box-shadow:0 0 11px #315dff}#app .wb-note{font-size:12px!important;line-height:1.65!important;color:#7e8aa3!important;margin:20px 0 0}#app .wb-note.blue{padding:13px 16px;border-left:2px solid #315dff;background:#0a1125}#app .wb-notice{padding:13px 17px;background:#090f20;border:1px solid #23365d;font-size:13px;line-height:1.6;color:#a2b4d7;margin:16px 0}#app .wb-error{background:#201013;border-color:#5a252c;color:#eea3ad}#app .wb-row{display:flex;align-items:center;justify-content:space-between;gap:15px}#app .wb-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#app .wb-space{margin-top:28px}#app .wb-tabs{display:flex;gap:5px;border-bottom:1px solid #1d2230;margin:0 0 24px;padding-bottom:10px;flex-wrap:wrap}#app .wb-tabs button,#app .wb-segment button{padding:9px 13px;border:0;background:none;color:#8992a9;font:12px var(--mono,monospace);cursor:pointer}#app .wb-tabs button[aria-selected=true]{background:#101a35;color:#dce6ff}#app .wb-segment{display:flex;gap:3px;padding:4px;border:1px solid #20283b;background:#05070d;margin:18px 0}#app .wb-segment button{flex:1}#app .wb-segment button.active{background:#192d59;color:#e6efff}#app button:disabled{opacity:.4;cursor:not-allowed}#app .wb-button{border:1px solid #2b3344;background:#090d15;color:#e7eeff;font-size:13px;padding:12px 18px;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:10px;line-height:1.3;transition:background .18s,border-color .18s}#app .wb-button:hover{background:#121e34;border-color:#506997}#app .wb-button.primary{background:#e8eeff;color:#090c13;border-color:#e8eeff}#app .wb-button.primary:hover{background:#c9d9ff}#app .wb-button.blue{background:#315dff;border-color:#315dff;color:white}#app .wb-button.full{width:100%}#app .wb-button.small{padding:8px 11px;font-size:11px}#app .wb-button.danger{color:#eeabb0}#app .wb-tag{display:inline-block;border:1px solid #283149;color:#9baed5;padding:4px 7px;font:9px/1.3 var(--mono,monospace);letter-spacing:.5px;text-transform:uppercase}#app .wb-form label{display:block;font-size:12px;color:#9ba6bd;margin-bottom:8px}#app .wb-form input:not([type=range]):not([type=checkbox]),#app .wb-form select,#app .wb-form textarea,#app .wb-search{width:100%;background:#05080f;border:1px solid #273044;color:#edf1fa;padding:13px 14px;font:inherit;font-size:14px;line-height:1.4;border-radius:0;outline:none;box-sizing:border-box}#app .wb-form input:focus,#app .wb-form textarea:focus,#app .wb-form select:focus,#app .wb-search:focus{border-color:#6084ff;box-shadow:0 0 0 2px #315dff22}#app .wb-form textarea{resize:vertical;min-height:100px}#app .wb-field{margin:20px 0}#app .wb-form .wb-field:first-child{margin-top:0}#app .wb-form .wb-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}#app .wb-form small{color:#76849e;font-size:11px;line-height:1.6;display:block;margin-top:7px}#app .wb-form input[type=range]{width:100%;accent-color:#315dff}#app .wb-form input[type=checkbox]{accent-color:#315dff}#app .wb-form .wb-checkbox{display:flex;gap:10px;align-items:flex-start;line-height:1.7}#app .wb-form .wb-checkbox input{margin-top:4px}#app .wb-summary{margin:25px 0 0;padding:0}#app .wb-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:14px 0;border-bottom:1px solid #172032}#app .wb-summary dt{font-size:12px;color:#8490a8}#app .wb-summary dd{margin:0;font:12px var(--mono,monospace);text-align:right;overflow-wrap:anywhere;color:#dbe5fb}#app .wb-summary .big dd{font-size:24px;color:#d5e4ff}#app .wb-amount-box{border:1px solid #26304a;background:#050910;padding:20px;margin-top:20px}#app .wb-amount-box>label{font-size:11px;color:#8592ad;margin-bottom:15px}#app .wb-amount-box .wb-amount-row{display:flex;align-items:center;gap:15px}#app .wb-amount-box input{min-width:0;width:100%;border:0!important;background:none!important;padding:0!important;font-size:31px!important;box-shadow:none!important}#app .wb-token-button{display:flex;gap:9px;align-items:center;white-space:nowrap;border:1px solid #2c3750;background:#101626;color:#e7eeff;font-size:13px;padding:8px 10px;cursor:pointer}#app .coin-icon{display:inline-flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;font:700 17px Arial;background:var(--coin,#2956a5);color:white}#app .coin-icon.btc{background:#f7931a}#app .coin-icon.eth{background:#303849}#app .coin-icon.ltc{background:#345d9d}#app .coin-icon.sol{background:#090e16;border:1px solid #425369;color:#89f7bd}#app .coin-icon.usdc{background:#2775ca}#app .coin-icon.usdt{background:#26a17b}#app .coin-icon.rune{background:#111a2a;color:#52d9dc}#app .wb-token-list{display:grid;gap:5px;margin-top:16px;max-height:350px;overflow:auto}#app .wb-token-list button{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #1a243a;background:#080c16;color:#e7eeff;text-align:left;cursor:pointer}#app .wb-token-list button:hover{border-color:#4166ae;background:#101c33}#app .wb-token-list small{display:block;color:#8896b0;margin-top:4px}#app .wb-reverse{display:flex;justify-content:center;margin:-5px auto;position:relative;z-index:1}#app .wb-reverse button{padding:6px 15px;border:1px solid #29344b;background:#0a1020;color:#97b1e9;cursor:pointer;font-size:11px}#app .wb-rate{font-size:37px;letter-spacing:-1.5px;line-height:1.2;margin:20px 0 6px;font-weight:500}#app .wb-route-line{display:flex;align-items:center;gap:12px;margin:25px 0;padding:19px 0;border-top:1px solid #172032;border-bottom:1px solid #172032;color:#9daecc;font:11px var(--mono,monospace)}#app .wb-route-line:before,#app .wb-route-line:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#315dff,#315dff00)}#app .wb-route-line:before{transform:rotate(180deg)}#app .wb-table-wrap{overflow:auto;border:1px solid #1c2434}#app .wb-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}#app .wb-table th{font:10px var(--mono,monospace);text-transform:uppercase;color:#6e7a93;letter-spacing:.5px;text-align:right;padding:17px;background:#060a12;border-bottom:1px solid #1c2434}#app .wb-table th:first-child{text-align:left}#app .wb-table td{padding:20px 17px;text-align:right;border-bottom:1px solid #151e2e}#app .wb-table td:first-child{text-align:left}#app .wb-table tr:last-child td{border:0}#app .wb-table tbody tr:hover{background:#0a1020}#app .wb-pool-name{display:flex;align-items:center;gap:13px;color:#e6edfc;text-decoration:none}#app .wb-pool-name small{display:block;margin-top:5px;color:#75839d;font:10px var(--mono,monospace)}#app .wb-filter{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:20px 0}#app .wb-filter .wb-search{max-width:370px}#app .wb-filter .wb-tabs{margin:0;padding:0;border:0}#app .wb-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1d2230;margin:24px 0}#app .wb-metrics>div{padding:20px;border-right:1px solid #1d2230}#app .wb-metrics>div:last-child{border-right:0}#app .wb-metrics small{font:10px var(--mono,monospace);color:#74829d;display:block;margin-bottom:10px}#app .wb-metrics strong{font-size:21px;font-weight:500;letter-spacing:-.8px}#app .wb-drafts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#app .wb-draft{padding:24px;border:1px solid #253149;background:#050911;min-width:0}#app .wb-draft h3{font-size:19px;overflow-wrap:anywhere;margin:18px 0 7px}#app .wb-draft p{font-size:12px;color:#7f8fa9;line-height:1.6;min-height:38px}#app .wb-draft .draft-symbol{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#112047;border:1px solid #304f88;color:#b4ceff;font-size:19px}#app .draft-symbol img{width:100%;height:100%;object-fit:cover}#app .wb-progress{height:5px;background:#151e30;overflow:hidden;margin:16px 0}#app .wb-progress span{height:100%;display:block;background:#315dff}#app .wb-empty{padding:70px 25px;border:1px solid #1d2230;text-align:center;background:radial-gradient(ellipse at center,#0a1530,transparent 70%)}#app .wb-empty h2{font-size:24px;font-weight:500;letter-spacing:-.7px}#app .wb-empty p{max-width:410px;color:#8696af;margin:15px auto 25px;font-size:14px;line-height:1.7}#app .wb-steps>section{padding:28px 0;border-bottom:1px solid #202a40}#app .wb-steps>section:first-child{padding-top:0}#app .wb-steps h2{display:flex;align-items:center;gap:13px;font-size:20px}#app .wb-step-n{border:1px solid #263452;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;color:#7a9eff;font:11px var(--mono,monospace)}#app .wb-sticky{position:sticky;top:102px;align-self:start}#app .wb-chart{position:relative;min-height:290px;padding:15px 0 0;overflow:hidden}#app .wb-chart svg{display:block;width:100%;height:auto;overflow:visible}#app .wb-chart .wb-chart-tip{position:absolute;top:15px;left:16px;color:#a7bce4;font:10px var(--mono,monospace);pointer-events:none;min-height:20px}#app .wb-chart .wb-chart-empty{display:flex;min-height:280px;align-items:center;justify-content:center;color:#7182a1;text-align:center;padding:20px;font-size:13px}#app .wb-chart-grid{stroke:#131d31;stroke-dasharray:3 6;stroke-width:1}#app .wb-chart-axis{font:9px var(--mono,monospace);fill:#63718c}#app .wb-chart-hit{fill:transparent;cursor:crosshair}#app .wb-chart-hit:hover{fill:#315dff12}#app .wb-perps{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}#app .wb-market-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}#app .wb-market-head h1{font-size:27px;letter-spacing:-1px;margin:0}#app .wb-market-price{font-size:29px;letter-spacing:-1px;text-align:right}#app .wb-market-price small{font-size:11px;color:#7f95bb;display:block;margin-top:7px;letter-spacing:0}#app .wb-perps .wb-metrics{grid-template-columns:repeat(3,1fr)}#app .wb-perps .wb-metrics>div{padding:15px}#app .wb-perps .wb-metrics strong{font-size:17px}#app .wb-positive{color:#78d5bf!important}#app .wb-negative{color:#ee95a6!important}#app .wb-mini-tabs{display:flex;gap:4px}#app .wb-mini-tabs button{background:none;border:1px solid transparent;color:#7f90ad;font:10px var(--mono,monospace);padding:7px 9px;cursor:pointer}#app .wb-mini-tabs button.active{border-color:#354d79;color:#d6e4ff;background:#101c33}#app .wb-positions{margin-top:24px}#app .wb-vault-lock{display:grid;grid-template-columns:1fr 1fr;gap:25px}#app .wb-vault-orb{height:70px;margin:8px 0 23px;width:70px;border:1px solid #4166aa;border-radius:50%;position:relative;box-shadow:0 0 50px #2245aa1a,inset 0 0 25px #315dff22}#app .wb-vault-orb:before{content:'';position:absolute;inset:21px;border:2px solid #a5c1ff;border-radius:4px}#app .wb-vault-orb:after{content:'';position:absolute;width:14px;height:14px;border:2px solid #a5c1ff;border-bottom:0;border-radius:10px 10px 0 0;left:26px;top:10px}#app .wb-note-list{display:grid;gap:12px}#app .wb-private-note{border:1px solid #253149;padding:17px;background:#080d18}#app .wb-private-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;color:#a0aec7;font-size:13px}#app .wb-private-note h3{margin:0;font-size:14px;overflow-wrap:anywhere}#app .wb-note-meta{font:9px var(--mono,monospace);color:#657794;margin:8px 0 0}#app .wb-docs{max-width:1360px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr) 185px;min-height:80vh}#app .wb-docs aside{padding:32px 24px;border-right:1px solid #1c2435}#app .wb-docs .wb-doc-nav{position:sticky;top:95px;max-height:calc(100vh - 110px);overflow:auto}#app .wb-docs .wb-doc-nav .wb-search{font-size:12px;padding:10px;margin-bottom:26px}#app .wb-docs aside h3{font-size:12px;font-weight:500;margin:25px 0 12px;color:#d6e0f5}#app .wb-docs aside a{display:block;font-size:12px;padding:9px 10px;color:#7f90ad;text-decoration:none;margin:3px -10px;border-left:2px solid transparent}#app .wb-docs aside a:hover{color:#dbe6ff;background:#0a101e}#app .wb-docs aside a.active{border-left-color:#315dff;background:#0e1730;color:#c9daff}#app .wb-docs article{padding:50px 47px 80px;min-width:0}#app .wb-docs article h1{font-size:42px;letter-spacing:-1.5px;font-weight:500;margin:18px 0 15px}#app .wb-docs article>p{font-size:16px;color:#8d9bb5;line-height:1.75}#app .wb-docs article h2{font-size:23px;font-weight:500;letter-spacing:-.5px;margin:44px 0 17px;scroll-margin-top:100px}#app .wb-docs article h3{font-size:16px;font-weight:500;margin:27px 0 12px}#app .wb-docs article li,#app .wb-docs article section p{font-size:14px;line-height:1.8;color:#8d9bb5}#app .wb-docs article strong{color:#dbe7fb;font-weight:500}#app .wb-docs article a{color:#a8c3ff;text-underline-offset:4px}#app .wb-docs .wb-toc{border:0;padding:58px 16px;font-size:11px}#app .wb-toc div{position:sticky;top:110px;border-left:1px solid #243252;padding-left:20px}#app .wb-toc a{font-size:11px!important;line-height:1.5}#app .wb-code{position:relative;background:#060a14;border:1px solid #1d2942;margin:21px 0}#app .wb-code-top{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #1d2942;color:#697f9f;font:10px var(--mono,monospace)}#app .wb-code button{border:0;background:none;color:#a0b7dd;cursor:pointer;font:10px var(--mono,monospace)}#app .wb-code pre{padding:19px;margin:0;overflow:auto;color:#b8ceef;font:11px/1.8 var(--mono,monospace);tab-size:2}#app .wb-doc-next{border-top:1px solid #253149;margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;gap:20px}#app .wb-doc-next a{font-size:12px;text-decoration:none}#app .wb-dialog{border:1px solid #324469;background:#050912;color:#e7eeff;max-width:480px;width:calc(100% - 35px);padding:25px;max-height:85vh;overflow:auto;box-sizing:border-box}#app .wb-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}#app .wb-dialog h2{font-size:22px;letter-spacing:-.6px;font-weight:500;margin:0}#app .wb-dialog .wb-dialog-close{border:0;background:#101a2c;color:#a5b7d9;cursor:pointer;padding:7px 11px}#app .wb-dialog .wb-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}#app .wb-dialog p{color:#8a9bb5;font-size:13px;line-height:1.7}#app .wb-loading{color:#7894bd;font:11px var(--mono,monospace);padding:35px 0;display:flex;align-items:center;justify-content:center;gap:10px}#app .wb-loading:before{content:'';width:8px;height:8px;background:#315dff;animation:wb-blink 1s ease-in-out infinite alternate}#app .wb-inline-error{font-size:12px;color:#e6a1ad;margin-top:12px;min-height:17px}#app .wb-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:min(90vw,450px);border:1px solid #395381;background:#111e35;color:#deebff;font-size:12px;z-index:200;box-shadow:0 12px 60px #000b}#app .wb-footer-note{margin-top:26px;color:#61718e;font:10px/1.8 var(--mono,monospace)}@keyframes wb-blink{to{opacity:.2;transform:scale(.7)}}
@media(max-width:1000px){#app .wb-docs{grid-template-columns:210px minmax(0,1fr)}#app .wb-toc{display:none}#app .wb-docs article{padding:38px 28px}#app .wb-perps{grid-template-columns:minmax(0,1fr) 300px}#app .wb-intro{padding-right:300px}#app .wb-intro .route-art{width:280px}#app .wb-drafts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#app .wb{padding:25px 18px 60px}#app .wb-intro{min-height:180px;padding:10px 110px 30px 0;margin-bottom:24px}#app .wb-intro h1{font-size:40px;letter-spacing:-1.7px}#app .wb-intro p{font-size:13px}#app .wb-intro .route-art{right:-90px;width:225px;opacity:.55;height:220px}#app .wb-grid,#app .wb-grid.reverse,#app .wb-perps,#app .wb-vault-lock{grid-template-columns:1fr}#app .wb-panel{padding:21px}#app .wb-sticky{position:static}#app .wb-metrics{grid-template-columns:repeat(2,1fr)}#app .wb-metrics>div:nth-child(2){border-right:0}#app .wb-metrics>div:nth-child(-n+2){border-bottom:1px solid #1d2230}#app .wb-filter{align-items:stretch;flex-direction:column}#app .wb-filter .wb-search{max-width:none}#app .wb-drafts{grid-template-columns:1fr 1fr}#app .wb-docs{grid-template-columns:1fr}#app .wb-docs aside{padding:18px;border-right:0;border-bottom:1px solid #243149}#app .wb-docs .wb-doc-nav{position:static;max-height:200px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}#app .wb-docs .wb-doc-nav h3{display:none}#app .wb-docs .wb-doc-nav .wb-search{margin:0 0 8px;width:100%}#app .wb-docs aside a{display:inline-block;margin:0;padding:6px 9px;font-size:11px}#app .wb-docs article{padding:30px 22px 60px}#app .wb-docs article h1{font-size:34px}#app .wb-market-head h1{font-size:23px}#app .wb-market-price{font-size:23px}#app .wb-perps .wb-metrics>div{border-bottom:0}#app .wb-perps .wb-metrics strong{font-size:14px}#app .wb-perps .wb-metrics small{font-size:8px}}
@media(max-width:460px){#app .wb-form .wb-columns,#app .wb-drafts{grid-template-columns:1fr}#app .wb-amount-box{padding:16px}#app .wb-amount-box input{font-size:27px!important}#app .wb-chart{min-height:220px}#app .wb-row{align-items:flex-start}#app .wb-filter .wb-tabs{gap:0}#app .wb-tabs button{padding:8px 10px}#app .wb-rate{font-size:31px}#app .wb-intro{padding-right:60px}#app .wb-intro .route-art{opacity:.35;right:-130px}}
@media(prefers-reduced-motion:reduce){#app *,#app *:before,#app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.wb [hidden],.wb-dialog [hidden],.wb-docs [hidden]{display:none!important}

#app .coin-icon svg{width:21px;height:21px;display:block;flex:none}#app .coin-icon.usdt svg{width:23px;height:23px}#app .wb-docs article section{scroll-margin-top:110px}#app .wb-panel+.wb-panel{margin-top:0}#app .wb-perps>div>.wb-panel+.wb-panel{margin-top:20px}


#app{--mono:Mono,monospace}
