/* Inkypump Swap: page layouts on top of the shared o1 shell + extra.css */
.sw-pill{margin-left:8px;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:color-mix(in oklab,var(--color-accent) 16%,transparent);color:var(--color-accent);font-size:11px;font-weight:700;letter-spacing:.02em}
.sw-wrap{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:24px;align-items:start;justify-content:center;max-width:1040px;margin:0 auto}
.sw-main{min-width:0}.sw-side{display:flex;flex-direction:column;gap:12px;min-width:0}
@media (max-width:900px){.sw-wrap{grid-template-columns:1fr;max-width:480px}}
.sw-asset{display:flex;min-width:124px;max-width:168px;align-items:center;gap:8px;overflow:hidden;border-radius:999px;background:var(--color-bg-elevated);padding:8px;text-align:left;cursor:pointer;transition:background-color .15s}
.sw-asset:hover{background:var(--color-bg-selector-hover)}.sw-asset svg.lucide-chevron-down{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;margin-right:4px}
.sw-q{height:28px;padding:0 12px;border-radius:999px;background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s,color .15s}
.sw-q:hover{background:var(--color-bg-selector-hover);color:var(--color-text-primary)}
.sw-det{display:none;flex-direction:column;gap:8px;padding:0 12px 12px;font-size:13px;color:var(--color-text-primary)}.sw-det.open{display:flex}
#detBtn[aria-expanded="true"] svg{transform:rotate(180deg)}#detBtn svg{transition:transform .2s}
.sw-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sw-stat{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:16px;background:var(--color-bg-input)}
.sw-stat span{font-size:12px;font-weight:500;color:var(--color-text-muted)}.sw-stat b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}
.sw-card{border-radius:20px;background:var(--color-bg-input);padding:18px 20px}
.sw-card h3{font-size:15px;font-weight:700;color:var(--color-text-primary)}
.sw-card p{margin-top:6px;font-size:13px;line-height:1.55;color:var(--color-text-secondary)}
.sw-soon{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,color-mix(in oklab,var(--color-accent) 14%,var(--color-bg-input)),var(--color-bg-input))}
.sw-inky{width:84px;height:auto;flex-shrink:0;filter:drop-shadow(0 10px 24px rgba(255,79,163,.35))}
.sw-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;color:var(--color-accent)}.sw-link:hover{color:var(--color-accent-hover)}
.sw-steps{margin-top:10px;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.sw-steps li{position:relative;padding-left:30px;font-size:13px;line-height:1.5;color:var(--color-text-secondary);counter-increment:s}
.sw-steps li::before{content:counter(s);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--color-bg-elevated);color:var(--color-text-primary);font:700 11px/20px var(--font-mono);text-align:center}
.sw-steps li b{color:var(--color-text-primary);font-weight:700}
.sw-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.sw-list li{position:relative;padding-left:14px;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}
.sw-list li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--color-text-muted)}
.sw-kv{display:flex;flex-direction:column;gap:8px;border-radius:16px;background:var(--color-bg-input);padding:12px 16px;font-size:13px}
.sw-kv>div{display:flex;justify-content:space-between;gap:12px}.sw-kv span{color:var(--color-text-muted)}.sw-kv b{font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-align:right}
.sw-tier{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--color-bg-input);color:var(--color-text-secondary);font-size:12px;font-weight:600}
.sw-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 10px;text-align:center;color:var(--color-text-muted)}.sw-empty svg{width:22px;height:22px}.sw-empty p{font-size:13px;color:var(--color-text-secondary)}
.sw-range{width:100%;margin-top:12px;accent-color:var(--color-accent)}
.sw-tok{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;cursor:pointer}.sw-tok:hover{background:var(--color-bg-elevated)}
.sw-tok img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--color-bg-elevated)}
.sw-tok .t{display:flex;flex-direction:column;min-width:0;flex:1}.sw-tok .t b{font-size:15px;font-weight:700;color:var(--color-text-primary)}.sw-tok .t span{font-size:12px;color:var(--color-text-muted)}
.sw-tok .r{font-size:13px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}
.sw-tok.on{background:color-mix(in oklab,var(--color-accent) 10%,transparent)}
.sw-pools-empty td{padding:56px 16px}
@media (max-width:639px){.sw-pill{display:none}}
.sw-notice{display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid color-mix(in oklab,var(--color-warning) 35%,transparent);background:var(--color-warning-soft);padding:12px 16px;font-size:13px;line-height:1.5;color:var(--color-text-primary)}
.sw-notice>svg{color:var(--color-warning)}.sw-notice span{flex:1;min-width:0}.sw-notice b{font-weight:700}
.sw-notice a{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--color-accent);color:var(--color-accent-ink);font-size:12px;font-weight:700;white-space:nowrap}
@media (max-width:640px){.sw-notice{flex-wrap:wrap}.sw-notice span{flex:1 1 calc(100% - 28px)}.sw-notice a{margin-left:28px}}