/* Presentation CSS from extension/ui.js at 0b487f6. Preview-only overrides follow. */

    body{all:initial;color-scheme:dark;font-family:var(--vamp-font,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);font-size:13px;line-height:1.4;color:#f0f0f5}
    *{box-sizing:border-box}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #beafff;outline-offset:3px}
    .badge{position:fixed;z-index:2147483646;display:flex;align-items:center;gap:7px;height:27px;padding:0 10px;border-radius:7px;border:1px solid #cb826b66;color:#ffd1b9;background:#3b2429ed;box-shadow:0 2px 12px #0003;font-size:11px;font-weight:650;white-space:nowrap}
    .badge *{pointer-events:none;-webkit-user-drag:none;user-select:none}
    .badge{touch-action:none;user-select:none;cursor:grab}.badge.dragging{cursor:grabbing}.badge.quiet{color:#aaa6be;background:#1b1b28f2;border-color:#ffffff1a}.badge.scam{color:#ffb4b4;background:#441e29ed;border-color:#fa697d}.badge.error{color:#ffc77b}.dot{width:5px;height:5px;background:currentColor;border-radius:50%}
    .badge{border-width:1px;border-color:#d3a495aa}.badge.quiet{border-color:#a9a4bc88}.badge.scam{color:#ffb4b4;background:#441e29ed;border-color:#fa697d}.badge.error{border-color:#ffc77b99}.badge-mascot{width:18px;height:18px;object-fit:contain;border-radius:5px;flex:none}
    .avatarstack{position:relative;display:inline-block;width:32px;height:32px;margin:2px 9px 3px 0;vertical-align:middle;flex-shrink:0}
    .protocol{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#16161f;border:1.5px solid #16161f;border-radius:50%;z-index:1;font-size:8px;color:#ddd;overflow:hidden}.protocol img{width:100%;height:100%;object-fit:contain}
    .tokenavatar{display:flex;width:32px;height:32px;align-items:center;justify-content:center;background:#464052;border:1px solid #70678a;border-radius:5px;font-size:13px;overflow:hidden}.tokenimage{width:100%;height:100%;object-fit:cover}.copy{border:0;background:transparent;color:#bbb4ca;padding:2px 5px;font-size:13px;vertical-align:middle}.copy:hover{color:white;background:#ffffff15;border-radius:4px}
    .graduated{display:inline-block;margin-left:2px;font-size:11px;line-height:1;vertical-align:middle}
    .riskcounts{display:flex;flex-wrap:wrap;gap:8px;color:#bbb5cb;font-size:10px;margin-top:5px}.riskcounts span{cursor:help}.count{background:#ffffff12;padding:1px 5px;border-radius:4px;font-size:10px}
    .card{font-family:'VampGuard Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;position:fixed;z-index:2147483647;left:max(8px,calc(50% - 224px));top:max(40px,calc(50% - 240px));right:auto;width:min(448px,calc(100vw - 24px));border:1px solid #c0b4f133;border-radius:15px;background:linear-gradient(145deg,rgba(30,30,38,.72),rgba(17,18,25,.64));backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%);box-shadow:0 16px 48px #0005,0 1px 0 #ffffff0c inset;overflow:hidden;color:#f0eff8}
    .head{display:flex;align-items:center;gap:10px;padding:18px 18px 13px}.mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #b7a3ff35;border-radius:10px;color:#cbbfff;background:#9a79ff18;font-size:16px}.title{font-size:14px;font-weight:650;letter-spacing:-.2px}.eyebrow{font-size:9px;color:#aaa3ba;letter-spacing:1.3px;text-transform:uppercase}.headtext{flex:1}.icon{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;color:#bcb6cb;background:transparent;font-size:20px}.icon:hover{background:#ffffff0c;color:#fff}
    .context{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 18px 14px;padding:10px 12px;background:#0a0b123d;border:1px solid #ffffff0a;border-radius:8px}.contextleft{min-width:0;flex:1}.muted{color:#9d98ae;font-size:10px}.current{font-weight:550;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.cap{font-variant-numeric:tabular-nums;font-weight:650;font-size:13px;color:#eeeaf8}
    .vamp-logs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:7px 10px;border-radius:7px;background:#0b0c14b3;border:1px solid #ffffff14;font-size:10.5px;line-height:1.4}.vamp-log-item{display:flex;align-items:baseline;gap:6px}.vamp-log-item.danger{color:#ffa3ad}.vamp-log-item.warning{color:#ffd899}.vamp-log-item.scam{color:#ff98a6}.vamp-log-item.info{color:#a9e4ff}.vamp-log-badge{font-size:8.5px;font-weight:750;letter-spacing:.3px;text-transform:uppercase;padding:1px 5px;border-radius:4px;white-space:nowrap;flex-shrink:0}.vamp-log-item.danger .vamp-log-badge{color:#ff556b;background:#ff2d551c;border:1px solid #ff4d6d44}.vamp-log-item.warning .vamp-log-badge{color:#f59e0b;background:#f59e0b1c;border:1px solid #f59e0b44}.vamp-log-item.scam .vamp-log-badge{color:#ff4d6d;background:#ff2d5526;border:1px solid #ff4d6d66}.vamp-log-item.info .vamp-log-badge{color:#38bdf8;background:#0284c71c;border:1px solid #0284c744}.vamp-log-text{flex:1;word-break:break-word}
    .columns,.row{display:grid;grid-template-columns:22px minmax(80px,1fr) 76px 68px 43px;align-items:center;gap:8px}.columns{padding:0 18px 9px;color:#918aa2;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.columns .right,.num{text-align:right}.rows{max-height:min(360px,52vh);overflow:auto}.row{padding:12px 18px;border-top:1px solid #ffffff0a;min-height:65px}.row:hover{background:#ffffff04}.rank{color:#8d879f;font-size:11px}.row:first-child .rank{color:#c8b7ff}.token{min-width:0}.symbol{font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{display:flex;align-items:center;gap:5px;margin-top:4px}.label{font-size:9px;white-space:nowrap;color:#eebea2;background:#d37f4c13;border:1px solid #df8d5a25;border-radius:4px;padding:1px 4px}.label.potential{color:#d0c0ed;background:#a77be412;border-color:#a77be425}.label.scam{color:#ff8e9e;background:#ff2d5526;border-color:#ff4d6d66;font-weight:700}.row.scam-row{background:#3a141c22;border-left:3px solid #ff4d6d}.riskbad{color:#ff8e9e;font-weight:600}.address{font-size:9px;color:#91899e}.market{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.launch{font-size:10px;font-variant-numeric:tabular-nums;color:#b7b0c5;text-align:right}.open{white-space:nowrap;color:#d7cef1;font-size:10px;text-decoration:none;border:1px solid #c3afef25;background:#bba0ff0b;padding:5px 6px;border-radius:5px;text-align:center}.open:hover{background:#bba0ff20;border-color:#c3afef66}.open:disabled{opacity:.4;cursor:default}
    .foot{border-top:1px solid #ffffff0d;padding:11px 18px 13px}.status{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#aaa1b9}.live{display:flex;gap:6px;align-items:center}.live .dot{color:#7cc1a7}.note{margin-top:7px;font-size:9px;line-height:1.55;color:#8f879e}.empty{padding:24px 20px;text-align:center;color:#b1a8c2;font-size:12px}.errornote{margin:0 18px 12px;color:#efc494;font-size:11px}.hide{display:none!important}

    .card{container-type:inline-size;max-height:calc(100vh - 16px);display:flex;flex-direction:column;padding-top:12px;padding-bottom:12px}
    .cardcontent{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}
    .rows{max-height:none;overflow:visible}
    .grip{position:absolute;top:0;left:calc(50% - 40px);width:80px;height:15px;border:0;background:transparent;cursor:grab;touch-action:none}
    .grip:after{content:'';display:block;width:34px;height:3px;margin:auto;background:#bcb6cb66;border-radius:3px}
    .grip:hover:after,.grip:focus-visible:after{background:#d0c0ed}
    .resizehandle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none;color:#aaa1b9;font-size:17px}
    .card.interacting{user-select:none;animation:none!important}.card.interacting .grip{cursor:grabbing}
    .current,.symbol{white-space:normal;overflow:visible;overflow-wrap:anywhere;max-width:none}
    .sub{flex-wrap:wrap}.label{white-space:normal}.contextleft{flex:1}.cap{flex-shrink:0}
    .status{flex-wrap:wrap}.note{overflow-wrap:anywhere}
    @container(max-width:420px){
      .head{padding:10px 12px}.context{margin:0 12px 12px}
      .columns{display:none}
      .row{grid-template-columns:20px minmax(0,1fr) auto;gap:7px;padding:12px}
      .rank{grid-column:1;grid-row:1}.token{grid-column:2;grid-row:1}
      .market{grid-column:3;grid-row:1;align-self:start;padding-top:8px}
      .launch{grid-column:2;grid-row:2;text-align:left}.launch:before{content:'Launched ';color:#918aa2}
      .open{grid-column:3;grid-row:2}.foot{padding:10px 12px}
    }
    .cap-blue{color:#4bc3ff}.cap-yellow{color:#f2d600}.cap-green{color:#12c888}
    /* Neutral glass surface preserves the chart behind the card. */
    .card{border-color:#ffffff24;background:linear-gradient(145deg,rgba(25,27,33,.80),rgba(15,17,22,.72));box-shadow:0 18px 56px #0006,0 1px 0 #ffffff08 inset}
    .mark{object-fit:contain;border-radius:9px;background:#000;border:1px solid #ffffff20;flex-shrink:0}
    .eyebrow{color:#9aa1af;letter-spacing:1.5px;font-size:8px}.title{letter-spacing:-.25px}
    .label.first-launch{color:#a9e4ff;background:#0284c71c;border:1px solid #38bdf866;white-space:nowrap}
    .label.community{color:#38bdf8;background:#0284c71f;border:1px solid #38bdf855;font-weight:600;white-space:nowrap;letter-spacing:.02em}.label.community:hover{background:#0284c733;border-color:#38bdf888}
    .context{background:#0c1520b3;border:1px solid #8dbbff99;box-shadow:0 0 0 1px #8dbbff12,inset 0 0 18px #6ba5f508}.contextleft>.muted{color:#bad3ff;font-weight:650;letter-spacing:.2px}.row:hover{background:#ffffff07}
    .open{background:#ffffff08;border-color:#ffffff20;color:#e4e6ed;border-radius:6px}
    .open:hover{background:#ffffff15}.foot{background:#10121722}.columns{color:#9aa1af}
    @media(prefers-reduced-motion:no-preference){.card.fresh{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}
/* The extension bundles this same Inter font. Keep its license with the asset. */
@font-face{font-family:'VampGuard Inter';src:url('/fonts/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Convert the floating extension surface into an in-flow carousel illustration.
   Card typography, outline, labels and row/container rules above remain native. */
body{display:block;margin:0;padding:6px;background:transparent;font-family:'VampGuard Inter',sans-serif}
.wrap{max-width:380px;margin:0 auto}
#warning-badge{position:relative;inset:auto;width:max-content;max-width:100%;margin:0 auto 12px;cursor:pointer;white-space:normal;height:auto;min-height:29px;padding:4px 8px;text-align:left}
.card{position:relative;inset:auto;width:100%;max-height:none;min-height:420px;padding-bottom:0;overflow:hidden}
.cardcontent{overflow:visible;display:flex;flex-direction:column}
.foot{margin-top:auto}
.grip,.resizehandle{pointer-events:none}
.resizehandle{display:grid;place-items:center}
.social-ca{display:inline-flex;align-items:center;gap:5px;color:#a7a7b8}
.context .social-ca,.token .social-ca{margin-top:4px;font-size:11px}
.social-ca.found{color:#ffd54a}
.x-glyph{position:relative;font-size:16px;font-weight:700}
.x-glyph.has-history{margin-right:8px}
.ca-count{position:absolute;right:-9px;bottom:-4px;font-size:9px;line-height:11px;background:#171721;border-radius:3px;padding:0 2px}
.notice{margin:8px 0 0;text-align:center;color:#acb9ce;font-size:11px;line-height:1.5}
.notice:empty{display:none}
.mismatch{color:#ffb4b4}
@media(prefers-reduced-motion:no-preference){
 .preview-active #warning-badge{animation:preview-enter .28s ease-out both}
 .preview-active .card{animation:preview-enter .38s .09s ease-out both}
}
@keyframes preview-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Public status colors match the extension badge. */
.badge.watching{color:#a7f3d0;background:#163d2ded;border-color:#34d399}
.badge.coordinated{color:#ffcf99;background:#442e1ced;border-color:#fb923c}
.badge.washed{color:#b3e5fc;background:#102233f2;border-color:#38bdf888}

