/* nearpad theme: the Pons design system re-tokened to NEAR black / green / white, set in the stock.fun type stack
   (Unbounded for display, Geist for body, Geist Mono for figures). Loaded after pons.css so every token wins. */
[data-ds=pons-v2]{
  --near:#00EC97;
  --p-acid:var(--near);--p-grass:#5CF5BE;--p-violet:#9DF5D6;--p-pink:#FF5E5E;--p-sky:#BFEEE0;
  --p-bleach:#FFFFFF;--p-moss:#000000;--p-deep:#00261A;
  --p-font:"Geist","Geist Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;
  --p-font-display:"Unbounded","Geist",sans-serif;
  --p-font-mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;
  --p-weight-body:500;--p-weight-display:900;--p-weight-figure:900;
  --p-tracking-display:-.02em;--p-tracking-figure:-.03em;
  --p-fill-ink:#000;--p-fill-ink-muted:#00000073;
}
[data-ds=pons-v2][data-p-theme=dark]{
  --p-bg:#000000;--p-surface:#0A0A0A;--p-surface-raised:#141414;--p-surface-inset:#FFFFFF0F;
  --p-ink:#FFFFFF;--p-ink-muted:#FFFFFFA6;--p-ink-subtle:#FFFFFF7A;--p-line:#FFFFFF1A;--p-line-strong:#FFFFFF3D;
  --p-accent:var(--near);--p-accent-ink:#000000;--p-accent-hover:#33F0AB;--p-accent-quiet:#00EC9726;
  --p-positive:var(--near);--p-info:#BFEEE0;--p-notice:#9DF5D6;--p-critical:#FF5E5E;
  --p-shadow:0 1px 2px #00000080,0 8px 24px #00000066,0 24px 48px #00000055;
  --p-shadow-raised:0 2px 4px #00000080,0 12px 32px #00000070,0 32px 64px #00000060;
  --p-grain-opacity:.35;color-scheme:dark
}
[data-ds=pons-v2][data-p-theme=light]{
  --p-bg:#FFFFFF;--p-surface:#FFFFFF;--p-surface-raised:#FFFFFF;--p-surface-inset:#0000000D;
  --p-ink:#000000;--p-ink-muted:#000000B8;--p-ink-subtle:#00000099;--p-line:#00000021;--p-line-strong:#00000047;
  --p-accent:var(--near);--p-accent-ink:#000000;--p-accent-hover:#00D488;--p-accent-quiet:#00EC9733;
  --p-positive:#00B874;--p-critical:#E04848;color-scheme:light
}
.app-shell{--app-up:var(--near);--app-down:#FF5E5E;--app-star:var(--near)}
[data-p-theme=light] .app-shell{--app-up:#00B874}

/* type */
.p-display,.p-title,.p-wordmark,.app-trending-cap,.app-card-cap{font-family:var(--p-font-display)}
.p-display{font-weight:900;letter-spacing:-.02em;text-transform:none}
.p-title{font-weight:800}
.p-wordmark{font-weight:900;letter-spacing:-.04em}
.p-numeric,.app-row-cell,.app-change,.app-trending-rank,.app-row-pair,time,.app-grad-pct,.app-search-key{font-family:var(--p-font-mono);font-variant-numeric:tabular-nums;letter-spacing:0}
.app-trending-cap{font-size:1.25rem;font-weight:800}
.p-caption{letter-spacing:0}

/* accent details */
.app-verified{color:var(--near)}
.app-verified path{stroke:#000}
.p-btn-primary{box-shadow:0 0 0 1px #00EC9740,0 10px 30px -12px #00EC97CC}
.p-btn-primary:hover{background:var(--p-accent-hover)}
.app-rail-nav .app-rail-item[aria-current=page]{color:var(--p-ink);background:var(--p-surface-inset);box-shadow:inset 2px 0 0 var(--near)}
.app-mark{background:var(--p-surface-raised)}
.app-trending-art.app-mark{box-shadow:0 0 0 1px var(--p-line);transition:box-shadow var(--p-duration-fast) var(--p-ease),transform var(--p-duration-fast) var(--p-ease)}
.app-trending-link:hover .app-trending-art{box-shadow:0 0 0 1px var(--near),0 18px 40px -20px #00EC9799;transform:translateY(-2px)}
.app-row:hover{background:var(--p-surface-inset)}
.app-row:hover .app-pin{opacity:1}
.app-community-tag{background:var(--p-accent-quiet);color:var(--near)}
[data-p-theme=light] .app-community-tag{color:#007A4F}

/* trending marquee: two laps side by side, scrolled by CSS, paused on hover */
.app-trending-marquee{animation:near-marquee 48s linear infinite}
.app-trending-viewport:hover .app-trending-marquee{animation-play-state:paused}
@keyframes near-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.app-trending-lap{padding-right:var(--p-space-4)}

/* graduation column: tiny progress bar + percent, and graduated pill */
.app-grad{display:inline-flex;align-items:center;gap:8px}
.app-grad-bar{width:64px;height:4px;border-radius:999px;background:var(--p-line-strong);overflow:hidden}
.app-grad-bar i{display:block;height:100%;background:var(--near);border-radius:999px}
.app-grad-pct{font-size:var(--p-size-caption);color:var(--p-ink-muted);min-width:34px;text-align:right}
.app-grad-done{display:inline-flex;align-items:center;gap:6px;padding:0 9px;height:22px;border-radius:999px;background:var(--p-accent-quiet);color:var(--near);font-size:.75rem;font-weight:600}
[data-p-theme=light] .app-grad-done{color:#007A4F}
.app-grad-done::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--near)}

/* grid layout for the List / Grid toggle */
.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--p-space-4);list-style:none;margin:0;padding:var(--p-space-4) 0 0}
.app-card{cursor:pointer}
.app-card:hover{border-color:var(--near);transform:translateY(-2px);box-shadow:var(--p-shadow-raised)}
.app-card-art.app-mark{width:100%;aspect-ratio:1;border-radius:var(--p-radius-inset);overflow:hidden}
.app-card-art img{width:100%;height:100%;object-fit:cover;display:block}
.app-card-head{display:flex;align-items:baseline;gap:8px;min-width:0}
.app-card-head b{font-size:1.0625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.app-card-cap{font-size:1.125rem;font-weight:800}
.app-list{list-style:none;margin:0;padding:0}
.app-list[hidden],.app-grid[hidden]{display:none}
.app-list-more{display:flex;justify-content:center;padding:var(--p-space-6) 0 0}

/* sparkline */
.app-sparkline{width:72px;height:24px}
.app-sparkline path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* change figure colour */
.app-change[data-trend=up]{color:var(--app-up)}
.app-change[data-trend=down]{color:var(--app-down)}
.app-change[data-trend=flat]{color:var(--p-ink-subtle)}

/* letters inside the board title stay visible (the original animates them in with JS) */
.m-text-unit{opacity:1!important;filter:none!important}

/* rail brand */
.app-rail-mark{border-radius:9px}
.app-rail-brand .p-wordmark i{font-style:normal;color:var(--near)}

/* search key hint */
.app-search-key{font-size:11px}

/* footer disclaimer measure */
.app-footer-note{color:var(--p-ink-subtle);font-size:var(--p-size-caption);line-height:1.45;max-width:90ch;margin:var(--p-space-4) 0 0}