@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.app{max-width:680px;margin:0 auto;padding:1.25rem 1rem;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.perps-header-bar{display:flex;align-items:center;gap:1.25rem}.perps-market-select{padding:.4rem .6rem;font-size:.875rem;font-weight:600;color:var(--purr-text);background:var(--purr-card);border:1px solid var(--purr-border);border-radius:8px;cursor:pointer}.perps-ticker{display:flex;align-items:baseline;gap:.5rem}.perps-ticker-label{font-size:.75rem;color:var(--purr-muted);text-transform:uppercase;letter-spacing:.03em}.perps-ticker-value{font-size:1rem;font-weight:600;color:var(--purr-text)}.perps-ticker-change.up{color:var(--purr-green)}.perps-ticker-change.down{color:var(--purr-red)}.perps-ticker-change{font-size:.8125rem;font-weight:500}.perps-layout{display:flex;flex-direction:column;gap:1rem}.live-price-card.chart-first{padding:.75rem 1rem}.live-price-card.chart-first .chart-embed-wrap{margin-top:0;margin-bottom:.75rem}.live-price-card.chart-first .chart-embed{height:320px}.live-price-strip{margin-bottom:.5rem}.perps-order-card{padding:1.25rem 1.5rem}.perps-order-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--purr-text)}.perps-order-type{font-size:.75rem;color:var(--purr-muted);margin:0 0 .75rem}.perps-order-price{font-size:.8125rem;color:var(--purr-muted);margin:0 0 1rem}.perps-order-price strong,.perps-order-price a{color:var(--purr-teal)}.perps-size-group{margin-bottom:1rem}.perps-size-input{font-size:1.125rem;padding:.65rem .75rem}.perps-long-short{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.perps-btn-long{background:#0f83;color:var(--purr-green);border:1px solid rgba(0,255,136,.4);padding:.75rem 1rem;font-size:1rem;font-weight:600}.perps-btn-long:hover:not(:disabled){background:#00ff884d;border-color:var(--purr-green)}.perps-btn-short{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35);padding:.75rem 1rem;font-size:1rem;font-weight:600}.perps-btn-short:hover:not(:disabled){background:#ef444440;border-color:var(--purr-red)}.perps-lp-select{margin-top:.5rem;max-width:120px}.perps-order-status{margin-top:.75rem}.perps-balance-card{padding:1.25rem 1.5rem}.perps-balance-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--purr-text)}.perps-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.perps-balance-item{display:flex;flex-direction:column;gap:.2rem}.perps-balance-label{font-size:.75rem;color:var(--purr-muted);text-transform:uppercase;letter-spacing:.03em}.perps-balance-value{font-size:1rem;font-weight:600;color:var(--purr-text)}.position-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:8px;font-size:.9375rem;font-weight:600}.position-long{background:#00ff8826;color:var(--purr-green);border:1px solid rgba(0,255,136,.35)}.position-short{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.position-side{text-transform:uppercase;font-size:.75rem;letter-spacing:.03em}.position-size{font-variant-numeric:tabular-nums}.position-empty{font-size:.875rem;color:var(--purr-muted);font-weight:500}.perps-balance-hint{font-size:.75rem;color:var(--purr-muted);margin:.5rem 0 0}.perps-deposit-row{margin-bottom:0}.perps-balance-setup{font-size:.875rem;color:var(--purr-muted);margin:0 0 1rem}.perps-balance-status{margin-top:.75rem}.perps-advanced{margin-top:.5rem;padding:.75rem 1rem;background:var(--purr-card);border:1px solid var(--purr-border);border-radius:12px}.perps-advanced summary{font-size:.8125rem;color:var(--purr-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.perps-advanced summary:hover{color:var(--purr-text)}.perps-advanced .card-heading,.perps-advanced .card-description,.perps-advanced .form-row{margin-bottom:.5rem}.perps-advanced .card{margin-bottom:0;padding:1rem;border:none;box-shadow:none}.brand{display:flex;align-items:center;gap:.75rem}.brand .logo{height:36px;width:auto;object-fit:contain}.app .brand h1{font-size:1.375rem;font-weight:600;margin:0;letter-spacing:-.025em;color:var(--purr-text);background:linear-gradient(135deg,var(--purr-teal) 0%,var(--purr-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions,.header-nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.perps-header .header-nav{gap:1rem}.wallet-trigger-wrap{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.btn-connect{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:linear-gradient(135deg,var(--purr-purple) 0%,var(--purr-magenta) 100%);border:none;border-radius:8px;cursor:pointer;transition:filter .2s,box-shadow .2s}.btn-connect:hover{filter:brightness(1.1);box-shadow:var(--purr-glow)}.btn-wallet-connected{max-width:160px}.btn-wallet-connected .wallet-adapter-button{font-size:.8125rem!important;padding:.4rem .75rem!important}.btn-ghost{background:transparent;color:var(--purr-muted);border:none;font-weight:500}.btn-ghost:hover{color:var(--purr-teal)}.header-link{color:var(--purr-muted);text-decoration:none;font-size:.875rem;font-weight:500}.header-link:hover{color:var(--purr-teal)}.btn-sm{padding:.35rem .65rem;font-size:.8125rem}.demo-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:var(--purr-muted);-webkit-user-select:none;user-select:none}.demo-switch input{position:absolute;opacity:0;width:0;height:0}.demo-switch-slider{position:relative;width:36px;height:20px;background:var(--purr-border);border-radius:10px;transition:background .2s}.demo-switch-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--purr-text);border-radius:50%;transition:transform .2s}.demo-switch input:checked+.demo-switch-slider{background:#a855f766}.demo-switch input:checked+.demo-switch-slider:after{transform:translate(16px)}.demo-switch input:focus-visible+.demo-switch-slider{box-shadow:0 0 0 2px var(--purr-purple)}.demo-switch-label{font-weight:500}.network-badge{font-size:.6875rem;padding:.3rem .5rem;border-radius:6px;background:#2dd4bf1a;color:var(--purr-teal);border:1px solid rgba(45,212,191,.25);text-transform:uppercase;letter-spacing:.04em}.card{background:var(--purr-card);border-radius:14px;padding:1.35rem 1.5rem;margin-bottom:1rem;border:1px solid var(--purr-border);box-shadow:0 1px #ffffff08}.card-heading{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.card h2{font-size:.9375rem;font-weight:600;margin:0;letter-spacing:-.01em;color:var(--purr-text)}.card-description{font-size:.8125rem;color:var(--purr-muted);line-height:1.45;margin:0 0 1rem}.card-badge{font-size:.6875rem;padding:.2rem .5rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.card-badge-demo{background:#a855f733;color:var(--purr-magenta);border:1px solid rgba(168,85,247,.3)}.card-badge-live{background:#00ff881f;color:var(--purr-green);border:1px solid rgba(0,255,136,.3)}.live-price-card .live-price-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}.live-price-block{display:flex;flex-direction:column;gap:.2rem}.live-price-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--purr-muted)}.live-price-value{font-size:1.125rem;font-weight:600;color:var(--purr-text)}.live-price-change.up{color:var(--purr-green)}.live-price-change.down{color:var(--purr-red)}.btn-chart{margin-top:.75rem}.chart-embed-wrap{margin-top:1rem;margin-bottom:.5rem;border-radius:10px;overflow:hidden;border:1px solid var(--purr-border);background:var(--purr-black)}.chart-embed{display:block;width:100%;height:340px;border:none}.reference-price{font-size:.8125rem;color:var(--purr-muted);margin-bottom:.75rem}.reference-price strong{color:var(--purr-teal)}.card-empty-state{text-align:center;padding:2rem 1.5rem}.empty-state-text{margin:0;font-size:.9375rem;color:var(--purr-muted);line-height:1.5}.empty-state-text strong{color:var(--purr-text)}.form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:.85rem}.form-row:last-child{margin-bottom:0}.form-group{flex:1;min-width:120px}.form-group label{display:block;font-size:.75rem;color:var(--purr-muted);margin-bottom:.25rem}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--purr-border);border-radius:8px;background:var(--purr-black);color:var(--purr-text);font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--purr-purple);box-shadow:0 0 0 2px #a855f733}.btn{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--purr-red) 0%,#dc2626 100%);color:#fff;box-shadow:0 0 12px var(--purr-red-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 18px var(--purr-red-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--purr-card);color:var(--purr-text);border:1px solid var(--purr-border)}.btn-secondary:hover:not(:disabled){border-color:var(--purr-purple);color:var(--purr-magenta);box-shadow:var(--purr-glow)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.status{font-size:.8125rem;margin-top:.85rem;padding:.6rem .75rem;border-radius:8px;line-height:1.4}.status.success{background:#00ff881f;color:var(--purr-green);border:1px solid rgba(0,255,136,.3)}.status.error{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status.info{background:#a855f71f;color:var(--purr-magenta);border:1px solid rgba(168,85,247,.3)}.small{font-size:.75rem;color:var(--purr-muted)}.user-info{margin-bottom:1rem}.user-info p{margin:.25rem 0;font-size:.875rem}.user-info strong{color:var(--purr-text)}.lp-list{list-style:none;padding:0;margin:0 0 1rem;font-size:.875rem}.lp-list li{padding:.35rem 0;border-bottom:1px solid var(--purr-border)}.lp-list li:last-child{border-bottom:none}.status.error code,.small code{background:#0000004d;padding:.1rem .3rem;border-radius:4px;font-size:.85em;word-break:break-all}:root .wallet-adapter-button{background:linear-gradient(135deg,var(--purr-purple) 0%,var(--purr-magenta) 100%)!important;color:#fff!important;border-radius:8px!important;font-weight:500!important}:root .wallet-adapter-button:hover{filter:brightness(1.1);box-shadow:var(--purr-glow)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem}.modal-content{background:var(--purr-card);border:1px solid var(--purr-border);border-radius:14px;max-width:520px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--purr-border)}.modal-header h2{margin:0;font-size:1.125rem}.modal-close{background:none;border:none;color:var(--purr-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.modal-close:hover{color:var(--purr-text)}.modal-tabs{display:flex;gap:0;padding:0 1.25rem;border-bottom:1px solid var(--purr-border)}.modal-tabs button{padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--purr-muted);font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:-1px}.modal-tabs button:hover{color:var(--purr-text)}.modal-tabs button.active{color:var(--purr-teal);border-bottom-color:var(--purr-teal)}.modal-body{padding:1.25rem;overflow-y:auto}.modal-body section p{margin:0 0 1rem;font-size:.9375rem;line-height:1.5;color:var(--purr-text)}.modal-body section p:last-child{margin-bottom:0}.modal-body h3{font-size:.9375rem;margin:1rem 0 .5rem;color:var(--purr-teal)}.how-list{margin:.75rem 0 1rem;padding-left:1.25rem}.how-list li{margin-bottom:.5rem;font-size:.875rem;line-height:1.5;color:var(--purr-text)}.demo-banner{display:flex;align-items:center;margin-bottom:1rem}.demo-banner-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--purr-muted);padding:.25rem .5rem;background:var(--purr-border);border-radius:6px}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}:root{font-family:Space Grotesk,DM Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background:#0a0a0a;--purr-black: #0a0a0a;--purr-card: #141414;--purr-border: #2a2a2a;--purr-muted: #71717a;--purr-text: #fafafa;--purr-green: #00ff88;--purr-teal: #2dd4bf;--purr-cyan: #22d3ee;--purr-purple: #a855f7;--purr-magenta: #e879f9;--purr-red: #ef4444;--purr-red-glow: rgba(239, 68, 68, .4);--purr-glow: 0 0 20px rgba(168, 85, 247, .15)}*{box-sizing:border-box}html{background:#0a0a0a!important}body{margin:0;min-height:100vh;background:#0a0a0a!important}#root{min-height:100vh;background:#0a0a0a}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}input::placeholder{color:var(--purr-muted)}a{color:var(--purr-teal);text-decoration:none}a:hover{text-decoration:underline;color:var(--purr-cyan)}