/* solarpad.org/app: the app's own dark theme, plus the public header, the Verify page and one spacing scale. No logic. */
:root{--s1:8px;--s2:16px;--s3:24px;--s4:48px;--s5:72px;--accent:#5864f5}
.wrap{max-width:1180px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.top .wrap{min-height:0;padding-block:var(--s2);gap:var(--s2) var(--s3)}
.logo img{width:32px;height:32px}
.menu{margin-left:auto}
.play{display:block;line-height:0;margin:-8px -6px}.play img{height:56px;width:auto}
@media (max-width:760px){.logo{order:1}.play{order:2;margin-left:auto}.menu{order:3;margin-left:0}.wallet{order:4;margin-left:auto}}
main{padding-block:var(--s4) var(--s5)}
.page{gap:var(--s4)}
#allCoins{align-items:stretch;gap:var(--s2)}#allCoins>.coin{height:100%}
#allCoins>.empty{grid-column:1/-1;min-height:0;padding:var(--s1) 0;background:none;border:0}
.panel{padding:var(--s3)}
/* Verify */
.vpage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:center}
@media (max-width:900px){.vpage{grid-template-columns:minmax(0,1fr);gap:var(--s3)}}
.vcopy{display:grid;gap:var(--s2);justify-items:start}
.vcopy .k{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sun)}
.vcopy h1{font-size:clamp(52px,7vw,92px);line-height:1;letter-spacing:-.04em;font-weight:700}.vcopy h1 em{font-style:normal;color:#777eff}
.vcopy p{margin:0;font-size:clamp(19px,2.2vw,24px);line-height:1.3;color:#d5d5e3;max-width:24ch}
.vcard{background:#13131d;border:1px solid #292936;border-radius:20px;padding:var(--s3);display:grid;gap:var(--s2);min-width:0}
.vrows{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.vrow{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--s2);align-items:center;padding:var(--s2);border:1px solid transparent;border-radius:14px;font-size:clamp(18px,2vw,21px);font-weight:650;letter-spacing:-.01em;line-height:1.2}
.vrow i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 17px var(--mono);font-style:normal;background:#20202e;color:#d5d5e3}
.vrow small{display:block;font-size:15px;font-weight:500;letter-spacing:0;margin-top:2px;color:#b8b8cb}
.vrow.todo{opacity:.45}
.vrow.now{background:#202037;border-color:#5864f5;color:#fff}.vrow.now i{background:var(--accent);color:#fff}
.vrow.ok i{background:#48d594;color:#09090f}
.vrow #ts{grid-column:1/-1;min-width:0}.vrow #ts:empty{display:none}.vrow.ok #ts{height:0;overflow:hidden}
.vgo{width:100%;justify-content:center;font-size:19px;min-height:60px}
.btn[disabled]{opacity:1;background:#20202e;color:#a9a9bd}
.verr{background:#3a202b;color:#ffc2cf;border-radius:12px;padding:var(--s2);font-size:17px;font-weight:600;line-height:1.3}
.vout{margin:0;font-size:15px;color:#a2a2b3;text-align:center}.vout a{color:#f4f4fa}
.vdone{display:grid;gap:var(--s2);justify-items:start}
.vdone b{font-size:clamp(40px,5vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1;color:#48d594}
.vdone span{font:600 16px var(--mono)}.vdone .cta{display:flex;gap:var(--s1);flex-wrap:wrap}
/* Scroll: only what's still below the fold, added from JS, short and small */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .3s ease var(--d,0s),transform .3s ease var(--d,0s)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Tight and flat: one solid black, thin lines, one compact header row */
:root{--s1:6px;--s2:12px;--s3:16px;--s4:24px;--s5:32px}
html,body,.top{background:#09090f}body::before{background:#09090f}
.banner{display:none!important}
.wrap{max-width:1200px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.top{border-bottom:1px solid #22222e}
.top .wrap{min-height:58px;padding-block:10px;gap:var(--s2) var(--s3)}
.logo{font-size:22px;letter-spacing:-.03em;gap:8px;line-height:1}.logo img{width:26px;height:26px}
.devtag{font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#a2a2b3;border:1px solid #292936;border-radius:6px;padding:2px 6px;margin-left:2px}
.menu{gap:2px}.menu a{padding:6px 10px;font-size:14px;border-radius:8px}
.play{display:flex;align-items:center;justify-content:center;height:36px;width:122px;margin:0;overflow:hidden}.play img{height:54px;width:auto;max-width:none}
.wallet .btn,.btn.sm{min-height:36px;padding:0 14px;font-size:14px;border-radius:9px}
.wallet .pill{padding-block:5px;font-size:13px}
@media (max-width:760px){.play{display:none}.logo{order:1}.wallet{order:2;margin-left:auto}.menu{order:3;margin:0;width:100%}}
main{padding-block:var(--s4) var(--s5)}.page{gap:var(--s4)}
main .page>div>h1{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.05}
main .page>div:first-child{gap:6px!important}
.lede{font-size:16px}
.coin{padding:14px;gap:8px}.panel{padding:var(--s3)}
#allCoins{gap:var(--s2)}
footer .wrap{padding-block:var(--s3)}
.vpage{gap:var(--s4);align-items:start}.vcopy{gap:var(--s2);padding-top:var(--s3)}
.vcopy h1{font-size:clamp(40px,5.4vw,68px)}.vcopy p{font-size:clamp(17px,1.8vw,20px)}
.vcard{padding:var(--s3);gap:var(--s2)}.vrows{gap:4px}
.vrow{grid-template-columns:36px minmax(0,1fr);gap:var(--s2);padding:10px var(--s2);font-size:17px}.vrow i{width:36px;height:36px;font-size:15px}.vrow small{font-size:14px}
.vgo{min-height:50px;font-size:17px}

/* fomo.family's colours, dense and flat: over everything above */
:root{--blue:#060510;--blue-deep:#12111A;--card:#12111A;--raised:#161522;--ink:#F7F7F7;--white:#F7F7F7;--soft:#9899A3;--line:rgba(203,208,235,.10);--glass:#12111A;--glass-2:#161522;--good:#21C95E;--sun:#FFC74F;--accent:#516AF6;--display:"Inter Tight",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
html,body,.top{background:#060510}body::before{background:#060510}body{font-size:14px;font-weight:400}
.top{position:sticky;top:0;border-bottom:1px solid var(--line)}
.top .wrap{height:50px;min-height:50px;padding-block:0;gap:8px;justify-content:flex-start;flex-wrap:nowrap}
.logo{font-size:18px;font-weight:600;letter-spacing:-.02em;gap:6px;color:#F7F7F7}.logo img{width:22px;height:22px}
.devtag{font:500 10px var(--display);letter-spacing:.03em;color:#9899A3;border-color:var(--line);border-radius:4px;padding:1px 5px}
.menu{margin-left:8px;gap:2px}.menu a{padding:5px 9px;border-radius:6px;font-size:13px;font-weight:500;color:#9899A3}.menu a:hover{background:#161522;color:#F7F7F7}.menu a[aria-current="page"]{background:#161522;color:#F7F7F7}
.play{margin-left:auto;width:109px;height:32px}.play img{height:48px}
.wallet .btn,.btn.sm{min-height:32px;padding:0 12px;font-size:13px;border-radius:7px}
.btn{background:#516AF6;color:#fff;border-radius:7px;font:600 13px var(--display);min-height:36px;padding:0 14px}.btn:hover{background:#6379f7}
.btn.ghost{background:#161522;color:#F7F7F7;box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:#1d1c2b}
.btn[disabled]{background:#161522;color:#9899A3}
@media (max-width:760px){.play{display:none}.top .wrap{flex-wrap:wrap;height:auto;padding-block:8px}.logo{order:1}.wallet{order:2;margin-left:auto}.menu{order:3;margin:0;width:100%}}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;color:#F7F7F7}
.eyebrow,.vcopy .k{font:500 12px var(--display);letter-spacing:.02em;text-transform:none;color:#9899A3}
.lede,.note,.muted,.empty{color:#9899A3}.note a,.empty a{color:#F7F7F7}
.step,.panel,.coin,.kpi,.vstep,.stats div,.list>div,.vcard{background:#12111A;border:1px solid var(--line);border-radius:8px}
.coin:hover{background:#161522;border-color:var(--line)}.coin{padding:12px;font-size:13px}.pic{border-radius:6px;color:#060510}.coin b{font-weight:600}
.tabs button,.chips button,.tf button{background:#12111A;color:#9899A3;border-radius:6px;font-size:13px;font-weight:500;padding:5px 10px;min-height:0}
.tabs button[aria-pressed="true"],.chips button[aria-pressed="true"],.tf button[aria-pressed="true"]{background:#516AF6;color:#fff}
.search,input,textarea,.amount{background:#12111A;color:#F7F7F7;border:1px solid var(--line);border-radius:7px;font-size:13px}.search::placeholder,input::placeholder,textarea::placeholder{color:#9899A3}
.bar{background:#161522}.bar i{background:#516AF6}.tag{background:#161522;color:#F7F7F7}.tag.hot{background:#161522;color:#FFC74F}
.buy{color:#21C95E}.sold{color:#FF4E51}.chartbox{background:#12111A;border:1px solid var(--line);border-radius:8px}
.toast{background:#161522;color:#F7F7F7;border-color:var(--line)}.toast.err{background:#161522;color:#FF4E51}.toast.ok{background:#161522;color:#21C95E}
footer{border-color:var(--line);color:#9899A3;font-size:12px}footer a{color:#9899A3}
/* Verify */
.vpage{gap:var(--s5);align-items:center;min-height:calc(100svh - 50px - 120px)}
.vcopy h1{font-size:clamp(40px,5.6vw,72px);letter-spacing:-.04em;font-weight:600}.vcopy h1 em{color:#516AF6}.vcopy p{color:#9899A3;font-size:clamp(15px,1.5vw,17px)}
.vcopy .why{font-size:14px;color:#9899A3;max-width:34ch}
.vcard{padding:12px;gap:10px}
.vstatus{margin:0;font-size:14px;font-weight:600;padding:2px 4px}
.vrow{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px;border-radius:7px;font-size:15px;font-weight:600;letter-spacing:-.01em;align-items:start}
.vrow i{width:30px;height:30px;border-radius:6px;font:600 13px var(--display);background:#161522;color:#F7F7F7}
.vrow small{font-size:13px;font-weight:400;color:#9899A3;margin-top:1px;line-height:1.35}
.vrow.now{background:#161522;border-color:#516AF6}.vrow.now i{background:#516AF6;color:#fff}.vrow.now small{color:#F7F7F7}
.vrow.ok i{background:#161522;color:#F7F7F7;box-shadow:inset 0 0 0 1px var(--line)}.vrow.todo{opacity:.5}
.vgo{min-height:46px;font-size:15px}
.verr{background:#161522;color:#F7F7F7;border:1px solid #FF4E51;border-radius:7px;padding:10px 12px;font-size:14px;font-weight:500}
.vout{font-size:13px;color:#9899A3}.vout a{color:#F7F7F7}
.vdone b{color:#F7F7F7;font-weight:600}.vdone span{font:500 14px var(--display);color:#9899A3}
.logo .devtag{color:#9899A3}
.coin .pic{width:36px;height:36px;font-size:15px}