:root{--bg: #0a0f1e;--card: #1e293b;--input-bg: #0f172a;--border: #263449;--teal: #22d3a5;--sky: #0ea5e9;--amber: #f59e0b;--red: #ef4444;--text: #e2e8f0;--muted: #94a3b8;--font-heading: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--font-body: "Inter", "DM Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background-color:var(--bg);background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:34px 34px;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.page{min-height:100vh;display:flex;flex-direction:column;padding:20px 20px 32px}.topbar{display:flex;align-items:center;gap:10px;max-width:860px;margin:0 auto 20px;width:100%}.topbar-logo{width:26px;height:26px;object-fit:contain;border-radius:6px}.topbar-wordmark{font-family:var(--font-heading);font-weight:700;font-size:16px;letter-spacing:-.01em}.topbar-tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);border-left:1px solid var(--border);padding-left:10px;margin-left:2px}.swap-shell{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:860px;margin:0 auto;width:100%}.swap-card{width:100%;max-width:480px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 18px 20px;box-shadow:0 12px 32px -16px #0009}.swap-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.swap-card-head h1{font-family:var(--font-heading);font-size:22px;font-weight:700;margin:0;letter-spacing:-.02em}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--input-bg);border:none;box-shadow:inset 0 1px 3px #00000073,inset 0 -1px #ffffff08;color:var(--muted);transition:color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}.icon-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.icon-btn:hover{color:var(--teal);background:#22d3a51a;box-shadow:inset 0 1px 3px #00000073,0 0 0 3px #22d3a52e;transform:scale(1.05)}.icon-btn:hover svg{transform:rotate(15deg)}.gear-btn.active{color:var(--teal);background:#22d3a51f;box-shadow:inset 0 1px 3px #00000073,0 0 0 3px #22d3a547}.settings-accordion{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1)}.settings-accordion.open{grid-template-rows:1fr}.settings-accordion-inner{overflow:hidden}.settings-card{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:14px;margin:10px 0 4px;display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.settings-label{font-size:12px;color:var(--muted);font-weight:400}.segmented{display:flex;gap:6px}.segmented-btn{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--muted);transition:color .16s ease-out,border-color .16s ease-out,background .16s ease-out}.segmented-btn.active{color:var(--bg);background:var(--teal);border-color:var(--teal)}.segmented-btn:hover:not(.active){color:var(--text);border-color:var(--teal)}.segmented-custom{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:0 10px;transition:border-color .16s ease-out,color .16s ease-out}.segmented-custom.active{border-color:var(--teal);color:var(--teal)}.segmented-custom input{width:68px;background:transparent;border:none;font-family:var(--font-mono);font-size:12px;color:var(--text);padding:7px 0}.segmented-custom span{color:var(--muted);flex-shrink:0}.segmented-custom input:focus-visible{outline:none}.deadline-input{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;padding:4px 10px}.deadline-input input{width:44px;background:transparent;border:none;font-family:var(--font-mono);font-size:13px;color:var(--text)}.deadline-input span{font-size:11px;color:var(--muted)}.swap-rows{position:relative;display:flex;flex-direction:column;gap:2px;margin-top:8px}.row-in,.row-out{transition:transform .32s ease,opacity .28s ease}.swap-rows.flipping .row-in{transform:translateY(14px);opacity:0}.swap-rows.flipping .row-out{transform:translateY(-14px);opacity:0}.token-row{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.token-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.token-row-label{font-size:11px;color:var(--muted);font-family:var(--font-body);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.token-row-usd{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.token-row-body{display:flex;align-items:center;justify-content:space-between;gap:10px}.token-amount-input{flex:1;background:transparent;border:none;font-family:var(--font-mono);font-size:28px;font-weight:600;color:var(--text);min-width:0;letter-spacing:-.01em}.token-row{transition:border-color .18s ease-out}.token-row:focus-within{border-color:var(--teal)}.token-amount-input::placeholder{color:#3a4a63}.token-amount-input:focus-visible{outline:none}.token-picker{position:relative;flex-shrink:0}.token-picker-trigger{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:999px;padding:6px 10px 6px 8px;font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--text);transition:border-color .16s ease-out,background .16s ease-out}.token-picker-trigger:hover,.token-picker-trigger[aria-expanded=true]{border-color:var(--teal);background:#22d3a514}.token-chevron{color:var(--muted);transition:transform .16s ease-out}.token-picker-trigger[aria-expanded=true] .token-chevron{transform:rotate(180deg)}.token-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000040}.token-dot[data-token=USDC]{background:linear-gradient(135deg,#0ea5e9,#0369a1)}.token-dot[data-token=PT-stETH]{background:linear-gradient(135deg,#22d3a5,#0f9d78)}.token-dot[data-token=YT-stETH]{background:linear-gradient(135deg,#f59e0b,#b45309)}.token-dot[data-token=stETH]{background:linear-gradient(135deg,#818cf8,#4f46e5)}.token-dot[data-token=sDAI]{background:linear-gradient(135deg,#fbbf24,#d97706)}.token-picker-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:8;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:0 16px 32px -12px #000000a6;list-style:none;margin:0}.token-picker-option{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;background:transparent;border:none;text-align:left;color:var(--text);transition:background .14s ease-out}.token-picker-option:hover{background:var(--input-bg)}.token-picker-option.active{background:#22d3a51a}.token-picker-option .token-symbol{font-family:var(--font-heading);font-size:13px;font-weight:600}.token-picker-option .token-name{margin-left:auto;font-size:11px;color:var(--muted)}.flip-wrap{display:flex;justify-content:center;margin:-14px 0;position:relative;z-index:3}.flip-btn{width:44px;height:44px;border-radius:50%;background:var(--input-bg);border:2px solid var(--teal);color:var(--teal);display:grid;place-items:center;box-shadow:0 0 0 5px var(--card),0 6px 16px -6px #000000b3;transform:rotate(var(--rot, 0deg));transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .18s ease-out,box-shadow .18s ease-out}.flip-btn:hover{background:#22d3a529;transform:rotate(var(--rot, 0deg)) scale(1.08);box-shadow:0 0 0 5px var(--card),0 0 0 8px #22d3a533,0 6px 16px -6px #000000b3}.flip-btn:active{transform:rotate(var(--rot, 0deg)) scale(.96)}.swap-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.impact-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:600;border:1px solid transparent;transition:color .2s ease-out,border-color .2s ease-out,background .2s ease-out}.impact-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.impact-label{font-family:var(--font-body);font-weight:500;letter-spacing:0}.impact-low{color:var(--teal);background:#22d3a51a;border-color:#22d3a559}.impact-mid{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b59}.impact-high{color:var(--red);background:#ef44441a;border-color:#ef444459}.slippage-readout{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.route-diagram{margin-top:10px;opacity:0;transform:translateY(-4px);max-height:0;overflow:hidden;transition:opacity .35s ease,transform .35s ease,max-height .35s ease}.route-diagram.visible{opacity:1;transform:translateY(0);max-height:156px}.route-caption{font-size:11px;color:var(--muted);margin:0 0 2px;text-transform:uppercase;letter-spacing:.06em}.route-node-label{font-family:var(--font-mono);font-size:12px;font-weight:600;fill:var(--text)}.route-pool-label{font-family:var(--font-body);font-size:10.5px;fill:var(--muted)}.route-fee-label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;fill:var(--teal)}.confirm-btn{width:100%;margin-top:16px;padding:13px;border-radius:10px;border:none;background:var(--teal);color:#04141f;font-family:var(--font-heading);font-size:15px;font-weight:600;transition:filter .18s ease-out,transform .18s ease-out}.confirm-btn:hover:not(:disabled){filter:brightness(1.08)}.confirm-btn:active:not(:disabled){transform:scale(.99)}.confirm-btn:disabled{background:var(--input-bg);color:var(--muted);border:1px solid var(--border)}.history-panel{width:100%;max-width:780px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 18px 18px}.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.history-head h2{font-family:var(--font-heading);font-size:14px;font-weight:600;margin:0;letter-spacing:-.01em}.history-count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.history-empty{font-size:12px;color:var(--muted);padding:20px 0;text-align:center;margin:0}.history-table-wrap{max-height:220px;overflow-y:auto}.history-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px;line-height:1.4}.history-table thead th{text-align:left;font-family:var(--font-body);font-size:11px;font-weight:500;color:var(--muted);padding:0 10px 8px;position:sticky;top:0;background:var(--card)}.history-table tbody tr{transition:background .14s ease-out}.history-table tbody tr:hover{background:var(--input-bg)}.history-table tbody td{padding:8px 10px;border-top:1px solid var(--border);color:var(--text);white-space:nowrap}.row-pending td{color:#cbd5e1}.status-pending{display:inline-flex;align-items:center;gap:6px;color:var(--teal)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22d3a580}50%{opacity:.55;box-shadow:0 0 0 4px #22d3a500}}.status-completed{display:inline-flex;align-items:center;gap:6px;color:var(--teal)}@media(max-width:768px){.page{padding:16px 14px 28px}.swap-card,.history-panel,.tab-bar{max-width:100%}.history-table-wrap{max-height:260px}}@media(max-width:480px){.token-amount-input{font-size:20px}.settings-row{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.tab-bar{position:relative;display:flex;gap:4px;width:100%;max-width:480px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:inset 0 1px 3px #0006}.tab-indicator{position:absolute;left:4px;bottom:4px;width:calc((100% - 8px) / 3);height:3px;border-radius:2px;background:var(--teal);transform:translate(calc(var(--indicator-index, 0) * 100%));transition:transform .42s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.tab-btn{position:relative;z-index:1;flex:1;background:transparent;border:1px solid transparent;border-radius:7px;padding:9px 10px;font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--muted);transition:color .18s ease-out,background .18s ease-out,border-color .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out}.tab-btn:hover:not(.active){color:var(--text);background:#94a3b81a;border-color:var(--border)}.tab-btn.active{color:var(--text);background:var(--card);box-shadow:0 3px 8px -3px #0000008c,inset 0 1px #ffffff0f;transform:translateY(-1px)}.tab-btn:active{transform:translateY(0) scale(.98)}.mint-output{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-top:2px}.mint-output-label{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:8px}.mint-output-rows{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mint-output-item{display:flex;align-items:center;gap:8px}.mint-output-dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000040}.mint-output-dot.pt{background:linear-gradient(135deg,#22d3a5,#0f9d78)}.mint-output-dot.yt{background:linear-gradient(135deg,#f59e0b,#b45309)}.mint-output-amount{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text)}.mint-output-symbol{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--muted)}.mint-output-plus{color:var(--muted);font-family:var(--font-mono);font-size:16px}.mint-config-card{margin-top:10px}.mint-confirmation{margin:10px 0 0;font-family:var(--font-mono);font-size:12px;color:var(--teal);text-align:center}.market-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.segmented-btn.side-buy.active{background:var(--teal);border-color:var(--teal);color:var(--bg)}.segmented-btn.side-sell.active{background:var(--red);border-color:var(--red);color:var(--bg)}.market-book-caption{margin-top:0}.order-book{background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:12px}.order-book-col{display:flex;flex-direction:column;gap:2px}.book-row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:12px;padding:2px 0}.book-price{font-weight:600}.book-price.ask{color:var(--red)}.book-price.bid{color:var(--teal)}.book-qty{color:var(--muted)}.order-book-mid{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--text);border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);padding:6px 0;margin:4px 0}.book-mid-label{font-family:var(--font-body);font-size:10px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.market-qty-symbol{flex-shrink:0;font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--muted);padding:0 4px}.market-summary-card{margin-top:12px}.market-summary-value{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text)}.market-depth-note{margin:0;font-size:11px;color:var(--amber)}.confirm-btn-sell{background:var(--red);color:#2a0a0a}