/* Air direction for the real app. */
:root {
  --paper: #edf6ff;
  --ink: #102847;
  --muted: #617994;
  --soft: #e5f3ffb8;
  --line: #bed8f1;
  --lime: #1559db;
  --lime-2: #0f4fc5;
}
body {
  background:
    radial-gradient(ellipse 44% 30% at 86% 13%, #b0d8ffa6, transparent 100%),
    radial-gradient(ellipse 37% 34% at 10% 63%, #c4eaff92, transparent 100%),
    linear-gradient(155deg, #fcfeff, #e9f6ff 51%, #e9f2fe);
  background-attachment: fixed;
}
.topbar {
  position: sticky;
  top: 12px;
  width: min(1224px, calc(100% - 32px));
  height: 62px;
  margin: 12px auto 0;
  padding: 0 21px;
  border: 1px solid #ffffffdf;
  border-radius: 18px;
  background: linear-gradient(125deg, #ffffffb9, #ffffff83 55%, #ffffffa0);
  box-shadow: 0 12px 36px #457dbd17, inset 0 1px 2px #fff;
  -webkit-backdrop-filter: blur(32px) saturate(145%);
  backdrop-filter: blur(32px) saturate(145%);
}
.topbar nav a[aria-current="page"]::after { bottom: 3px; }
.topbar nav a small { margin-left: 5px; color: #7088a3; font-size: 9px; font-weight: 650; }
.mobile-nav { display: none; }
@media (max-width: 980px) {
  .topbar { gap: 10px; }
  .topbar > nav { display: none; }
  .topbar .brand { margin-right: auto; }
  .mobile-nav { display: block; order: 2; flex: none; }
  .mobile-nav > summary { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #c7ddf2; border-radius: 10px; background: #ffffffbc; color: #153c73; cursor: pointer; list-style: none; }
  .mobile-nav > summary::-webkit-details-marker { display: none; }
  .mobile-nav > summary:focus-visible { outline: 3px solid #4b88e6; outline-offset: 2px; }
  .mobile-nav > summary span, .mobile-nav > summary span::before, .mobile-nav > summary span::after { display: block; width: 17px; height: 2px; border-radius: 2px; background: currentColor; content: ''; }
  .mobile-nav > summary span::before { transform: translateY(-5px); }
  .mobile-nav > summary span::after { transform: translateY(3px); }
  .mobile-nav[open] > summary { border-color: #78aaf0; background: #e7f2ff; }
  .topbar .mobile-nav nav { position: absolute; top: calc(100% + 8px); right: 0; z-index: 80; display: grid; align-items: stretch; gap: 3px; width: min(280px, calc(100vw - 24px)); padding: 8px; border: 1px solid #d0e3f6; border-radius: 15px; background: #f9fcff; box-shadow: 0 20px 46px #23558230; }
  .topbar .mobile-nav nav a { display: block; height: auto; padding: 12px 14px; border-radius: 9px; color: #193b60; font-size: 14px; font-weight: 650; text-decoration: none; }
  .topbar .mobile-nav nav a:hover, .topbar .mobile-nav nav a:focus-visible, .topbar .mobile-nav nav a[aria-current="page"] { background: #e7f2ff; color: #1559db; }
  .topbar .mobile-nav nav a::after { display: none; }
}
@media (max-width: 680px) {
  .topbar { gap: 6px; }
  .topbar .brand-type { display: none; }
  .topbar .top-actions .button { padding-inline: 9px; white-space: nowrap; }
}
.network-control { background: #ffffff9c; border-color: #ffffffdb; }
.button.primary,
.button.dark {
  color: #fff;
  background: linear-gradient(165deg, #337ff4 0%, #1459d9 55%, #1246bd 100%);
  border: 1px solid #0e4fcb;
  border-radius: 10px;
  box-shadow: 0 7px 16px #1659d62e, inset 0 1px 1px #ffffff70;
}
.button.primary:hover:not(:disabled),
.button.dark:hover:not(:disabled) { background: linear-gradient(165deg, #3988ff, #0d4cc2); }
.button.light { border-color: #c7ddf2; background: #ffffffbc; }
.hero { min-height: 540px; padding-top: 65px; }
.hero::before { background: radial-gradient(circle, #b5d8ff8d, transparent 69%); opacity: 1; }
.hero h1 { color: #102847; font-weight: 630; }
.hero h1 span { color: #1559d9; }
.hero-lede { color: #617994; }
.eyebrow,.section-kicker { color: #4270a8; }
.hero-visual {
  border: 1px solid #ffffffdc;
  border-radius: 25px;
  background: linear-gradient(145deg, #ffffffad, #e7f4ff74 58%, #d3e8ff9b);
  box-shadow: 0 25px 58px #3e78b925, inset 0 1px 2px #fff;
  -webkit-backdrop-filter: blur(30px) saturate(135%);
  backdrop-filter: blur(30px) saturate(135%);
}
.hero-visual::after { background: #6baafa; opacity: .16; }
.orbit { border-color: #7ba9e878; }
.orbit::after { background: #2a72e6; box-shadow: 0 0 20px #5a9cfa; }
.swap-core {
  border-color: #b7d7ff;
  background: radial-gradient(circle at 35% 30%, #ffffffdd, #deedffb8 74%);
  box-shadow: 0 0 0 12px #ffffff4a, 0 18px 55px #387bc32b;
}
.swap-core strong { color: #102847; }
.core-arrow { color: #1559db; }
.visual-label {
  border-color: #ffffffc9;
  background: #ffffffb5;
  color: #102847;
  box-shadow: 0 8px 25px #3573bd21;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.visual-label span,.chain-pill { color: #617994; }
.chain-pill span { background: #1559db; }
.home-cta {
  border-color: #ffffffd9;
  border-radius: 19px;
  background: linear-gradient(145deg, #ffffffad, #e8f4ff8c);
  box-shadow: 0 17px 47px #3e78b918, inset 0 1px 2px #fff;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}
.home-market-main { min-width: 0; }
.home-market-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 470px; margin-top: 23px; }
.home-market-stats > div { display: grid; gap: 3px; min-width: 0; }
.home-market-stats strong { color: #1559d9; font-size: 25px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; }
.home-market-stats span { color: #6b83a0; font-size: 10px; font-weight: 650; white-space: nowrap; }
.home-cta .home-market-note { margin-top: 10px; color: #6b83a0; font-size: 11px; }
@media (max-width: 680px) {
  .home-market-stats { gap: 8px; }
  .home-market-stats strong { font-size: 21px; }
  .home-market-stats span { font-size: 9px; white-space: normal; }
}
.market { background: transparent; color: #102847; }
.section-head .section-kicker { color: #4270a8; }
.section-head h2 { color: #102847; font-weight: 630; }
.section-head>div>p:last-child { color: #617994; }
.summary,.pool-card,.loading-card,.empty-list {
  border: 1px solid #ffffffd9;
  background: linear-gradient(145deg, #ffffffac, #e7f4ff77 58%, #d9eaff91);
  box-shadow: 0 17px 47px #3e78b923, inset 0 1px 2px #fff, inset 0 -1px 1px #8ebaf03c;
  -webkit-backdrop-filter: blur(30px) saturate(135%);
  backdrop-filter: blur(30px) saturate(135%);
}
.summary { border-radius: 18px; }
.summary>div { border-color: #d1e0f1; }
.summary strong { color: #12365e; font-weight: 650; }
.summary span,.summary small { color: #6b83a0; }
.search,.filters,.icon-refresh {
  border: 1px solid #ffffffdc;
  border-radius: 11px;
  background: #ffffffaa;
  box-shadow: inset 0 1px 1px #fff;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.filters button.selected { color: #1458d7; background: #dceaff; }
.toolbar { grid-template-columns: minmax(240px, 1fr) 188px auto auto; }
.chain-filter { position: relative; width: 100%; min-width: 0; color: #193b60; font-size: 12px; font-weight: 650; }
.chain-filter[open] { z-index: 30; }
.chain-filter-trigger { display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 46px; padding: 0 13px; border: 1px solid #ffffffdc; border-radius: 11px; background: #ffffffaa; box-shadow: inset 0 1px 1px #fff; cursor: pointer; list-style: none; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.chain-filter-trigger::-webkit-details-marker { display: none; }
.chain-filter-trigger:hover,.chain-filter[open] .chain-filter-trigger { border-color: #afcdf3; background: #ffffffd9; }
.chain-filter-trigger:focus-visible { outline: 3px solid #76a9ff; outline-offset: 2px; }
.chain-filter-chevron { width: 8px; height: 8px; flex: none; margin-right: 3px; border-right: 1.6px solid #416285; border-bottom: 1.6px solid #416285; transform: translateY(-2px) rotate(45deg); transition: transform .16s; }
.chain-filter[open] .chain-filter-chevron { transform: translateY(2px) rotate(225deg); }
.chain-filter-menu { position: absolute; top: calc(100% + 8px); left: 0; width: 248px; max-width: min(90vw, 300px); padding: 8px; border: 1px solid #d4e5f7; border-radius: 15px; background: #f9fcfffa; box-shadow: 0 20px 46px #23558230, inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
.chain-filter-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 8px 10px 11px; color: #16375c; font-size: 12px; }
.chain-filter-heading small { color: #7b97b2; font-size: 10px; font-weight: 600; }
.chain-filter-option { position: relative; display: flex; align-items: center; gap: 9px; min-height: 39px; padding: 7px 9px; border-radius: 9px; color: #244769; cursor: pointer; }
.chain-filter-option:not(.disabled):hover,.chain-filter-option:has(input:checked) { background: #eaf3ff; }
.chain-filter-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.chain-filter-check { display: grid; place-items: center; width: 17px; height: 17px; flex: none; border: 1.5px solid #a9c5e2; border-radius: 5px; background: #fff; color: #fff; font-size: 12px; line-height: 1; }
.chain-filter-option input:checked + .chain-filter-check { border-color: #1859d7; background: #1859d7; }
.chain-filter-option input:checked + .chain-filter-check::after { content: '✓'; }
.chain-filter-option input:focus-visible + .chain-filter-check { outline: 3px solid #76a9ff; outline-offset: 2px; }
.chain-filter-option img { width: 18px; height: 18px; flex: none; border-radius: 50%; object-fit: cover; }
.chain-filter-option img.chain-filter-solana { border-radius: 0; object-fit: contain; }
.chain-filter-divider { height: 1px; margin: 5px 8px; background: #dce8f5; }
.chain-filter-option.disabled { color: #8ca1b5; cursor: not-allowed; }
.chain-filter-option.disabled img { opacity: .55; }
.chain-filter-soon { margin-left: auto; color: #91a4b7; font-size: 10px; font-weight: 650; }
.chain-filter-soon[hidden] { display: none; }
.pool-chain-badge { display: inline-flex; align-items: center; justify-self: start; gap: 5px; width: max-content; max-width: 100%; margin-top: 3px; padding: 3px 7px 3px 4px; border: 1px solid #d5e4f4; border-radius: 999px; background: #f4f9ff; color: #42658a !important; font-size: 9px !important; font-weight: 700; line-height: 1; }
.pool-chain-badge img { display: block; width: 13px; height: 13px; border-radius: 50%; object-fit: cover; }
.pool-chain-badge.chain-bsc { border-color: #efdfa1; background: #fff9e7; color: #80640b !important; }
.pool-chain-badge.chain-solana { border-color: #dccbf3; background: #f6efff; color: #6e46a4 !important; }
.pools-page:not(.pool-detail-page) .pool-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.pool-card { min-width: 0; padding: 23px; border-radius: 19px; }
.pool-card:hover { border-color: #e8f6ff; background: #ffffffc2; box-shadow: 0 22px 50px #3e78b936, inset 0 1px 2px #fff; }
.pools-page:not(.pool-detail-page) .pool-card { display: flex; flex-direction: column; min-height: 280px; }
.pool-card .pool-head { min-height: 50px; }
.pool-card .pool-title strong { overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.pool-head-status { display: grid; justify-items: end; gap: 6px; }
.pool-head-status .pool-chain-badge { justify-self: end; margin-top: 0; }
.pool-head .status:has(.burn-indicator),.detail-top-actions .status:has(.burn-indicator) { gap: 6px; }
.burn-indicator { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 2px 5px; border: 1px solid #e9bd9c; border-radius: 4px; background: #fff7ef; color: #a55123; cursor: help; font-size: 9px; font-weight: 750; letter-spacing: .04em; line-height: 1; text-transform: uppercase; }
.burn-indicator::after { position: absolute; z-index: 10; right: -8px; bottom: calc(100% + 9px); width: max-content; max-width: 230px; padding: 8px 10px; border-radius: 8px; background: #102847; box-shadow: 0 8px 24px #10284738; color: #fff; content: attr(data-tooltip); font-size: 11px; font-weight: 500; letter-spacing: normal; line-height: 1.35; text-align: left; text-transform: none; white-space: normal; opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity .15s, transform .15s; visibility: hidden; }
.burn-indicator:hover::after,.burn-indicator:focus-visible::after { opacity: 1; transform: translateY(0); visibility: visible; }
.burn-indicator:focus-visible { outline: 2px solid #1559db; outline-offset: 3px; border-radius: 2px; }
.pool-card .pool-primary { margin-top: 16px; }
.pool-primary { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: 23px; }
.pool-budget, .pool-market { min-width: 0; }
.pool-budget > div { display: grid; gap: 5px; }
.pool-budget span, .pool-market span, .pool-secondary span { color: #7890aa; font-size: 9px; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }
.pool-budget strong { overflow: hidden; color: #12365e; font-size: clamp(19px, 2vw, 27px); text-overflow: ellipsis; white-space: nowrap; }
.pool-budget strong .pool-budget-unit { color: inherit; font-size: .5em; font-weight: inherit; letter-spacing: 0; text-transform: none; }
.pool-budget small { display: none; }
.pool-market { display: grid; gap: 5px; text-align: right; }
.pool-market .market-delta { color: #168e67; font-size: clamp(19px, 2vw, 27px); line-height: 1.2; }
.pool-market .market-delta.down { color: #cf4b65; }
.pool-market .market-delta.neutral { color: #7890aa; }
.pool-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 25px; padding-bottom: 17px; }
.pool-secondary > div { display: grid; gap: 5px; min-width: 0; }
.pool-secondary > div:last-child { justify-items: end; text-align: right; }
.pool-secondary strong { overflow: hidden; color: #193b60; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.pool-secondary small { display: none; }
.pool-card .pool-foot { align-items: center; margin-top: auto; padding-top: 14px; border-top: 1px solid #ccdef0; font-size: 12px; }
.pool-time { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 10px; border: 1px solid transparent; border-radius: 999px; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pool-time.live { border-color: #bcebd4; background: #e1f7e9; color: #16805a; }
.pool-time.scheduled { border-color: #c7d9f9; background: #e8f0ff; color: #245fc5; }
.pool-time.closed { border-color: #dbe5ee; background: #edf2f7; color: #687b91; }
.pool-card .pool-view { color: #1559db; font-weight: 700; white-space: nowrap; }
.pool-title strong { color: #102847; }
.pool-title span,.pool-foot,.pool-metrics span,.pool-metrics small { color: #6b83a0; }
.pool-metrics { grid-template-columns: 1fr 1fr; border-color: #cddff3; }
.pool-metrics>div { border-color: #cddff3; }
.pool-metrics>div:nth-child(3) { grid-column: 1 / -1; padding: 12px 0 0; border-left: 0; border-top: 1px solid #cddff3; }
.pool-metrics strong { color: #102847; }
.pool-foot span:last-child { color: #1559db; }
.status.live { color: #16805a; background: #e0f5ea; }
.status.scheduled { color: #245fc5; background: #e8f0ff; }
.status.closed { color: #687b91; background: #edf2f7; }
.token-icon { border-color: #fff; box-shadow: 0 5px 15px #315a9821; }
.standalone-footer { background: #ffffff8d; border-color: #cbdcf1; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
dialog#create-dialog,.wallet-dialog,.token-picker-dialog,.funding-dialog {
  border-color: #ffffffdf;
  border-radius: 21px;
  background: linear-gradient(145deg, #ffffffde, #e5f3ffce);
  box-shadow: 0 27px 80px #153f7b3c, inset 0 1px 2px #fff;
  -webkit-backdrop-filter: blur(32px) saturate(135%);
  backdrop-filter: blur(32px) saturate(135%);
}
/* Keep the create form scrollable without the native grey scrollbar and gutter. */
html:has(dialog#create-dialog[open]) { overflow: hidden; }
dialog#create-dialog { scrollbar-width: none; -ms-overflow-style: none; }
dialog#create-dialog::-webkit-scrollbar { display: none; width: 0; height: 0; }
dialog#create-dialog::backdrop,.wallet-dialog::backdrop,.token-picker-dialog::backdrop,.funding-dialog::backdrop { background: #173b6970; backdrop-filter: blur(8px); }
.form-network,.fee-row,.settlement-choice { background: #ffffff98; border-color: #d2e4f6; border-radius: 11px; }
.form-grid input,.form-grid select,.token-preview,.styled-select-trigger,.amount-control { border-color: #c7ddf2; background: #ffffffc7; border-radius: 10px; }
.token-picker-row,.wallet-option { background: #ffffffbc; border-color: #d1e3f5; border-radius: 11px; }
.wallet-dialog .wallet-option--account,.wallet-dialog .wallet-option--add,.wallet-dialog .wallet-option--back { min-height: 72px; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 14px; padding: 11px 14px; border-radius: 14px; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease; }
.wallet-dialog .wallet-option--account:hover,.wallet-dialog .wallet-option--add:hover,.wallet-dialog .wallet-option--back:hover { transform: translateY(-1px); box-shadow: 0 9px 22px #28558c16; }
.wallet-dialog .wallet-option--account:focus-visible,.wallet-dialog .wallet-option--add:focus-visible,.wallet-dialog .wallet-option--back:focus-visible { outline: 3px solid #76a9ff; outline-offset: 2px; }
.wallet-dialog .wallet-option--account .wallet-option-mark,.wallet-dialog .wallet-option--add .wallet-option-mark,.wallet-dialog .wallet-option--back .wallet-option-mark { width: 46px; height: 46px; border-radius: 13px; }
.wallet-dialog .wallet-option--account .wallet-option-mark { background: linear-gradient(135deg, #2979e9, #6a61d8); color: #fff; box-shadow: 0 5px 12px #3668ca32; font-size: 13px; letter-spacing: .06em; }
.wallet-dialog .wallet-option--add { border-style: dashed; background: #f5f9ffcf; }
.wallet-dialog .wallet-option--add .wallet-option-mark { border: 1px solid #c7dcfa; background: #e7f1ff; color: #1762ca; font-size: 25px; font-weight: 500; }
.wallet-dialog .wallet-option--back { grid-template-columns: 46px minmax(0, 1fr); border-color: #d9e4ef; background: #ffffff8c; }
.wallet-dialog .wallet-option--back .wallet-option-mark { border: 1px solid #dbe6ef; background: #edf3f9; color: #5a7593; font-size: 23px; font-weight: 500; }
.wallet-dialog .wallet-option--back .wallet-option-arrow { display: none; }
.wallet-dialog .wallet-option--account.selected .wallet-option-copy small::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #23a47b; vertical-align: 1px; }
.wallet-dialog .wallet-option--account .wallet-option-copy strong,.wallet-dialog .wallet-option--add .wallet-option-copy strong,.wallet-dialog .wallet-option--back .wallet-option-copy strong { font-size: 13px; }
.wallet-dialog .wallet-option--account .wallet-option-copy small,.wallet-dialog .wallet-option--add .wallet-option-copy small,.wallet-dialog .wallet-option--back .wallet-option-copy small { font-size: 10px; }
.docs-page { color: #102847; }
.principles article { align-items: baseline; }
.docs-section { background: #ffffffa6; border-color: #ffffffdb; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
/* Pool details use the same Air surfaces; all figures and participants remain live data. */
.pool-detail-page .content-grid { max-width: 1224px; }
.pool-detail-page .detail { min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.pool-detail-page .detail-back { margin-inline-start: max(0px, calc((100% - 1224px) / 2)); color: #1559db; }
.detail-air-layout { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr); gap: 18px; align-items: start; }
.detail-air-overview, .detail-air-action, .wallet-participation, .pool-detail-page .participants {
  min-width: 0; padding: 27px; border: 1px solid #ffffffdc; border-radius: 20px;
  background: linear-gradient(145deg, #ffffffba, #e8f5ff8c 65%, #dcefff8a);
  box-shadow: 0 17px 47px #3e78b923, inset 0 1px 2px #fff;
  -webkit-backdrop-filter: blur(30px) saturate(135%); backdrop-filter: blur(30px) saturate(135%);
}
.pool-detail-page .detail-top { align-items: start; gap: 12px; margin-bottom: 22px; color: #7890aa; }
.pool-detail-page .detail-token-icon { width: 58px; height: 58px; border: 3px solid #fff; font-size: 21px; }
.pool-detail-page .detail-token-identity { display: flex; align-items: center; flex: 1; gap: 12px; min-width: 0; }
.pool-detail-page .detail-token-identity .detail-token-icon { flex: none; }
.pool-detail-page .detail-token-address { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 10px; min-width: 0; max-width: 100%; padding: 7px 10px; border: 1px solid #d4e6f7; border-radius: 9px; background: #ffffff9c; color: #173b63; text-align: left; text-transform: none; letter-spacing: normal; }
button.detail-token-address { cursor: pointer; }
button.detail-token-address:hover { border-color: #85b2eb; background: #fff; }
button.detail-token-address:focus-visible { outline: 2px solid #1559db; outline-offset: 2px; }
.pool-detail-page .detail-token-address>span:first-child { font-size: 10px; font-weight: 650; color: #7890aa; }
.pool-detail-page .detail-token-address strong { grid-column: 1 / -1; overflow: hidden; font-size: 11px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.pool-detail-page .detail-token-copy { grid-column: 2; grid-row: 1; color: #1559db; font-size: 10px; font-weight: 750; }
.pool-detail-page .detail-top-actions { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.pool-detail-page .detail-pair { display: block; }
.pool-detail-page .detail-pair h2 { color: #102847; font-size: clamp(28px, 2.7vw, 36px); }
.pool-detail-page .detail-pair p { color: #6b83a0; }
.pool-detail-page .value-box { margin: 36px 0 28px; padding: 25px; border-color: #d4e6f7; border-radius: 14px; background: #ffffff91; }
.pool-detail-page .value-box strong { color: #102847; }
.pool-detail-page .value-box.has-funding-action { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.pool-detail-page .value-copy { display: grid; gap: 6px; min-width: 0; }
.pool-detail-page .budget-add-funding { flex: none; white-space: nowrap; }
.funding-dialog { width: min(450px, calc(100% - 28px)); max-height: calc(100vh - 28px); padding: 0; color: #102847; }
.funding-dialog form { padding: 26px; }
.funding-dialog .dialog-head h2 { font-size: 27px; }
.funding-dialog .dialog-head p:last-child { max-width: 330px; color: #6b83a0; font-size: 11px; line-height: 1.5; }
.funding-dialog-amount { display: grid; gap: 8px; margin-top: 25px; color: #315f98; font-size: 11px; font-weight: 700; }
.funding-dialog .amount-control { height: 52px; border-color: #c7ddf2; background: #ffffffc7; }
.funding-dialog .amount-control input { color: #102847; outline: none; }
.funding-dialog .amount-control:focus-within { border-color: #4688eb; box-shadow: 0 0 0 3px #4688eb21; }
.funding-dialog #additional-burn-choice > span { font-size: 12px; font-weight: 600; line-height: 1.4; }
.funding-dialog-note { margin: 15px 0 20px; color: #6b83a0; font-size: 11px; line-height: 1.6; }
.funding-dialog .dialog-actions { margin-top: 0; }
.pool-detail-page .facts { margin-bottom: 0; padding: 20px 0; border-top: 1px solid #cadef0; border-bottom: 1px solid #cadef0; }
.pool-detail-page .facts .live strong { color: #16805a; }
.pool-detail-page .facts .scheduled strong { color: #245fc5; }
.pool-detail-page .facts .closed strong { color: #687b91; }
.pool-detail-page .facts strong { color: #193b60; }
.pool-detail-page .facts > div:first-child strong { font-variant-numeric: tabular-nums; }
.pool-detail-page .facts .detail-market-fact strong { color: #168e67; }
.pool-detail-page .facts .detail-market-fact strong.down { color: #cf4b65; }
.pool-detail-page .facts .detail-market-fact strong.neutral { color: #7890aa; }
.detail-activity { margin-top: 26px; }
.detail-activity h3 { margin: 0 0 12px; color: #102847; font-size: 13px; }
.detail-activity-rows { display: grid; gap: 12px; }
.detail-activity-rows > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-width: 0; font-size: 11px; }
.detail-activity-rows span { color: #6b83a0; }
.detail-activity-rows strong { color: #193b60; font-weight: 650; text-align: right; }
.detail-activity-rows a { color: #1559db; font-weight: 700; text-decoration: none; white-space: nowrap; }
.detail-activity-rows a:hover { text-decoration: underline; }
.funding-history { margin-top: 24px; padding-top: 22px; border-top: 1px solid #cadef0; }
.funding-history h3 { margin: 0 0 4px; color: #102847; font-size: 13px; }
.funding-history > p { margin: 0 0 14px; color: #6b83a0; font-size: 11px; }
.funding-history-list { display: grid; gap: 8px; color: #6b83a0; font-size: 11px; }
.funding-history-row { min-width: 0; padding: 12px; border: 1px solid #d3e3f2; border-radius: 11px; background: #ffffff91; }
.funding-history-top, .funding-history-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 12px; }
.funding-history-top { color: #193b60; font-size: 12px; }
.funding-history-top strong:last-child { font-variant-numeric: tabular-nums; }
.funding-history-meta { margin-top: 8px; color: #6b83a0; font-size: 10px; }
.funding-history a { color: #1559db; font-weight: 650; text-decoration: none; }
.funding-history a:hover { text-decoration: underline; }
.funding-history > a { display: inline-block; margin-top: 12px; font-size: 11px; }
.detail-air-action h3 { margin: 0 0 18px; color: #102847; font-size: 19px; }
.detail-air-action .participation-limits { margin: 0 0 21px; padding: 0; border: 0; background: transparent; }
.detail-air-action .participation-limits > strong, .detail-air-action .participation-limits > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.detail-air-action .participation-limits-grid { margin: 0; }
.detail-air-action .participation-limits-grid > div { background: #ffffffa9; }
.detail-air-action .participation-limits-grid span { font-size: 9px; text-transform: uppercase; }
.detail-air-action .participation-limits-grid strong { font-size: 12px; }
.detail-air-action .amount-label { margin-top: 22px; font-size: 11px; }
.detail-air-action .estimate { margin: 21px 0; padding: 15px 0; border-top: 1px solid #cadef0; border-bottom: 1px solid #cadef0; border-radius: 0; background: transparent; }
.detail-air-action .estimate div { font-size: 11px; }
.pool-detail-page .amount-control, .pool-detail-page .estimate, .pool-detail-page .creator-actions .button { border-color: #c7ddf2; background: #ffffffa8; }
.pool-detail-page .amount-control input, .pool-detail-page .estimate strong { color: #102847; }
.detail-air-action .estimate { background: transparent; }
.settlement-content { display: grid; gap: 15px; }
.settlement-claim { display: grid; gap: 9px; padding: 19px; border: 1px solid #c6dcf5; border-radius: 14px; background: #fffefa; }
.settlement-claim > span { color: #6b83a0; font-size: 11px; font-weight: 700; }
.settlement-claim > strong { color: #102847; font-size: clamp(22px, 2vw, 28px); font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.settlement-claim > .settlement-token-amount { color: #193b60; font-size: 15px; font-weight: 700; }
.settlement-claim .button { margin-top: 7px; }
.settlement-claim .button[hidden] { display: none; }
.settlement-empty { margin: 0; color: #6b83a0; font-size: 12px; line-height: 1.55; }
.settlement-other-actions { display: grid; gap: 9px; }
.settlement-other-actions .button { width: 100%; min-height: 42px; border-color: #c7ddf2; background: #ffffffa8; color: #193b60; font-size: 12px; }
.pool-detail-page .action-note { color: #6b83a0; }
.detail-air-records { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr); gap: 18px; align-items: start; margin-top: 18px; }
.wallet-participation, .pool-detail-page .participants { margin-top: 0; }
.wallet-participation::before, .pool-detail-page .participants::before { display: block; margin-bottom: 7px; color: #537cab; font-size: 9px; font-weight: 750; letter-spacing: .13em; }
.wallet-participation::before { content: 'YOUR WALLET'; }
.pool-detail-page .participants::before { content: 'ONCHAIN ACTIVITY'; }
.pool-detail-page .pool-event-feed::before { display: none; }
.pool-detail-page .pool-event-feed .participants-head { gap: 12px; margin-bottom: 16px; }
.pool-activity-switch { display: inline-flex; gap: 2px; margin-left: auto; padding: 3px; border: 1px solid #cbdff2; border-radius: 9px; background: #ffffff9c; }
.pool-activity-switch button { min-height: 30px; padding: 5px 10px; border: 0; border-radius: 6px; background: transparent; color: #6685a5; cursor: pointer; font: inherit; font-size: 10px; font-weight: 750; }
.pool-activity-switch button.selected { background: #e5efff; color: #1559db; }
.pool-activity-switch button:focus-visible { outline: 2px solid #1559db; outline-offset: 2px; }
.pool-activity-panel[hidden] { display: none; }
.pool-event-labels, .pool-event-row { display: grid; grid-template-columns: 92px minmax(92px,1fr) minmax(72px,.85fr) minmax(96px,1.05fr); align-items: center; gap: 8px; }
.pool-participant-labels, .pool-participant-row { display: grid; grid-template-columns: minmax(155px,1.5fr) minmax(75px,.8fr) minmax(75px,.8fr) minmax(80px,.9fr); align-items: center; gap: 10px; }
.pool-event-labels, .pool-participant-labels { padding: 0 0 9px; color: #819ab3; font-size: 9px; font-weight: 750; text-transform: uppercase; }
.pool-event-row, .pool-participant-row { min-height: 60px; padding: 16px 0; border-top: 1px solid #d3e3f2; color: #193b60; font-size: 11px; }
.pool-participant-row > strong { color: #193b60; font-size: 11px; font-variant-numeric: tabular-nums; }
.pool-participant-wallet { display: grid; grid-template-columns: 108px max-content; align-items: center; gap: 8px; min-width: 0; }
.pool-participant-wallet > strong { overflow: hidden; color: #193b60; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.pool-participant-wallet .participant-state { flex: none; }
.pool-event-row time { color: #7890aa; font-variant-numeric: tabular-nums; }
.pool-event-row strong { color: #193b60; font-size: 11px; font-variant-numeric: tabular-nums; }
.pool-event-wallet { overflow: hidden; color: #193b60; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pool-event-type { justify-self: start; padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 750; white-space: nowrap; }
.pool-event-type.deposit { background: #e7f0ff; color: #195ad5; }
.pool-event-type.funding { background: #e9f7ed; color: #17864f; }
.pool-activity-note { margin: 9px 0 0; color: #6b83a0; font-size: 11px; }
.wallet-participation-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 17px; }
.wallet-participation-head strong, .pool-detail-page .participants-head strong { color: #102847; font-size: 17px; }
.wallet-participation-head > span:not(.participant-state) { margin-left: auto; color: #6b83a0; font-size: 12px; }
.wallet-participation-empty { padding: 18px; border: 1px dashed #c8dced; border-radius: 11px; color: #6b83a0; font-size: 12px; }
.wallet-participation-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wallet-participation-stats > div { display: grid; gap: 7px; min-width: 0; }
.wallet-participation-stats span { color: #7890aa; font-size: 10px; text-transform: uppercase; }
.wallet-participation-stats strong { overflow: hidden; color: #102847; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.pool-detail-page .participants { border-top-color: #ffffffdc; }
.pool-detail-page .participant-row { grid-template-columns: minmax(145px,.8fr) minmax(0,1.5fr); gap: 14px; border-color: #d3e3f2; }
.participant-index { display: inline-block; width: 24px; color: #8aa3be; font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pool-detail-page .participant-stats { grid-template-columns: minmax(0,1fr) minmax(60px,.55fr) minmax(0,1fr); }
.pool-detail-page .participant-stats strong, .pool-detail-page .participant-identity strong { color: #193b60; }
.pool-detail-page .participant-pagination button { width: 104px; border-color: #c7ddf2; background: #ffffffa8; color: #1559db; text-align: center; }
.pool-detail-page .contract-meta { color: #6b83a0; }
.detail-skeleton-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.detail-skeleton-grid { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr); gap: 18px; align-items: start; }
.detail-skeleton-card { display: grid; align-content: start; gap: 17px; min-width: 0; padding: 27px; border: 1px solid #ffffffdc; border-radius: 20px; background: linear-gradient(145deg, #ffffffba, #e8f5ff8c 65%, #dcefff8a); box-shadow: 0 17px 47px #3e78b923, inset 0 1px 2px #fff; -webkit-backdrop-filter: blur(30px) saturate(135%); backdrop-filter: blur(30px) saturate(135%); }
.detail-skeleton-overview { min-height: 540px; }
.detail-skeleton-action { min-height: 365px; }
.detail-skeleton-records, .detail-skeleton-wallet { min-height: 175px; }
.detail-skeleton-card .skeleton-line, .detail-skeleton-card .skeleton-circle, .detail-skeleton-card .skeleton-box { display: block; background: linear-gradient(100deg, #d2e5f4a8 20%, #ffffffd9 45%, #d2e5f4a8 70%); background-size: 240% 100%; animation: detail-skeleton-shimmer 1.8s ease-in-out infinite; }
.detail-skeleton-card .skeleton-line { width: 70%; height: 13px; border-radius: 7px; }
.detail-skeleton-card .skeleton-circle { width: 58px; height: 58px; margin-bottom: 12px; border-radius: 50%; }
.detail-skeleton-card .skeleton-title { width: 48%; height: 28px; border-radius: 9px; }
.detail-skeleton-card .skeleton-subtitle { width: 36%; height: 12px; }
.detail-skeleton-card .skeleton-box { width: 100%; height: 115px; margin: 12px 0; border-radius: 14px; }
.detail-skeleton-card .skeleton-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; padding: 23px 0; border-block: 1px solid #cadef0; }
.detail-skeleton-card .skeleton-metrics .skeleton-line { width: 86%; height: 16px; }
.detail-skeleton-card .skeleton-activity { width: 57%; margin-top: 8px; }
.detail-skeleton-card .skeleton-activity-short { width: 41%; }
.detail-skeleton-action .skeleton-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; border: 0; }
.detail-skeleton-action .skeleton-metrics .skeleton-box { height: 66px; margin: 0; }
.detail-skeleton-action .skeleton-input { height: 48px; margin: 0; }
.detail-skeleton-action .skeleton-button { height: 54px; margin: 8px 0 0; }
.detail-skeleton-records .skeleton-line:not(.skeleton-title) { width: 100%; height: 24px; }
.detail-skeleton-records .skeleton-line:last-child { width: 75%; }
.detail-skeleton-wallet .skeleton-box { height: 56px; margin: 4px 0 0; }
@keyframes detail-skeleton-shimmer { to { background-position-x: -240%; } }
@media (prefers-reduced-motion: reduce) { .detail-skeleton-card .skeleton-line, .detail-skeleton-card .skeleton-circle, .detail-skeleton-card .skeleton-box { animation: none; } }
@media(max-width:1100px) { .pools-page:not(.pool-detail-page) .pool-list { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:1000px) { .detail-air-layout, .detail-air-records, .detail-skeleton-grid { grid-template-columns: 1fr; } .detail-air-records .wallet-participation.has-participation { order: -1; } }
@media(max-width:740px) { .pools-page:not(.pool-detail-page) .pool-list { grid-template-columns: 1fr; } }
@media(max-width:740px) {
  .toolbar { grid-template-columns: minmax(0, 1fr) 46px; }
  .toolbar .search { grid-column: 1; grid-row: 1; }
  .toolbar .icon-refresh { grid-column: 2; grid-row: 1; }
  .toolbar .chain-filter { grid-column: 1 / -1; grid-row: 2; }
  .chain-filter-menu { width: 100%; max-width: none; }
  .toolbar .filters { grid-column: 1 / -1; grid-row: 3; }
}
@media(max-width:680px) {
  .topbar { top: 8px; width: calc(100% - 16px); height: 56px; margin-top: 8px; padding: 0 12px; border-radius: 13px; }
  .hero { padding-top: 43px; }
  .summary>div { border-color: #d1e0f1; }
  .pool-metrics { grid-template-columns: 1fr 1fr; }
  .detail-air-overview, .detail-air-action, .wallet-participation, .pool-detail-page .participants { padding: 19px; border-radius: 16px; }
  .pool-detail-page .detail-top { align-items: center; }
  .detail-skeleton-card { padding: 19px; border-radius: 16px; }
  .pool-detail-page .facts, .wallet-participation-stats { grid-template-columns: 1fr 1fr; }
  .pool-detail-page .facts > div:last-child, .wallet-participation-stats > div:last-child { grid-column: 1 / -1; }
  .pool-detail-page .participant-stats { grid-template-columns: 1fr 1fr; }
  .pool-detail-page .value-box.has-funding-action { align-items: stretch; flex-direction: column; }
  .pool-detail-page .budget-add-funding { width: 100%; }
}
@media(max-width:550px) { .pool-participant-labels, .pool-participant-row { grid-template-columns: minmax(85px,1.35fr) minmax(52px,.75fr) minmax(54px,.78fr) minmax(56px,.85fr); gap: 5px; } .pool-participant-wallet { grid-template-columns: minmax(0,1fr); gap: 3px; } .pool-participant-wallet .participant-state { justify-self: start; } }
@media(max-width:440px) { .pool-event-feed .participants-head { align-items: center; } .pool-activity-switch button { padding-inline: 7px; } .pool-event-labels, .pool-event-row { grid-template-columns: 85px minmax(86px,1fr) minmax(64px,.8fr); gap: 6px; } .pool-event-labels span:last-child, .pool-event-wallet { display: none; } .pool-event-type { padding-inline: 5px; } }