/* anyone.ink — black + lime, dashboard layout. Outfit body, Syne display. */
:root { --bg:#0a0a0a; --bg-2:#0f0f0f; --card:#141414; --card-2:#1a1a1a; --line:#242424; --line-2:#333; --text:#f5f5f5; --muted:#8a8a8a; --muted-2:#5c5c5c; --lime:#d4fc50; --lime-2:#e9ff9a; --lime-ink:#2b3220; --lime-line:#3c4928; --ok:#3dd68c; --danger:#ff5c5c; --notice:#2a2418; --notice-text:#e8c56a; --font:"Outfit","PingFang SC",sans-serif; --display:"Syne","Outfit",sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace; --radius:22px; --pill:999px; --nav-h:64px; --max:1120px; --side-w:220px; }
* { box-sizing:border-box; }
html { background:var(--bg); color:var(--text); font-family:var(--font); -webkit-font-smoothing:antialiased; }
body { margin:0; font-size:15px; line-height:1.45; }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
input,select,textarea { font:inherit; color:inherit; }
img { display:block; }
h1,h2,h3,h4 { font-family:var(--display); letter-spacing:-.03em; margin:0; }
.mono { font-family:var(--mono); }
.muted { color:var(--muted); }
.lime { color:var(--lime); }

/* boot */
.boot { position:fixed; inset:0; z-index:200; background:var(--bg); display:grid; place-items:center; transition:opacity .5s ease; }
.boot.off { opacity:0; pointer-events:none; }
.boot-in { display:grid; justify-items:center; gap:14px; animation:rise .5s cubic-bezier(.22,1,.36,1) both; }
.boot-word { font-family:var(--display); font-weight:700; font-size:22px; letter-spacing:-.04em; }
.boot-bar { width:120px; height:2px; background:#222; overflow:hidden; border-radius:2px; }
.boot-bar i { display:block; height:100%; width:40%; background:var(--lime); animation:bootbar 1.1s ease-in-out infinite; }
@keyframes bootbar { 0%{transform:translateX(-100%)} 100%{transform:translateX(300%)} }

/* layout */
.site { display:grid; grid-template-columns:var(--side-w) 1fr; min-height:100dvh; }
.site.side-collapsed { --side-w:72px; }
.side { position:sticky; top:0; height:100dvh; width:var(--side-w); display:flex; flex-direction:column; gap:8px; padding:14px 12px; border-right:1px solid var(--line); background:#000; z-index:30; overflow:hidden; transition:width .2s ease; }
.side-head { display:flex; align-items:center; gap:4px; padding:2px 2px 10px; min-height:44px; }
.side-brand { display:inline-flex; align-items:center; gap:10px; min-width:0; flex:1; padding:4px; font-family:var(--display); font-weight:700; font-size:20px; letter-spacing:-.04em; }
.side-brand img { width:30px; height:30px; border-radius:10px; flex:none; }
.side-collapse { flex:none; width:32px; height:32px; border-radius:999px; border:1px solid var(--line); color:var(--muted); display:grid; place-items:center; transition:color .15s,background .15s,border-color .15s; }
.side-collapse:hover { color:var(--text); background:#141414; border-color:var(--line-2); }
.side-nav { display:flex; flex-direction:column; gap:2px; }
.side-nav a { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:12px; color:var(--muted); font-weight:500; font-size:14px; white-space:nowrap; transition:background .15s,color .15s; }
.side-nav a:hover { color:var(--text); background:#111; }
.side-nav a.on { color:var(--lime); background:var(--lime-ink); }
.side-label { font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2); padding:14px 12px 4px; }
.ni { width:18px; height:18px; flex:none; background:currentColor; -webkit-mask:var(--m) center/contain no-repeat; mask:var(--m) center/contain no-repeat; }
.ni-home { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); }
.ni-explore { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E"); }
.ni-launch { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 20l4-1 11-11-3-3L5 16z'/%3E%3C/svg%3E"); }
.ni-chart { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E"); }
.ni-flow { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M3 6h6l4 12h8M3 18h6l4-12h8'/%3E%3C/svg%3E"); }
.ni-how { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M5 19l2-2M17 7l2-2'/%3E%3C/svg%3E"); }
.ni-docs { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h7M9 16h7'/%3E%3C/svg%3E"); }
.ni-claim { --m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E"); }
.side-collapsed .side-nav a span, .side-collapsed .side-label, .side-collapsed .side-brand span, .side-collapsed .side-foot div { display:none; }
.side-foot { margin-top:auto; display:flex; align-items:center; gap:10px; padding:10px 8px; border-top:1px solid var(--line); }
.side-foot b { display:block; font-family:var(--display); font-size:14px; } .side-foot small { color:var(--muted); font-size:11.5px; }
.main { min-width:0; display:flex; flex-direction:column; }
.top { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:14px; height:var(--nav-h); padding:0 22px; background:rgba(10,10,10,.85); backdrop-filter:blur(14px); border-bottom:1px solid var(--line); }
.top-menu, .top-brand { display:none; }
.search { flex:1; max-width:420px; display:flex; align-items:center; gap:10px; height:38px; padding:0 14px; border-radius:var(--pill); background:var(--card); border:1px solid var(--line); }
.search input { flex:1; background:none; border:0; outline:none; font-size:13.5px; }
.search input::placeholder { color:var(--muted-2); }
.search-ic { color:var(--muted); }
.top-right { margin-left:auto; display:flex; gap:8px; }
.btn-lime { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 20px; border-radius:var(--pill); background:var(--lime); color:#0a0a0a; font-weight:650; font-size:14px; border:1px solid var(--lime); transition:transform .15s,opacity .15s; }
.btn-lime:hover { transform:translateY(-1px); background:var(--lime-2); border-color:var(--lime-2); }
.btn-lime:disabled { opacity:.35; cursor:not-allowed; transform:none; }
.btn-solid { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 20px; border-radius:var(--pill); background:#fff; color:#0a0a0a; font-weight:650; font-size:14.5px; border:1px solid #fff; transition:transform .15s,opacity .15s; }
.btn-solid:hover { opacity:.92; transform:translateY(-1px); }
.btn-solid:disabled { opacity:.35; cursor:not-allowed; transform:none; }
.btn-ghost { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:11px 18px; border-radius:var(--pill); border:1px solid var(--line-2); color:var(--text); font-weight:550; font-size:14px; background:transparent; transition:border-color .15s,background .15s; }
.btn-ghost:hover { border-color:#555; background:#161616; }
.btn-ink { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 20px; border-radius:var(--pill); background:#0a0a0a; color:#fff; font-weight:650; font-size:14.5px; }
.btn-ink:hover { background:#1c1c1c; }
.btn-sm { padding:8px 12px; font-size:13px; }
.pill { padding:8px 14px; border-radius:var(--pill); border:1px solid var(--line); background:transparent; color:var(--muted); font-size:13px; font-weight:550; }
.pill.active { background:#fff; color:#0a0a0a; border-color:#fff; }
.pill.lime { background:var(--lime-ink); border-color:var(--lime-line); color:var(--lime); }
.view { flex:1; width:100%; max-width:var(--max); margin:0 auto; padding:22px 22px 60px; animation:rise .45s cubic-bezier(.22,1,.36,1) both; }
.foot { max-width:var(--max); width:100%; margin:0 auto; padding:24px 22px 34px; border-top:1px solid var(--line); display:grid; gap:10px; }
.foot-brand b { font-family:var(--display); font-size:22px; margin-right:12px; } .foot-brand span { color:var(--muted); }
.foot-links { display:flex; gap:18px; flex-wrap:wrap; color:var(--muted); font-size:14px; } .foot-links a:hover { color:var(--text); }
.foot-fine { color:var(--muted-2); font-size:12px; }
@keyframes rise { 0%{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }
@keyframes pulse { 0%,to{opacity:1} 50%{opacity:.45} }
@keyframes people-drift { 0%{transform:translateZ(0)} to{transform:translate3d(-50%,0,0)} }
@keyframes route-dash { to{stroke-dashoffset:-32} }
@keyframes glow { 0%,to{box-shadow:0 0 0 0 rgba(212,252,80,.0)} 50%{box-shadow:0 0 0 6px rgba(212,252,80,.12)} }

/* shared blocks */
.kicker { font-family:var(--display); font-weight:700; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); display:flex; align-items:center; gap:8px; }
.kicker .dot { width:6px; height:6px; border-radius:50%; background:var(--lime); }
.card { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:20px; }
.card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.card-head .kicker { color:var(--muted); }
.card-head a { color:var(--muted); font-size:13px; } .card-head a:hover { color:var(--text); }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.avatar { width:40px; height:40px; border-radius:12px; object-fit:cover; background:#222; flex:none; }
.avatar.sm { width:26px; height:26px; border-radius:8px; }
.avatar.lg { width:56px; height:56px; border-radius:16px; }
.badge { display:inline-flex; align-items:center; gap:6px; height:22px; padding:0 8px; border-radius:6px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; background:#1e1e1e; color:var(--muted); }
.badge.lime { background:var(--lime-ink); color:var(--lime); }
.badge.ok { background:rgba(61,214,140,.12); color:var(--ok); }
.badge.paid { background:#fff; color:#0a0a0a; }
.verify-dot { display:inline-block; width:12px; height:12px; border-radius:50%; background:var(--lime); color:#0a0a0a; font-size:9px; line-height:12px; text-align:center; font-weight:800; vertical-align:middle; margin-left:4px; }
.rail-ic { display:inline-grid; place-items:center; width:20px; height:20px; border-radius:6px; background:#222; color:#fff; font-size:10px; font-weight:700; }
.empty { padding:34px 16px; text-align:center; color:var(--muted); border:1px dashed var(--line-2); border-radius:16px; }
.empty b { display:block; color:#fff; font-weight:500; margin-bottom:4px; font-family:var(--display); }
.skel { display:grid; gap:10px; }
.skel i { display:block; height:14px; border-radius:6px; background:linear-gradient(90deg,#161616,#222,#161616); background-size:200% 100%; animation:sk 1.2s infinite; }
@keyframes sk { to{background-position:-200% 0} }
.err { color:var(--danger); font-size:13px; margin-top:8px; }
.note { color:var(--notice-text); background:var(--notice); border-radius:12px; padding:10px 12px; font-size:13px; margin-top:10px; }
.fine { color:var(--muted); font-size:12.5px; }
.in { width:100%; height:44px; padding:0 14px; border-radius:14px; background:#0a0a0a; border:1px solid var(--line-2); color:#fff; outline:none; }
.in:focus { border-color:var(--lime); }
textarea.in { height:auto; padding:12px 14px; resize:vertical; min-height:88px; }
.fld { display:grid; gap:6px; margin-bottom:14px; }
.fld > span { display:flex; justify-content:space-between; font-size:13px; color:var(--muted); }
.fld small { color:var(--muted-2); }

/* home hero */
.hero-card { position:relative; overflow:hidden; border-radius:28px; background:var(--lime); color:#0a0a0a; padding:38px 40px 30px; display:grid; grid-template-columns:1.1fr 1fr; gap:24px; min-height:420px; animation:rise .55s cubic-bezier(.22,1,.36,1) both; }
.hero-card .kicker { color:#3b451a; }
.hero-card .kicker .dot { background:#0a0a0a; }
.hero-title { font-size:74px; line-height:.92; font-weight:800; letter-spacing:-.05em; margin:18px 0 16px; max-width:8ch; }
.hero-title em { font-style:italic; font-weight:600; font-family:"Georgia",serif; letter-spacing:-.02em; }
.hero-copy { font-size:17px; color:#2b3220; max-width:38ch; margin:0 0 22px; }
.hero-ctas { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:26px; }
.hero-made { font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:#3b451a; }
.hero-rails { display:flex; gap:14px; margin-top:8px; font-weight:600; font-size:13px; color:#0a0a0a; }
.hero-vis { position:relative; min-height:320px; }
.coin3d { position:absolute; right:6%; top:8%; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#3a3a3a,#0a0a0a 62%,#000 100%); box-shadow:0 30px 60px -20px rgba(0,0,0,.55), inset 0 -10px 30px rgba(255,255,255,.06), inset 0 8px 20px rgba(255,255,255,.08); display:grid; place-items:center; animation:coinfloat 6s ease-in-out infinite; }
.coin3d::before { content:""; position:absolute; inset:14px; border-radius:50%; border:1.5px solid rgba(212,252,80,.35); }
.coin3d img { width:120px; height:120px; border-radius:36px; filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)); }
.coin3d.sm { width:96px; height:96px; right:auto; left:8%; top:62%; animation-delay:-2s; background:radial-gradient(circle at 35% 30%,#fff,#e8e8e0 60%,#cfcfc4); box-shadow:0 20px 40px -18px rgba(0,0,0,.5); }
.coin3d.sm::before { border-color:rgba(10,10,10,.15); } .coin3d.sm img { width:40px; height:40px; border-radius:12px; }
.coin3d.xs { width:44px; height:44px; right:2%; top:70%; animation-delay:-4s; background:radial-gradient(circle at 35% 30%,#fff,#d4fc50 55%,#8eab31); } .coin3d.xs::before { display:none; } .coin3d.xs img { display:none; }
@keyframes coinfloat { 0%,to{transform:translateY(0) rotate(-6deg)} 50%{transform:translateY(-14px) rotate(-2deg)} }
.hero-note { position:absolute; left:6%; bottom:14%; background:#fff; color:#0a0a0a; border-radius:16px; padding:12px 14px; display:flex; gap:10px; align-items:center; box-shadow:0 18px 40px -20px rgba(0,0,0,.5); font-size:13px; animation:rise .6s .3s both; }
.hero-note img { width:26px; height:26px; border-radius:8px; }
.hero-note b { display:block; font-family:var(--display); font-size:13px; }
.hero-from { position:absolute; right:4%; bottom:8%; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#3b451a; }
.hero-ca { position:absolute; right:4%; bottom:8%; }
.hero-strip { grid-column:1/-1; display:flex; align-items:center; gap:14px; padding-top:14px; border-top:1px solid rgba(10,10,10,.12); }
.hero-strip .kicker { color:#3b451a; flex:none; }
.people { flex:1; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.people-track { display:flex; gap:10px; width:max-content; animation:people-drift 40s linear infinite; }
.people-track a { display:block; width:44px; height:44px; border-radius:14px; overflow:hidden; background:#0a0a0a; border:2px solid rgba(10,10,10,.15); transition:transform .2s; }
.people-track a:hover { transform:scale(1.08); }
.people-track img { width:100%; height:100%; object-fit:cover; }

/* dashboard tiles */
.dash { display:grid; grid-template-columns:1.2fr 1fr; gap:14px; margin-top:14px; }
.feed { display:flex; flex-direction:column; gap:8px; }
.feed-row { display:flex; align-items:center; gap:12px; padding:12px 14px; background:var(--card); border:1px solid var(--line); border-radius:16px; transition:border-color .15s; animation:rise .4s both; }
.feed-row:hover { border-color:#3a3a3a; }
.feed-amt { font-family:var(--display); font-weight:700; font-size:16px; min-width:120px; }
.feed-amt small { color:var(--muted); font-size:11px; margin-left:4px; font-family:var(--font); }
.feed-body { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; font-size:13px; color:var(--muted); }
.feed-body b { color:var(--text); font-weight:600; }
.feed-time { color:var(--muted-2); font-size:12px; flex:none; }
.tile { background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; display:grid; align-content:start; gap:8px; transition:border-color .15s; }
.tile:hover { border-color:#3a3a3a; }
.tile .big { font-family:var(--display); font-weight:800; font-size:44px; letter-spacing:-.04em; line-height:1; }
.tile .big small { font-size:16px; color:var(--muted); font-weight:600; margin-left:6px; letter-spacing:0; }
.tile .row { display:flex; justify-content:space-between; font-size:12.5px; color:var(--muted); }
.tile-tabs { display:flex; gap:6px; } .tile-tabs span { font-size:11px; padding:4px 8px; border-radius:6px; background:#1e1e1e; color:var(--muted); } .tile-tabs span.on { background:var(--lime-ink); color:var(--lime); }
.routes { display:grid; gap:8px; }
.route { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:#0f0f0f; border:1px solid var(--line); }
.route b { font-weight:600; font-size:13.5px; } .route small { color:var(--muted); font-size:12px; }
.route .r { margin-left:auto; font-family:var(--mono); font-size:12px; color:var(--lime); }
.typed { font-family:var(--mono); color:var(--lime); border-right:2px solid var(--lime); padding-right:2px; animation:pulse 1s steps(2) infinite; }
.docs-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px; }
.docs-strip .card h3 { font-size:20px; margin:10px 0 8px; } .docs-strip .card p { color:var(--muted); font-size:13.5px; margin:0; }

/* flow diagram */
.flow-card { margin-top:14px; padding:18px 20px 8px; overflow:hidden; }
.flow { width:100%; height:auto; display:block; font-family:var(--font); }
.fline { fill:none; stroke:#d4fc50; stroke-width:2; stroke-dasharray:6 8; stroke-linecap:round; opacity:.55; animation:route-dash 1.1s linear infinite; }
.fline.gold { stroke:#e8c56a; }
.fnode .fring { fill:#0f0f0f; stroke:#2e3a1a; stroke-width:1.5; }
.fnode.fill-lime .fring { fill:#d4fc50; stroke:#d4fc50; }
.fnode.gold .fring { stroke:#5a4a22; }
.flabel { fill:#a9b18f; font-size:14px; }
.fnode.gold .flabel { fill:#c9b477; }
.fpct { font-family:var(--display); font-weight:700; font-size:16px; }
.fpct.lime { fill:#d4fc50; } .fpct.gold { fill:#e8c56a; }
@media (max-width: 700px) { .flabel { font-size:20px; } .fpct { font-size:22px; } }

/* explore */
.page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:8px 0 18px; }
.page-head h1 { font-size:40px; font-weight:800; letter-spacing:-.045em; margin:6px 0 8px; }
.page-head p { color:var(--muted); margin:0; max-width:56ch; }
.filters { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:14px; }
.filters .pill span { font-size:10px; opacity:.6; margin-left:6px; }
.filters .sort { margin-left:auto; display:flex; gap:6px; align-items:center; color:var(--muted); font-size:13px; }
.filters select { height:34px; border-radius:10px; background:var(--card); border:1px solid var(--line); padding:0 10px; color:var(--text); }
.coins { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.coin { display:grid; gap:12px; padding:16px; background:var(--card); border:1px solid var(--line); border-radius:20px; transition:transform .15s,border-color .15s; animation:rise .4s both; }
.coin:hover { transform:translateY(-2px); border-color:#3a3a3a; }
.coin-top { display:flex; align-items:center; gap:12px; }
.coin-top .avatar { width:46px; height:46px; border-radius:14px; }
.coin-top b { display:block; font-family:var(--display); font-size:16px; }
.coin-top small { color:var(--muted); font-size:12px; }
.coin-top .age { margin-left:auto; color:var(--muted-2); font-size:12px; }
.coin-for { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--muted); padding:8px 10px; background:#0f0f0f; border-radius:12px; }
.coin-for b { color:var(--text); font-weight:600; }
.coin-stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.coin-stats div { padding:10px 12px; background:#0f0f0f; border-radius:12px; }
.coin-stats b { display:block; font-family:var(--display); font-size:18px; font-weight:700; } .coin-stats small { color:var(--muted); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.bar { height:6px; border-radius:6px; background:#222; overflow:hidden; } .bar i { display:block; height:100%; background:var(--lime); border-radius:6px; transition:width .6s ease; }
.coin-foot { display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted); }

/* coin page */
.coin-page { max-width:1080px; }
.coin-back { display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:13px; margin:2px 0 16px; } .coin-back:hover { color:var(--text); }
.coin-head { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.coin-id { display:flex; align-items:center; gap:14px; }
.coin-id h1 { font-size:30px; font-weight:800; } .coin-id .sym { color:var(--muted); font-size:14px; }
.coin-person { display:flex; align-items:center; gap:12px; padding:14px 16px; background:var(--card); border:1px solid var(--line); border-radius:18px; }
.coin-person b { display:block; font-weight:600; } .coin-person small { color:var(--muted); }
.coin-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:2px; background:var(--line); border:1px solid var(--line); border-radius:18px; overflow:hidden; margin-bottom:12px; }
.coin-strip div { background:var(--card); padding:12px 14px; } .coin-strip span { display:block; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted-2); margin-bottom:4px; } .coin-strip b { font-family:var(--display); font-size:16px; font-weight:700; }
.coin-strip a { color:var(--muted); font-size:11px; }
.coin-next { border:1px solid var(--line); background:var(--card); border-radius:18px; padding:18px 20px; margin-bottom:12px; }
.coin-next h3 { font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }
.coin-next p { margin:10px 0 0; color:var(--muted); font-size:13.5px; }
.routemap { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin:12px 0; }
.routemap .node { padding:12px; border-radius:14px; background:#0f0f0f; border:1px solid var(--line); text-align:center; font-size:13px; } .routemap .node b { display:block; font-family:var(--display); font-size:15px; }
.routemap .node.lime { background:var(--lime-ink); border-color:var(--lime-line); color:var(--lime); }
.routemap svg { width:44px; height:20px; } .routemap path { stroke:var(--lime); stroke-width:2; fill:none; stroke-dasharray:6 6; animation:route-dash 1.2s linear infinite; }
.lists { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.list { border:1px solid var(--line); background:var(--card); border-radius:18px; padding:14px 16px; }
.list h3 { font-size:14px; margin-bottom:8px; display:flex; justify-content:space-between; } .list h3 span { color:var(--muted); font-weight:500; }
.line { display:flex; align-items:center; gap:10px; padding:9px 0; border-top:1px solid var(--line); font-size:13px; }
.line .amt { font-family:var(--display); font-weight:700; min-width:96px; } .line .amt small { font-family:var(--font); color:var(--muted); font-size:11px; margin-left:3px; }
.line .hash { font-family:var(--mono); font-size:12px; color:var(--muted); } .line .t { margin-left:auto; color:var(--muted-2); font-size:12px; } .line a.ex { color:var(--muted); }
.chart-box { border:1px solid var(--line); background:var(--card); border-radius:18px; padding:14px 16px; margin-bottom:12px; }
.chart-box svg { width:100%; height:220px; display:block; }
.chart-box .ax { font-family:var(--mono); font-size:10px; fill:var(--muted-2); }

/* launch wizard */
.wiz { max-width:820px; }
.wiz-toggle { display:grid; grid-template-columns:1fr 1fr; padding:4px; background:var(--card); border:1px solid var(--line); border-radius:16px; margin:18px 0 12px; }
.wiz-toggle button { padding:12px; border-radius:12px; color:var(--muted); font-weight:600; } .wiz-toggle button.on { background:var(--lime); color:#0a0a0a; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-bottom:14px; }
.steps div { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:var(--card); border:1px solid var(--line); color:var(--muted); font-size:13px; }
.steps div i { display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#222; font-style:normal; font-size:11px; font-weight:700; }
.steps div.on { color:var(--text); border-color:var(--lime-line); } .steps div.on i { background:var(--lime); color:#0a0a0a; } .steps div.done i { background:var(--ok); color:#0a0a0a; }
.rails { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:12px; }
.rails button { padding:14px; border-radius:14px; background:#0f0f0f; border:1px solid var(--line); text-align:left; display:grid; gap:4px; }
.rails button b { font-family:var(--display); } .rails button small { color:var(--muted); font-size:12px; }
.rails button.on { border-color:var(--lime); background:var(--lime-ink); }
.who { display:flex; align-items:center; gap:14px; padding:14px; border-radius:16px; background:#0f0f0f; border:1px solid var(--line); margin:10px 0 14px; }
.who .avatar { width:52px; height:52px; border-radius:16px; }
.who b { display:block; font-weight:600; } .who small { color:var(--muted); display:block; } .who .bio { font-size:12.5px; color:var(--muted); margin-top:2px; max-width:56ch; }
.who.none { color:var(--muted); }
.wiz-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }
.drop { border:1px dashed var(--line-2); border-radius:16px; padding:18px; text-align:center; color:var(--muted); cursor:pointer; display:grid; place-items:center; gap:8px; }
.drop.over { border-color:var(--lime); } .drop img { width:72px; height:72px; border-radius:20px; object-fit:cover; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:10px 0; }
.split div { padding:14px; border-radius:14px; background:#0f0f0f; border:1px solid var(--line); } .split b { display:block; font-family:var(--display); font-size:30px; font-weight:800; } .split small { color:var(--muted); }
.split div:first-child { background:var(--lime-ink); border-color:var(--lime-line); } .split div:first-child b { color:var(--lime); }
.review { display:grid; gap:8px; margin:10px 0; }
.review div { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:12px; background:#0f0f0f; font-size:13.5px; } .review div span { color:var(--muted); } .review div b { font-weight:600; text-align:right; }
.steps-log { display:grid; gap:6px; margin-top:12px; }
.steps-log .step { display:flex; gap:10px; align-items:center; font-size:13px; color:var(--muted); padding:8px 10px; border-radius:10px; background:#0f0f0f; }
.steps-log .step.ok { color:var(--text); } .steps-log .step.ok .i { color:var(--ok); } .steps-log .step.err { color:var(--danger); }
.steps-log a { color:var(--lime); }
.preview-card { display:grid; gap:12px; padding:20px; background:var(--card); border:1px solid var(--line); border-radius:20px; }
.range { display:flex; gap:12px; align-items:center; } .range input { flex:1; accent-color:var(--lime); } .range b { font-family:var(--mono); font-weight:500; min-width:44px; text-align:right; }

/* how / docs */
.how-list { display:grid; gap:12px; }
.how-list .card { display:grid; grid-template-columns:120px 1fr; gap:16px; align-items:start; }
.how-list .n { font-family:var(--display); font-weight:800; font-size:36px; color:var(--lime); letter-spacing:-.04em; }
.how-list h3 { font-size:22px; margin-bottom:6px; } .how-list p { color:var(--muted); margin:0; }
.doc { display:grid; gap:14px; max-width:880px; }
.doc article { padding:22px 24px; background:var(--card); border:1px solid var(--line); border-radius:20px; }
.doc .n { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--lime); margin-bottom:8px; font-family:var(--display); font-weight:700; }
.doc h2 { font-size:24px; margin-bottom:10px; } .doc p { color:var(--muted); margin:0 0 10px; font-size:14.5px; } .doc p:last-child { margin:0; } .doc b { color:var(--text); font-weight:600; }

/* flow / analytics */
.ledger { display:grid; gap:6px; }
.ledger .line { padding:11px 14px; background:var(--card); border:1px solid var(--line); border-radius:14px; border-top:1px solid var(--line); }
.ledger .type { min-width:80px; }
.stats4 { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:14px; }

/* claim */
.claim { max-width:720px; }
.code { font-family:var(--mono); font-size:20px; padding:12px 14px; border-radius:12px; background:#0f0f0f; border:1px dashed var(--lime-line); color:var(--lime); display:inline-block; margin:8px 0; }

/* toasts, scrim */
.toasts { position:fixed; right:18px; bottom:18px; display:grid; gap:8px; z-index:100; }
.toast { padding:12px 14px; border-radius:12px; background:#1a1a1a; border:1px solid var(--line-2); color:#fff; font-size:13px; max-width:360px; animation:rise .3s both; }
.toast.err { border-color:rgba(255,92,92,.5); } .toast.ok { border-color:rgba(212,252,80,.6); }
.scrim { display:none; }

@media (max-width: 1000px) {
  .site { grid-template-columns:1fr; }
  .side { position:fixed; left:0; top:0; width:min(280px,86vw); transform:translateX(-100%); transition:transform .25s ease; }
  .site.menu-open .side { transform:none; }
  .site.menu-open .scrim, .scrim.on { display:block; position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:25; }
  .top-menu, .top-brand { display:inline-flex; }
  .top-menu { width:38px; height:38px; border-radius:10px; border:1px solid var(--line); align-items:center; justify-content:center; }
  .hero-card { grid-template-columns:1fr; padding:26px 22px; } .hero-title { font-size:52px; } .hero-vis { min-height:220px; } .coin3d { width:180px; height:180px; right:0; }
  .dash, .grid2, .grid3, .lists, .coin-head, .docs-strip { grid-template-columns:1fr; }
  .coins { grid-template-columns:1fr 1fr; }
  .coin-strip { grid-template-columns:1fr 1fr; } .stats4 { grid-template-columns:1fr 1fr; }
  .rails, .steps { grid-template-columns:1fr; }
  .how-list .card { grid-template-columns:1fr; }
  .routemap { grid-template-columns:1fr; } .routemap svg { transform:rotate(90deg); margin:0 auto; }
}
@media (max-width: 640px) { .coins { grid-template-columns:1fr; } .search { display:none; } .hero-title { font-size:42px; } .page-head { flex-direction:column; align-items:flex-start; } }