/* SnoopScan: Snoop's sheet (periwinkle page, white cards, one blue, serif display) on a list and a profile. */
@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Geist;src:url(/fonts/Geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/fonts/Geist_Mono.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --page:#f4f5fc;--page-2:#eceffb;--card:#fff;--card-2:#f7f8fe;
  --ink:#1c1a33;--ink-2:#504f6e;--ink-3:#8886a4;
  --line:rgba(28,26,51,.08);--line-2:rgba(28,26,51,.15);
  --blue:#4f66cc;--blue-2:#6b82de;--blue-ink:#2f3f98;--tint:#e4e8fb;--tint-2:#d3daf8;
  --studio-top:#5b70c8;--studio-mid:#6a7ed4;--studio-bot:#b6c0fb;
  --good:#1f9d6a;--bad:#d9426f;--warn:#d98b1f;--gold:#c48a12;
  --r:16px;--r-s:10px;--pill:999px;--ease:cubic-bezier(.2,.7,.2,1);
  --display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:Geist,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow:0 1px 2px rgba(28,26,51,.05),0 18px 50px -18px rgba(60,80,190,.22);
  --nav:72px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font:400 15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;padding-top:var(--nav)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.serif{font-family:var(--display);font-weight:400}
.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.dim{color:var(--ink-3)}.gold{color:var(--gold)}
/* nav */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav);z-index:20;background:rgba(244,245,252,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .wrap{height:100%;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
.brand img{width:40px;height:40px;border-radius:50%}
.brand small{font-weight:500;color:var(--ink-3);font-size:12px;margin-left:2px}
.nav .links{display:flex;gap:4px;margin-left:auto}
.nav .links a{padding:8px 12px;border-radius:var(--pill);color:var(--ink-2);font-weight:500;font-size:14px}
.nav .links a:hover,.nav .links a.on{background:var(--tint);color:var(--blue-ink)}
.chip{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--pill);background:var(--tint);color:var(--blue-ink);font:600 12px var(--mono)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--blue);color:var(--blue-ink)}
.btn.is-blue{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.is-blue:hover{background:var(--blue-ink)}
/* verdict pill */
.verdict{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--pill);font:700 11px var(--mono);letter-spacing:.06em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.verdict::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.verdict.good{background:#e3f6ec;color:#15754f}.verdict.bad{background:#fde6ee;color:#a92a52}.verdict.warn{background:#fcefd9;color:#9a5f0c}.verdict.calm{background:var(--tint);color:var(--blue-ink)}
/* list page */
.hero{padding:44px 0 26px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center}
.hero h1{margin:0;font-family:var(--display);font-size:clamp(40px,5vw,66px);line-height:.98;letter-spacing:-.02em}
.hero h1 em{font-style:italic;color:var(--blue)}
.hero p{margin:14px 0 0;color:var(--ink-2);max-width:620px;font-size:16px}
.hero .dog{height:200px;display:flex;align-items:flex-end;justify-content:center}
.hero .dog img{height:200px;width:auto;filter:drop-shadow(0 18px 24px rgba(60,80,190,.25))}
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin:8px 0 18px;height:44px}
.bar input{height:44px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;padding:0 18px;width:100%;outline:none}
.bar input:focus{border-color:var(--blue)}
.bar select{height:44px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;padding:0 36px 0 16px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23504f6e' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.bar label{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.status{display:flex;justify-content:space-between;align-items:center;height:24px;margin-bottom:12px;color:var(--ink-3);font:500 12px var(--mono)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}
.card{display:grid;grid-template-rows:auto auto 1fr auto;height:214px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease);position:relative;overflow:hidden}
.card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(28,26,51,.05),0 24px 60px -18px rgba(60,80,190,.35)}
.card .who{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;height:48px}
.card .av{width:48px;height:48px;border-radius:50%;background:var(--tint);overflow:hidden;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.card .av img{width:100%;height:100%;object-fit:cover;display:block}
.card .nm{min-width:0}
.card .nm b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .nm span{display:block;font:500 12px var(--mono);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:16px}
.card .rk{font:600 12px var(--mono);color:var(--ink-3)}
.card .vd{margin-top:12px;height:30px;display:flex}
.card .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;margin-top:10px}
.card .nums div{min-width:0}
.card .nums b{display:block;font:600 17px/1 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .nums span{display:block;font-size:11px;color:var(--ink-3);margin-top:5px;white-space:nowrap}
.card .ft{display:flex;justify-content:space-between;align-items:center;height:16px;font:500 11px var(--mono);color:var(--ink-3);margin-top:10px}
.card.is-empty .nums b{color:var(--ink-3)}
.card .sk{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:sk 1.6s infinite;pointer-events:none;display:none}
.card.is-wait .sk{display:block}
@keyframes sk{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.more{display:flex;justify-content:center;margin:22px 0 0}
/* profile head */
.head{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--studio-top) 0%,var(--studio-mid) 60%,#8d9ceb 100%)}
.head::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 60% at 60% -10%,rgba(255,255,255,.26),transparent 72%);pointer-events:none}
.head .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;padding-top:40px;padding-bottom:104px}
.who-big{display:grid;grid-template-columns:112px minmax(0,1fr);gap:22px;align-items:center}
.who-big .av{width:112px;height:112px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:0 0 0 3px rgba(255,255,255,.8),0 20px 40px -16px rgba(0,0,0,.4);overflow:hidden;position:relative}
.who-big .av img{width:100%;height:100%;object-fit:cover;display:block}
.who-big .eyebrow{color:rgba(255,255,255,.8)}
.who-big h1{margin:8px 0 0;font-family:var(--display);font-size:clamp(38px,4.2vw,64px);line-height:.98;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who-big h1 em{font-style:italic;color:rgba(255,255,255,.86)}
.who-big .facts{margin-top:12px;display:flex;gap:18px;flex-wrap:wrap;font:500 13px/1 var(--mono);color:rgba(255,255,255,.85);min-height:13px}
.who-big .facts span,.who-big .facts a{display:inline-flex;align-items:center;gap:8px}
.who-big .facts span::before,.who-big .facts a::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.7)}
.who-big .facts a:hover{color:#fff;text-decoration:underline}
.cta{display:grid;gap:10px;justify-items:end}
.cta .verdict{height:40px;font-size:13px;background:#fff}
.cta .row{display:flex;gap:8px}
.main{margin-top:-72px;position:relative;z-index:2;padding-bottom:60px}
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.tile{background:var(--card);padding:18px 18px 16px;min-height:104px}
.tile .v{font:600 30px/1 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .s{margin-top:8px;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.block{margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 24px 24px;box-shadow:var(--shadow)}
.block .bh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.block .bh h2{margin:0;font-family:var(--display);font-size:28px;font-weight:400;letter-spacing:-.01em}
.block .bh .sub{color:var(--ink-3);font-size:13px}
.say{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center}
.say .dog{height:120px;display:flex;align-items:flex-end}
.say .dog img{height:120px;width:auto}
.say .bubble{position:relative;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;font-family:var(--display);font-size:22px;line-height:1.25}
.say .bubble::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;background:var(--card-2);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.facts6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}
.facts6 div{background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;min-width:0}
.facts6 b{display:block;font:600 16px/1 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.facts6 span{display:block;font-size:11.5px;color:var(--ink-3);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.three{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}
.cv{position:relative;height:190px}
.cv canvas{position:absolute;inset:0;width:100%;height:100%}
.cv .lbl{position:absolute;left:0;bottom:-20px;right:0;display:flex;justify-content:space-between;font:500 11px var(--mono);color:var(--ink-3)}
.hours{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;height:150px;align-items:end}
.hours i{display:block;background:var(--tint-2);border-radius:3px 3px 0 0;min-height:3px;position:relative}
.hours i.hot{background:var(--blue)}
.hours i:hover::after{content:attr(data-t);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font:500 11px var(--mono);padding:3px 6px;border-radius:6px;white-space:nowrap;margin-bottom:4px}
.axis{display:flex;justify-content:space-between;font:500 11px var(--mono);color:var(--ink-3);margin-top:6px}
.holds{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;height:150px;align-items:end}
.holds div{display:grid;grid-template-rows:1fr auto;height:100%;align-items:end;text-align:center}
.holds i{display:block;background:var(--blue-2);border-radius:4px 4px 0 0;min-height:3px}
.holds span{font:500 10.5px var(--mono);color:var(--ink-3);margin-top:6px;white-space:nowrap}
.holds b{display:block;font:600 11px var(--mono);margin-bottom:4px}
/* charts */
.cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cell{display:block;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 12px 10px;height:206px;display:grid;grid-template-rows:auto 1fr auto;gap:8px}
.cell .ch{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;height:28px}
.cell .lg{width:28px;height:28px;border-radius:50%;background:var(--tint);overflow:hidden}
.cell .lg img{width:100%;height:100%;object-fit:cover;display:block}
.cell b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cell b span{font:700 9px var(--mono);letter-spacing:.06em;margin-left:6px;padding:2px 6px;border-radius:var(--pill);vertical-align:middle}
.cell b .is-rug{background:#fde6ee;color:#a92a52}.cell b .is-bonded{background:#e3f6ec;color:#15754f}
.cell .pn{font:600 13px var(--mono);white-space:nowrap}
.cell .cvs{position:relative;min-height:0}
.cell .cvs canvas{position:absolute;inset:0;width:100%;height:100%}
.cell .ft{display:flex;justify-content:space-between;font:500 11px var(--mono);color:var(--ink-3);height:14px;white-space:nowrap;overflow:hidden}
/* side wallets */
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.rows .r{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 70px 70px;gap:10px;align-items:center;height:40px;border-top:1px solid var(--line);font-size:13px}
.rows .r.is-head{height:30px;border-top:0;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.rows .r .num{text-align:right;font-family:var(--mono)}
.rows .r a.w{font-family:var(--mono);font-size:12.5px;color:var(--blue-ink)}
.rows .r .k{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rows .r .k img{width:20px;height:20px;border-radius:50%}
.tag{display:inline-block;font:700 9.5px var(--mono);letter-spacing:.06em;padding:3px 7px;border-radius:var(--pill);background:var(--tint);color:var(--blue-ink);text-transform:uppercase}
.tag.same{background:#fde6ee;color:#a92a52}.tag.follows{background:#fcefd9;color:#9a5f0c}.tag.leads{background:#e3f6ec;color:#15754f}
.empty{color:var(--ink-3);font-size:13px;padding:14px 0}
/* coins table */
.filters{display:flex;gap:6px}
.filters button{height:32px;padding:0 12px;border-radius:var(--pill);border:1px solid var(--line-2);background:#fff;font-size:12px;font-weight:600;cursor:pointer}
.filters button.on{background:var(--blue);border-color:var(--blue);color:#fff}
table.coins{width:100%;border-collapse:collapse;font-size:13px}
table.coins th{text-align:left;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 8px;border-bottom:1px solid var(--line);cursor:pointer;white-space:nowrap;user-select:none}
table.coins th.on{color:var(--blue-ink)}
table.coins td{padding:0 8px;height:44px;border-bottom:1px solid var(--line);white-space:nowrap}
table.coins td.num,table.coins th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
table.coins .c{display:flex;align-items:center;gap:10px;min-width:0}
table.coins .c img{width:26px;height:26px;border-radius:50%;background:var(--tint);flex:none}
table.coins .c b{max-width:120px;overflow:hidden;text-overflow:ellipsis}
table.coins .c small{color:var(--ink-3);max-width:110px;overflow:hidden;text-overflow:ellipsis}
.pending{display:grid;place-items:center;padding:60px 0;text-align:center;color:var(--ink-2)}
.pending img{height:140px;margin-bottom:14px}
.pending h3{margin:0;font-family:var(--display);font-weight:400;font-size:28px}
/* footer */
.foot{border-top:1px solid var(--line);padding:30px 0 40px;color:var(--ink-3);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot a{color:var(--ink-2)}
@media (max-width:1000px){.tiles{grid-template-columns:repeat(3,1fr)}.facts6{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:1fr}.cells{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero .dog{display:none}.head .wrap{grid-template-columns:1fr}.cta{justify-items:start}.nav .links a:not(.keep){display:none}}
@media (max-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}.facts6{grid-template-columns:repeat(2,1fr)}.cells{grid-template-columns:1fr}.bar{grid-template-columns:1fr 1fr}.bar label{display:none}.who-big{grid-template-columns:72px 1fr}.who-big .av{width:72px;height:72px}.wrap{width:calc(100% - 28px)}}