:root{--bg:#f7f8fa;--ink:#20252a;--muted:#7b838e;--line:#e6e9ed;--mint:#b8f5d7;--green:#27744f;--purple:#9b83e8;--sidebar:#151b20}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,"Segoe UI",sans-serif;font-size:14px;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9b83e8;outline-offset:4px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--sidebar);color:#c4cbd0;padding:32px 22px;display:flex;flex-direction:column;z-index:5}.brand{font-size:33px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center;color:white;gap:10px}.brand-icon{font-size:28px;font-weight:800;background:var(--mint);color:#192c28;width:36px;height:36px;line-height:35px;position:relative;border-radius:10px;text-align:center;letter-spacing:-3px;padding-right:4px}.brand-icon span{position:absolute;right:1px;top:-5px;font-size:19px}.brand-dot{color:var(--mint);margin-left:-8px}.workspace{display:flex;align-items:center;gap:10px;margin:36px 0 26px;padding:13px 9px;border:1px solid #ffffff13;border-radius:9px;font-size:12px;font-weight:600}.workspace small{display:block;color:#7c8992;font-size:10px;margin-top:5px;font-weight:400}.avatar{display:grid;place-items:center;width:31px;height:31px;background:#38413d;color:var(--mint);border-radius:9px}.workspace .network-dot{margin-left:auto}.network-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78ce9f;flex-shrink:0}.nav-label{font-size:9px;letter-spacing:1.5px;color:#677781;margin:0 12px 12px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;padding:13px 13px;border-radius:8px;font-size:13px;color:#929fa7;gap:13px}nav a>span:first-child{font-size:18px;width:20px;text-align:center}nav a.active{background:#b8f5d710;color:var(--mint)}nav a:hover{background:#ffffff08}.nav-count{margin-left:auto;background:#b8f5d71a;border-radius:4px;padding:2px 6px;font-size:10px}.sidebar-note{margin-top:auto;border:1px solid #ffffff13;border-radius:12px;padding:22px 19px;background:linear-gradient(145deg,#24302c,#1b2228);position:relative}.sidebar-note h3{font-size:18px;font-weight:500;line-height:1.45;color:#eff6f1;margin:18px 0 10px}.sidebar-note p{font-size:11px;line-height:1.7;color:#91a399}.sidebar-note a{display:flex;justify-content:space-between;color:var(--mint);font-size:11px;margin-top:23px}.sidebar-foot{font-size:10px;color:#718179;margin-top:26px}.sidebar-foot .network-dot{margin-right:5px}.sidebar-foot small{display:block;margin:9px 12px;font-size:9px}.app-shell{margin-left:240px}.topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 44px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{display:flex;gap:14px;color:#949ba4;font-size:12px}.breadcrumb span{color:#c6cbd1}.breadcrumb strong{color:#38414b;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.prototype-chip{font-size:9px;font-weight:700;letter-spacing:1px;padding:6px 8px;border:1px solid #e5e3ec;border-radius:5px;color:#8d789f;background:#f6f2fa}.balance-pill{display:flex;align-items:center;gap:13px;background:#f7f8fa;border:1px solid var(--line);border-radius:8px;padding:10px 13px;font-size:11px;font-weight:600}.sol-mini{font-size:19px;color:#806ab4}.balance-pill>span:last-child{color:#889297}main{max-width:1330px;margin:auto;padding:35px 44px 20px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#8d949d;margin:0 0 12px}h1{font-size:clamp(28px,2.8vw,39px);letter-spacing:-1.5px;font-weight:600;margin:0 0 11px;line-height:1.15}h1>span{color:#54a37b}.page-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0;line-height:1.6}.heading-badge{font-size:10px;border:1px solid var(--line);padding:9px 12px;border-radius:20px;white-space:nowrap;color:#7c8591}.heading-badge .network-dot{margin-right:6px}.hero-banner{display:flex;justify-content:space-between;position:relative;overflow:hidden;border-radius:16px;background:#202d29;padding:29px 36px;color:#f4faf7;min-height:245px;background-image:radial-gradient(ellipse at 80% 60%,#38664b88,transparent 60%)}.hero-tag{font-size:8px;letter-spacing:1.5px;font-weight:600;color:#a9c9b6}.hero-banner h2{font-size:32px;line-height:1.13;letter-spacing:-.8px;font-weight:500;margin:13px 0}.hero-banner p{font-size:11px;line-height:1.7;color:#a3b9ad;margin:0 0 20px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:12px 16px;border-radius:7px;font-size:11px;font-weight:600;transition:background .2s,transform .2s}.button:active{transform:translateY(1px)}.button.light{background:var(--mint);color:#284738}.button.dark{background:#202b25;color:#f2fff8}.button.dark:hover{background:#385442}.button:disabled{opacity:.5;cursor:default}.hero-art{width:43%;position:relative;min-width:250px;display:grid;place-items:center}.orbit{position:absolute;width:360px;height:160px;border:1px solid #70957e29;border-radius:50%;rotate:-24deg;top:50px;left:calc(50% - 180px)}.orbit-two{width:400px;height:230px;top:10px;left:calc(50% - 200px);rotate:30deg}.coin{width:146px;height:146px;position:absolute;border-radius:50%;background:linear-gradient(140deg,#e4ffee,#90c6a4 50%,#476f58);border:5px solid #95c4a5;box-shadow:7px 10px 0 #48755d,18px 25px 26px #101b1a44;display:grid;place-items:center;transform:rotate(-22deg) skewY(8deg);color:#2d5942}.coin-back{width:103px;height:103px;top:7px;right:14%;background:linear-gradient(145deg,#c8b7e9,#685383);border-color:#ab99ca;box-shadow:5px 7px 0 #514364;font-size:66px;color:#d8caef;transform:rotate(16deg) skewY(-8deg)}.coin-front{top:43px;left:calc(50% - 90px)}.sol-mark{display:grid;gap:5px;width:31px;transform:skewX(-20deg)}.sol-mark i{height:6px;background:linear-gradient(100deg,#92eccc,#baa8e2);border-radius:1px}.sol-mark i:nth-child(2){transform:skewX(35deg)}.coin .sol-mark{width:66px;gap:11px}.coin .sol-mark i{height:13px;background:linear-gradient(90deg,#47745a,#244632)}.floating-label{position:absolute;bottom:15px;right:8%;font-size:10px;padding:9px 13px;background:#d9fce412;border:1px solid #9dd4b421;border-radius:6px;backdrop-filter:blur(6px);color:#c0d7c9;rotate:-6deg}.floating-label .network-dot{margin-right:6px}.spark{position:absolute;color:#afd2b6;font-size:25px}.spark-one{left:15%;top:22px}.spark-two{right:10%;bottom:67px;font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 33px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px 22px}.stat-label{font-size:11px;color:#7d8790;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stat-label>span{font-size:17px;color:#a1aaa5}.stat strong{font-size:24px;font-weight:550;letter-spacing:-.7px}.stat strong em{font-size:12px;color:#7e8892;font-style:normal;font-weight:400;letter-spacing:0}.stat small{display:block;font-size:9px;color:#949da5;margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.section-heading h2{font-size:18px;font-weight:550;letter-spacing:-.35px;margin:0 0 8px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.count-chip{font-size:10px;color:#7a8583;background:#eaf0ed;padding:3px 7px;border-radius:4px;margin-left:7px;vertical-align:middle}.filters{display:flex;gap:4px;background:#eceef1;padding:4px;border-radius:7px}.filters button{font-size:10px;padding:7px 11px;color:#88909a;background:transparent;border-radius:4px;white-space:nowrap}.filters button[aria-pressed=true]{background:#fff;color:#3f4949;box-shadow:0 1px 4px #1c252b08}.ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ad-card{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.ad-art{height:112px;position:relative;overflow:hidden;padding:21px 24px;display:flex;align-items:center;justify-content:space-between}.ad-art.mint{background:#e5f2e9;color:#41694e}.ad-art.lilac{background:#ece9f7;color:#79659f}.ad-art.sand{background:#f5eee0;color:#9c824e}.ad-art.blue{background:#e7eef7;color:#5a7593}.ad-art .art-name{font-size:23px;letter-spacing:-1px;font-weight:600;line-height:1.1;z-index:1}.ad-art small{display:block;letter-spacing:2px;font-size:7px;font-weight:500;margin-top:7px}.ad-art .art-symbol{font-size:78px;font-weight:300;rotate:-15deg;opacity:.65;position:absolute;right:32px;top:11px}.art-rings{position:absolute;width:170px;height:170px;border:1px solid currentColor;opacity:.13;border-radius:50%;right:8px;top:-28px}.art-rings:before,.art-rings:after{content:"";position:absolute;inset:20px;border:1px solid;border-radius:50%}.art-rings:after{inset:40px}.ad-body{padding:18px 21px;flex:1}.ad-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#96a09e}.ad-meta span:first-child{display:inline-flex;align-items:center;gap:5px}.ad-meta span:first-child:before{content:"";width:4px;height:4px;border-radius:50%;background:#7b9a88}.ad-body h3{font-size:15px;font-weight:600;letter-spacing:-.2px;margin:11px 0 8px}.ad-body p{font-size:11px;line-height:1.65;color:#889199;margin:0}.ad-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 21px 17px;gap:12px}.reward{font-size:12px;font-weight:600;color:#486b57}.reward small{font-size:8px;font-weight:400;display:block;color:#a1aaa5;margin-top:4px}.view-button{background:#edf5ef;color:#3d6a50;border:1px solid #dbeade;border-radius:6px;padding:9px 13px;font-size:10px;font-weight:600;min-width:114px}.view-button:disabled{background:#f1f3f2;color:#9baba0;cursor:default}.transparency{display:flex;align-items:center;gap:13px;padding:18px 20px;background:#edf0f3;border-radius:9px;margin-top:23px;color:#8a959f}.transparency>span{font-size:18px}.transparency p{font-size:10px;line-height:1.6;flex:1;margin:0}.transparency strong{font-weight:600;color:#737f88}.transparency a{font-size:10px;white-space:nowrap}.main-footer{margin-top:36px;padding-top:21px;border-top:1px solid var(--line);font-size:9px;color:#99a1a8;display:flex;justify-content:space-between;gap:20px}.surface{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.surface h2{font-size:19px;letter-spacing:-.5px;margin:0 0 10px;font-weight:600}.surface>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 22px}label{display:block;font-size:11px;font-weight:600;color:#56605e;margin:19px 0}input,textarea,select{display:block;width:100%;padding:12px 13px;background:#fbfcfc;border:1px solid #dfe5e2;border-radius:7px;color:#38443f;font-size:12px;margin-top:8px;min-width:0}input::placeholder,textarea::placeholder{color:#a0aba5}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row label{min-width:0}.field-note{font-size:10px;line-height:1.8;color:#939e96}.check-label{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.7}.check-label input{width:14px;margin:3px 0;flex-shrink:0;accent-color:#477a5b}.form-result{font-size:11px;line-height:1.6;margin:14px 0 0;color:#406b52;min-height:16px}.form-result.error{color:#a5524d}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 35px}.wallet-card{background:linear-gradient(145deg,#273e31,#182721);color:#e4f6ea;border-radius:14px;padding:31px}.wallet-card h2{font-size:33px;font-weight:500;letter-spacing:-1px;margin:25px 0 10px}.wallet-card>p{font-size:11px;color:#9eb7a5;margin-bottom:43px}.wallet-detail{display:flex;justify-content:space-between;gap:20px;font-size:11px;margin:18px 0}.wallet-detail span{color:#8fa397}.wallet-detail strong{font-weight:500}.input-action{display:flex;position:relative}.input-action input{padding-right:55px}.input-action button{position:absolute;right:10px;top:18px;font-size:10px;background:#ecf3ee;color:#56795f;padding:6px;border-radius:4px}.text-button{background:transparent;color:#668b74;font-size:11px;padding:6px 0}.danger{color:#a06258}.table-wrap{border:1px solid var(--line);border-radius:10px;background:white;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:17px 20px;font-size:10px;font-weight:500;color:#9ba5a0;border-bottom:1px solid var(--line)}td{padding:18px 20px;font-size:11px;border-bottom:1px solid #f0f2f1;color:#738079}td:first-child{font-weight:500;color:#414e46}.status-pill{padding:5px 8px;font-size:9px;background:#ecf5ef;color:#63826d;border-radius:4px}.empty-state{text-align:center;padding:45px 20px;color:#8f9b93}.empty-state>span{font-size:29px;color:#83a58e}.empty-state h3{font-size:17px;color:#66776d;font-weight:500}.empty-state p,.empty-state a{font-size:11px}.empty-state a{color:#61866d}.advertise-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;align-items:start}.campaign-estimate{padding:30px 28px;border:1px solid #dce7dd;background:#edf4ed;border-radius:13px;position:sticky;top:25px}.campaign-estimate h2{font-size:24px;font-weight:500;letter-spacing:-.7px;line-height:1.25;color:#47604d}.estimate-number{font-size:50px;font-weight:500;letter-spacing:-2px;margin:30px 0 0;color:#486b50}.campaign-estimate>p{font-size:11px;color:#8b9e8e}.campaign-estimate .wallet-detail{padding-top:17px;border-top:1px solid #dbe5dc}.estimate-bottom{display:flex;gap:11px;padding-top:24px;margin-top:25px;border-top:1px solid #dbe5dc;color:#6c8971;line-height:1.7;font-size:11px}.draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.draft-card{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.draft-card h3{margin:10px 0;font-size:16px}.draft-card p{color:#929c96;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.draft-card>span{font-size:9px;color:#8a729c}.draft-card .text-button{color:#9a766c}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-number{display:block;font-size:30px;font-weight:400;color:#b1ccb7;margin-bottom:30px}.steps-grid h2{font-size:17px}.steps-grid p{margin-bottom:0;font-size:11px}.faq{margin-top:28px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-size:13px;cursor:pointer}.faq details p{font-size:12px;color:#86938a;line-height:1.8;max-width:750px}.faq>.text-button{margin-top:20px}dialog{border:1px solid #e3e8e2;border-radius:17px;padding:25px;width:min(510px,calc(100% - 32px));box-shadow:0 30px 100px #15271f33;color:var(--ink)}dialog::backdrop{background:#14251dd9;backdrop-filter:blur(5px)}.viewer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon-button{font-size:24px;background:#f1f4f2;border-radius:50%;width:32px;height:32px;color:#7d8d81}.story-display{padding:35px 26px;border-radius:11px;background:#eaf4ed;min-height:220px}.story-display h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:20px 0 13px}.story-display p{font-size:13px;line-height:1.8;color:#688273}.story-display small{font-size:10px;color:#8fa695}.view-progress{margin:25px 0}.view-progress>div{display:flex;justify-content:space-between;font-size:11px;color:#86938a}.view-progress strong{color:#4d7257}progress{width:100%;height:7px;border:0;accent-color:#78bd8e;display:block;margin:12px 0;border-radius:4px;overflow:hidden}progress::-webkit-progress-bar{background:#edf1ec}progress::-webkit-progress-value{background:#8ac99b}.view-progress p{font-size:10px;color:#97a499;line-height:1.6}dialog>.button{width:100%}.toast{position:fixed;bottom:24px;left:calc(50% + 80px);transform:translateX(-50%);background:#253c2c;color:#e3f6e8;padding:14px 22px;border-radius:9px;font-size:12px;box-shadow:0 6px 26px #1c2e2322;z-index:20;max-width:90vw}
@media(min-width:1550px){main{padding-top:45px}.hero-banner{min-height:275px}.ad-art{height:140px}.ad-body{padding-top:22px;padding-bottom:22px}.hero-art{transform:scale(1.1)}}
@media(max-width:1100px){.sidebar{width:200px;padding:26px 17px}.app-shell{margin-left:200px}.topbar{padding:0 28px}main{padding:28px}.heading-badge{display:none}.hero-art{min-width:220px}.hero-banner{padding:27px}.stat{padding:17px}.stat strong{font-size:20px}.filters button{padding:7px}.advertise-layout{grid-template-columns:1fr}.campaign-estimate{position:static}.steps-grid{gap:12px}.surface{padding:23px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px 20px;display:block}.brand{font-size:27px}.brand-icon{width:30px;height:30px;line-height:29px;font-size:25px}.workspace,.nav-label,.sidebar-note,.sidebar-foot{display:none}nav{display:flex;gap:3px;margin-top:16px}nav a{padding:9px 11px;font-size:11px;gap:7px}nav a>span:first-child{font-size:15px;width:15px}.nav-count{display:none}.app-shell{margin-left:0}.topbar{height:61px;padding:0 20px}.top-actions{gap:10px}.breadcrumb{font-size:10px;gap:7px}.prototype-chip{font-size:8px;padding:5px}.balance-pill{font-size:9px;padding:8px;gap:7px}main{padding:27px 20px}.page-heading{margin-bottom:23px}h1{font-size:30px}.page-heading p:not(.eyebrow){font-size:11px}.hero-banner{padding:25px;min-height:260px}.hero-banner h2{font-size:29px}.hero-art{min-width:100px;width:35%;opacity:.8}.coin-front{width:94px;height:94px;left:0;top:64px;border-width:4px}.coin .sol-mark{width:43px;gap:7px}.coin .sol-mark i{height:8px}.coin-back{width:70px;height:70px;right:0;top:24px;font-size:42px}.floating-label{display:none}.orbit{left:-60px;width:220px}.orbit-two{left:-80px;width:260px}.stats-grid{gap:8px;margin:17px 0 26px}.stat{padding:14px 11px}.stat-label{font-size:9px;margin-bottom:12px}.stat-label>span{display:none}.stat strong{font-size:16px;letter-spacing:-.5px}.stat strong em{display:block;font-size:9px;margin-top:5px}.stat small{font-size:8px;line-height:1.6}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.ads-grid{gap:12px}.ad-art{padding:18px;height:105px}.ad-art .art-name{font-size:20px}.ad-art .art-symbol{font-size:57px;right:10px;top:24px}.ad-body{padding:16px}.ad-bottom{padding:12px 16px;flex-wrap:wrap}.view-button{width:100%;min-width:0}.reward{font-size:11px}.transparency{padding:15px;align-items:flex-start}.transparency a{display:none}.wallet-grid,.draft-grid,.steps-grid{grid-template-columns:1fr}.wallet-card h2{font-size:28px}.form-row{gap:12px}.main-footer{font-size:8px;line-height:1.6}.main-footer a{white-space:nowrap}.toast{left:50%;font-size:11px}}
@media(max-width:410px){nav a{padding:9px 7px;font-size:10px}.hero-banner{padding:23px 20px}.hero-art{opacity:.55;min-width:85px}.hero-banner h2{font-size:27px}.stats-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.stat:last-child .stat-label{margin:0}.stat:last-child strong{font-size:15px}.stat:last-child strong em{display:inline}.stat:last-child small{display:none}.ads-grid{grid-template-columns:1fr}.ad-bottom{flex-wrap:nowrap}.view-button{width:auto;min-width:120px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* AdSOL refinement: soft depth, editorial cards, and a live campaign preview. */
:root{--bg:#f5f7f6;--muted:#68776e;--line:#dfe7e1}
body{background-image:radial-gradient(ellipse at 90% 0%,#dfebe54a,transparent 45%)}
.sidebar{background:linear-gradient(165deg,#1c2722,#141c19 70%);border-right:1px solid #ffffff08}
nav a{transition:background .2s,color .2s}nav a.active{box-shadow:inset 3px 0 #b8f5d7;background:#b8f5d713}
.topbar{background:#fffffff2}.page-heading{margin-bottom:30px}.eyebrow{color:#74877a}h1{font-weight:650}
.hero-banner{min-height:270px;padding:34px 38px;background-color:#1d3027;background-image:radial-gradient(ellipse at 85% 20%,#78978348,transparent 55%),radial-gradient(ellipse at 50% 100%,#315b4380,transparent 60%);box-shadow:0 14px 35px #203c2710;border:1px solid #2b4938}
.hero-banner:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#d8fce7 0.5px,transparent .5px);background-size:5px 5px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-banner>div{z-index:1}.hero-banner h2{font-size:36px;font-weight:550}.hero-banner p{color:#bdd1c4}.button.light:hover{background:#d0ffe6;box-shadow:0 5px 16px #071b2520}.button{min-height:42px}.hero-art{animation:gentle-drift 8s ease-in-out infinite}.coin-front{box-shadow:7px 10px 0 #48755d,18px 25px 26px #101b1a44,0 0 65px #c8ffd923}.coin-back{top:0}.spark-one{animation:star-glow 4s ease-in-out infinite}
.stat{padding:21px 22px;box-shadow:0 3px 12px #2a3e3003}.stat-label{color:#64756a}.stat strong{font-size:26px;font-variant-numeric:tabular-nums}.stat small{color:#78887e}.stats-grid{margin-bottom:30px}
.discovery-guide{display:flex;align-items:center;gap:14px;padding:17px 19px;background:#eef4ef;border:1px solid #e0eae2;border-radius:12px;margin-bottom:20px}.guide-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#dcebe0;color:#47795a;border-radius:10px;font-size:23px}.discovery-guide strong{font-size:12px;font-weight:600;color:#47634e}.discovery-guide p{font-size:10px;line-height:1.6;color:#75877a;margin:4px 0 0}.discovery-guide a{font-size:10px;color:#55765e;margin-left:auto;white-space:nowrap}
.ad-card{transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 4px 13px #203b2605}.ad-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #203b2610;border-color:#c8dacd}.ad-card.is-complete{opacity:.76}.ad-card.is-complete:hover{transform:none}.ad-art{height:145px;padding:25px 26px}.ad-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(currentColor .6px,transparent .6px);background-size:6px 6px;opacity:.06;pointer-events:none}.ad-art .art-name{font-size:28px}.ad-art small{line-height:1.7;max-width:190px;letter-spacing:1.8px}.ad-art .art-symbol{font-size:100px;right:27px;top:15px}.ad-art.mint{background:radial-gradient(circle at 90% 0%,#c2dfcf,transparent 60%),#e5f2e9}.ad-art.lilac{background:linear-gradient(130deg,#ede7f7,#e3def4)}.ad-art.sand{background:linear-gradient(140deg,#f6eddd,#ecdfc5)}.ad-art.blue{background:linear-gradient(140deg,#e8eff6,#ccdeed)}.ad-art.sand .art-rings{border-radius:20px;rotate:-28deg;top:10px;right:20px}.ad-art.sand .art-rings:before,.ad-art.sand .art-rings:after{border-radius:14px}.ad-art.blue .art-rings{width:310px;height:110px;right:-60px;top:75px;rotate:-20deg}.ad-art.blue .art-symbol{rotate:0deg;font-size:118px;top:-5px}.ad-art.lilac .art-rings{border-radius:0;rotate:35deg;right:22px;top:-70px}.ad-art.lilac .art-rings:before,.ad-art.lilac .art-rings:after{border-radius:0}
.ad-body{padding:21px 24px}.ad-body h3{font-size:17px;line-height:1.4;margin:13px 0 9px}.ad-body p{color:#738278;font-size:12px}.ad-meta{color:#78897d}.ad-bottom{padding:16px 24px 22px}.reward{font-variant-numeric:tabular-nums}.view-button{min-height:39px;padding:10px 15px;transition:background .2s}.view-button:hover:enabled{background:#dcefe1}.transparency{background:#eaf0ec;color:#718277}.transparency strong{color:#506b59}
.surface{box-shadow:0 4px 16px #253b2e04}.surface>p{color:#748177}.surface input:focus,.surface textarea:focus,.surface select:focus{background:#fff;border-color:#8fad98}.wallet-card{position:relative;overflow:hidden;background:radial-gradient(circle at 110% 0%,#5f8f6b55,transparent 65%),linear-gradient(145deg,#2b4836,#182b21)}.wallet-card:after{content:"≋";position:absolute;right:-20px;top:25px;font-size:230px;line-height:1;color:#b8f5d70b;pointer-events:none}.wallet-card>*{position:relative;z-index:1}.wallet-card h2{font-variant-numeric:tabular-nums}.campaign-estimate{background:linear-gradient(150deg,#e8f3e9,#f1f5eb)}.campaign-preview{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:28px 0 35px;padding:32px}.campaign-preview>div>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#75877c;max-width:330px}.campaign-preview h2{font-size:25px;line-height:1.3}.campaign-preview .ad-card{pointer-events:none;min-width:0}.campaign-preview .ad-body h3,.campaign-preview .ad-body p,.campaign-preview .art-name{overflow-wrap:anywhere}.preview-disclaimer{font-size:9px;line-height:1.6;color:#829388}.campaign-preview .ad-art{height:110px}.campaign-preview .art-name{font-size:23px}.campaign-preview .ad-bottom{padding-top:7px}.draft-grid{margin-bottom:15px}.advertise-layout+.section-heading{margin-top:30px}.table-wrap{box-shadow:0 4px 15px #253b2e04}.story-display{background:radial-gradient(circle at 100% 0%,#cae7d4,transparent 60%),#eaf4ed}.story-display.lilac{background:#ede7f6}.story-display.sand{background:#f6efdf}.story-display.blue{background:#e4eff6}.story-display.lilac p{color:#77608f}.story-display.sand p{color:#8a7858}.story-display.blue p{color:#607f98}
@keyframes gentle-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes star-glow{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:1100px){.hero-banner{padding:30px}.stat strong{font-size:22px}.campaign-preview{gap:25px}.ad-art .art-name{font-size:25px}}
@media(max-width:760px){.hero-banner{padding:26px;min-height:275px}.hero-banner h2{font-size:30px}.stat{padding:16px 12px}.stat strong{font-size:18px}.discovery-guide a{display:none}.ad-art{height:125px;padding:20px}.ad-art .art-name{font-size:23px}.ad-art .art-symbol{font-size:80px;right:12px;top:15px}.ad-body{padding:18px}.ad-body h3{font-size:16px}.ad-bottom{padding:14px 18px 18px}.campaign-preview{grid-template-columns:1fr;padding:24px;gap:20px}.discovery-guide{padding:14px}.hero-art{animation:none}}
@media(max-width:410px){.hero-banner{padding:24px 20px}.hero-banner h2{font-size:28px}.hero-banner p{font-size:10px}.hero-art{min-width:65px}.ad-art{height:135px}.stat strong{font-size:17px}.discovery-guide p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ad-card:hover{transform:none}}
.story-display{position:relative;overflow:hidden;padding:30px;min-height:285px}.story-display>h2{max-width:340px;position:relative;z-index:1;font-size:35px;line-height:1.1}.story-display>p{position:relative;z-index:1;max-width:360px}.story-display>small{font-size:9px;letter-spacing:1px;position:relative;z-index:1}.story-emblem{position:absolute;right:-10px;top:-22px;font-size:150px;line-height:1;color:#577c6320;rotate:-15deg;pointer-events:none}.view-progress{background:#f4f7f4;padding:17px;border:1px solid #e7eee8;border-radius:10px}.view-progress strong{font-size:18px;font-variant-numeric:tabular-nums}.view-progress>div{align-items:center}.view-progress p{margin-bottom:0}.reward-ready .view-progress{background:#edf8ef;border-color:#cce7d1}.reward-ready #claim-reward{background:#356b48}.reward-confirmation{text-align:center;padding:35px;width:min(440px,calc(100% - 32px));background:radial-gradient(ellipse at 50% 0%,#edf9f0,transparent 60%),#fff}.reward-close{position:absolute;right:16px;top:16px}.reward-seal{display:grid;place-items:center;width:70px;height:70px;background:#d7f0df;border:7px solid #edf8ef;outline:1px solid #c7e8d1;border-radius:50%;margin:8px auto 30px;font-size:30px;color:#39704c;animation:reward-arrival .4s ease-out}.reward-confirmation h2{font-size:30px;letter-spacing:-1px;font-weight:600;color:#34583f;margin:14px 0}.reward-confirmation>p:not(.eyebrow){font-size:11px;line-height:1.7;color:#7f9184}.reward-summary{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-block:1px solid #e5ece7;margin:25px 0 16px;font-size:11px}.reward-summary span{color:#7c8e80}.reward-summary strong{color:#476950;font-variant-numeric:tabular-nums}.reward-confirmation>.button{margin-top:15px}@keyframes reward-arrival{from{transform:scale(.7);opacity:.3}to{transform:scale(1);opacity:1}}@media(max-width:410px){.story-display{padding:25px}.story-display>h2{font-size:29px}.reward-confirmation{padding:28px 23px}.reward-confirmation h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.reward-seal{animation:none}}
.network-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #d6e7da;background:#edf6ef;border-radius:11px;margin-bottom:25px}.network-panel strong{font-size:11px;margin-left:8px;color:#47684f}.network-panel small{display:block;font-size:10px;color:#819285;margin:6px 0 0 14px}.network-panel button{white-space:nowrap}.treasury-panel{margin-bottom:28px}.treasury-panel #treasury-address{overflow-wrap:anywhere;font-family:monospace}.transaction-link{display:block;font-size:10px;color:#47795a;margin-top:10px}@media(max-width:410px){.network-panel{align-items:flex-start;flex-direction:column}}

/* Clear, tactile test-network dashboard. */
:root{--bg:#f4f6f5;--line:#e0e7e3;--muted:#69776e}
.surface,.stat,.ad-card{box-shadow:0 5px 22px #172d2010}
.page-heading h1{letter-spacing:-2px}.network-panel{background:linear-gradient(110deg,#e9f7ee,#f4faf6);border-color:#cfe6d7}
.wallet-card{background:radial-gradient(ellipse at 90% 10%,#426957 0,transparent 65%),#182c24;box-shadow:0 12px 30px #19362720}
.payout-journey{display:flex;align-items:center;gap:28px;margin-bottom:24px;border-left:4px solid #5fba8d;background:linear-gradient(105deg,#fff,#f1faf5)}
.payout-journey>div:first-child{flex:1}.payout-journey h3{font-size:21px;letter-spacing:-.5px;margin:8px 0}.payout-journey p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.payout-meter{width:180px}.meter-track{height:7px;border-radius:20px;background:#dcebe2;overflow:hidden;margin-bottom:9px}.meter-track span{display:block;height:100%;background:#349a68;border-radius:20px;transition:width .4s ease}.payout-meter>span{font-size:11px;color:var(--muted)}
.treasury-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:16px 0}.status-pill.is-ready{background:#ddf6e7;color:#206743}.treasury-panel{position:relative;border:1px solid #d9e9de}.treasury-panel h2{font-variant-numeric:tabular-nums;font-size:32px;letter-spacing:-1px}.treasury-panel #treasury-address{background:#f0f5f2;padding:13px 16px;border-radius:8px;font-size:12px}
.ad-card{transition:transform .2s,box-shadow .2s}.ad-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #172d2017}.ad-card.is-complete{opacity:.68}.view-button{transition:background .2s,transform .2s}.view-button:active{transform:scale(.97)}
.table-wrap tbody tr:hover{background:#f4faf6}.transaction-link{font-size:12px}.form-result:not(:empty){padding:12px 14px;background:#edf8f0;border-radius:8px;line-height:1.5}.form-result.error:not(:empty){background:#fff1ef}
@media(max-width:900px){.payout-journey{flex-wrap:wrap}.payout-meter{width:160px}}@media(max-width:600px){.payout-journey{gap:17px}.payout-journey>div:first-child{flex-basis:100%}.payout-meter{flex:1}.payout-journey .button{font-size:11px}.treasury-actions{gap:14px}.page-heading h1{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.ad-card,.view-button,.meter-track span{transition:none}.ad-card:hover{transform:none}}

.deposit-address{overflow-wrap:anywhere;font-family:monospace;background:#f0f5f2;padding:12px;border-radius:8px}.draft-card input{width:100%;padding:12px;border:1px solid #d6e1da;border-radius:8px;margin:8px 0}.draft-card .button{margin:8px 8px 8px 0}.draft-card details{margin:14px 0;max-height:300px;overflow:auto}#admin-settings{margin-bottom:25px}#admin-message:not(:empty){padding:12px;background:#e5f4eb;border-radius:8px}
.review-toolbar{display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.campaign-state{font-weight:600;color:#357955}#admin-summary{margin-bottom:24px}#admin-audit p{border-bottom:1px solid var(--line);padding:12px 0;line-height:1.6;font-size:12px}
.campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.campaign-metrics strong,.campaign-metrics span{display:block}.campaign-metrics strong{font-size:18px;font-variant-numeric:tabular-nums}.campaign-metrics span{font-size:11px;color:var(--muted);margin-top:5px}.draft-card progress{width:100%;height:8px;accent-color:#349a68}.review-note{border-left:3px solid #8dc9a6;padding:10px 14px;background:#f1f8f4}.action-feedback{font-size:12px;color:#365d45}#withdrawal-tracking{margin-top:28px}#withdrawal-tracking .draft-card{margin-bottom:12px}@media(max-width:600px){.campaign-metrics{grid-template-columns:1fr 1fr}}

.earn-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:20px 0;font-size:12px}.earn-controls label{display:flex;align-items:center;gap:8px}.earn-controls select{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:white}.earn-route{margin-bottom:22px;font-size:13px;line-height:1.7;border-left:3px solid #62b98a}.ad-body .ad-requirement{font-size:11px;color:#476957;padding:10px;background:#eff7f2;border-radius:8px}.filters{flex-wrap:wrap}#earn-empty[hidden]{display:none}

.earner-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 28px}.earner-steps>div{position:relative;padding:18px 18px 18px 58px;background:#fff;border:1px solid var(--line);border-radius:12px}.earner-steps span{position:absolute;left:16px;top:19px;width:29px;height:29px;border-radius:9px;background:#e2f3e9;color:#34714e;display:grid;place-items:center;font-size:11px;font-weight:700}.earner-steps strong,.earner-steps small{display:block}.earner-steps strong{font-size:13px;margin-bottom:6px}.earner-steps small{font-size:11px;color:var(--muted);line-height:1.5}.earn-search{flex:1;min-width:200px;background:white;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.earn-search span{font-size:21px;color:#60836d}.earn-search input{border:0;background:transparent;width:100%;min-width:0;outline-offset:7px}.ad-art{background-image:radial-gradient(circle at 15% 15%,#ffffff85,transparent 65%)}.ad-card{border-radius:16px;overflow:hidden}.ad-meta span:last-child{font-size:10px;background:#edf4ef;padding:5px 8px;border-radius:6px;white-space:nowrap}.ad-bottom{background:#ffffffc4}.view-button{border-radius:9px}.hero-banner{border-radius:20px}.stat{border-radius:13px}.earn-route{background:linear-gradient(110deg,#eef9f2,#fff)}
@media(max-width:900px){.earner-steps{gap:9px}.earner-steps>div{padding:15px 12px}.earner-steps span{position:static;margin-bottom:12px}}@media(max-width:600px){.earner-steps{grid-template-columns:1fr}.earner-steps>div{padding:14px 16px 14px 57px}.earner-steps span{position:absolute;top:15px;left:16px;margin:0}.earn-search{flex-basis:100%}.earn-controls{gap:14px}.ad-meta{gap:8px;flex-wrap:wrap}}

/* Product-first earning layout: inventory takes precedence over decoration. */
#earn .page-heading{margin-bottom:24px}#earn .page-heading h1{font-size:36px;letter-spacing:-1px}#earn .heading-badge{display:none}.earn-intro{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ccd9d1;border-bottom:1px solid #ccd9d1;padding:18px 0;margin-bottom:22px}.earn-intro h2{font-size:20px;margin:0 0 5px}.earn-intro p{margin:0;color:var(--muted);font-size:12px}#earn .earner-steps{gap:0;border-bottom:1px solid var(--line);margin:0 0 24px;padding-bottom:18px}#earn .earner-steps>div{background:transparent;border:0;border-radius:0}#earn .stat{box-shadow:none;background:transparent;border:0;border-radius:0;border-right:1px solid var(--line);padding:10px 20px}#earn .stat:last-child{border-right:0}#earn .stats-grid{border-bottom:1px solid var(--line);padding-bottom:20px}#earn .discovery-guide{background:transparent;border:0;padding:0 0 18px}#earn .guide-icon{display:none}#earn .earn-route{border:0;border-radius:0;box-shadow:none;background:#eaf3ed;padding:14px 18px}#earn .ad-card{box-shadow:none;border:1px solid #d5dfd9;border-radius:10px}#earn .ad-art{height:84px;background-image:none}#earn .art-rings,#earn .art-symbol{display:none}#earn .art-name{font-size:19px}#earn .art-name small{font-size:9px}#earn .ad-card:hover{transform:none;border-color:#83a992;box-shadow:0 3px 10px #173c2410}#earn .transparency{background:transparent;border-top:1px solid var(--line);border-radius:0}#earn .ad-body h3{line-height:1.4}.sidebar-note{background:#1e2923;border-radius:8px}
@media(max-width:600px){#earn .page-heading h1{font-size:28px}#earn .stat{padding:8px 12px}.earn-intro{gap:12px}#earn .earner-steps>div{padding-top:12px;padding-bottom:12px}}

.earning-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.earning-list{min-width:0}.earning-side{position:sticky;top:24px;border:1px solid #d5dfd9;background:#fff;border-radius:12px;overflow:hidden}.earning-side>div{padding:22px;border-bottom:1px solid var(--line)}.earning-side>div:last-child{border:0}.earning-balance>span{font-size:10px;letter-spacing:.9px;color:#576c60}.earning-balance h2{font-size:25px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:12px 0 6px}.earning-side p{font-size:12px;line-height:1.6;color:var(--muted)}.earning-balance progress{width:100%;height:7px;accent-color:#388456}.earning-balance .button{display:block;text-align:center;font-size:11px;padding:13px 8px}.earning-side h3{font-size:14px;margin:0 0 14px}.earning-recent-row{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.earning-recent-row span,.earning-recent-row strong{display:block}.earning-recent-row strong{margin-top:6px;color:#34714e}.earning-rules a{font-size:12px;text-decoration:underline}#featured-ad{padding:24px;background:#e1efdf;border:1px solid #c6d7c3;border-radius:10px;margin-bottom:22px}#featured-ad h2{font-size:24px;line-height:1.25;margin:12px 0;max-width:520px}#featured-ad p{font-size:13px;line-height:1.6;max-width:520px;color:#465b46}.featured-label{font-size:9px;letter-spacing:1px;font-weight:700;color:#536b50}#featured-ad small{display:block;margin:16px 0;font-size:11px;color:#566b53}#featured-ad .button{font-size:12px}.listing-heading{display:flex;justify-content:space-between;gap:16px;padding:10px 0 14px;font-size:12px}.listing-heading span{color:var(--muted)}#earn .earning-workspace .ads-grid{display:grid;grid-template-columns:1fr;gap:0}#earn .earning-workspace .ad-card{display:grid;grid-template-columns:88px minmax(0,1fr) 155px;border-radius:0;border-width:0 0 1px;background:transparent;padding:18px 0;align-items:center;gap:16px}#earn .earning-workspace .ad-art{height:64px;border-radius:8px;padding:12px;display:flex;align-items:center}#earn .earning-workspace .art-name{font-size:13px;overflow-wrap:anywhere}#earn .earning-workspace .art-name small{display:none}#earn .earning-workspace .ad-body{padding:0}#earn .earning-workspace .ad-body h3{font-size:15px;margin:9px 0 6px}#earn .earning-workspace .ad-body>p:not(.ad-requirement){font-size:12px;margin:0}#earn .earning-workspace .ad-requirement{padding:0;background:transparent;margin:7px 0 0}#earn .earning-workspace .ad-bottom{border:0;padding:0;display:grid;gap:12px;background:transparent}#earn .earning-workspace .reward{font-size:13px}#earn .earning-workspace .view-button{width:100%;font-size:11px;padding:10px;min-width:0}#earn .earning-workspace .ad-card:hover{box-shadow:none;background:#eef4ef}
@media(max-width:1100px){.earning-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:16px}#earn .earning-workspace .ad-card{grid-template-columns:60px minmax(0,1fr)}#earn .earning-workspace .ad-bottom{grid-column:2;display:flex;justify-content:space-between;align-items:center}#earn .earning-workspace .view-button{width:auto}}@media(max-width:800px){.earning-workspace{grid-template-columns:1fr}.earning-side{position:static;display:grid;grid-template-columns:1fr 1fr}.earning-rules{grid-column:1/-1}}@media(max-width:480px){.earning-side{grid-template-columns:1fr}.earning-rules{grid-column:auto}#featured-ad{padding:19px}#featured-ad h2{font-size:21px}}

/* ---- UI polish layer (2026-10-17) ---- */
html{scroll-behavior:smooth}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(127,127,150,.35);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(127,127,150,.55);background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}
@media (prefers-reduced-motion:no-preference){section.page:not([hidden]){animation:page-enter .26s cubic-bezier(.2,.7,.3,1) both}@keyframes page-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}
.skeleton{position:relative;overflow:hidden;min-height:86px;border-radius:14px;background:rgba(127,127,160,.14)}
.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(127,127,160,.18) 45%,transparent);animation:skeleton-wave 1.25s ease-in-out infinite}
@keyframes skeleton-wave{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.skeleton::after{animation:none;transform:none}}
.network-panel.err .network-dot{background:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.18)}
.network-panel.warn .network-dot{background:#f5a623;box-shadow:0 0 0 4px rgba(245,166,35,.18)}
.network-panel.err #network-state{color:#c93b40}
.network-panel.warn #network-state{color:#b97e14}

/* ---- Season 0 founders leaderboard ---- */
.leader-board{margin-top:18px;padding:18px 22px}
.leader-board .leaders-title{font-size:15px;letter-spacing:.08em;margin-bottom:10px}
.leader-row{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid rgba(127,127,160,.14)}
.leader-row:last-child{border-bottom:0}
.leader-id{font-family:ui-monospace,monospace;font-size:13px;color:#9b86ff}
.leader-row strong{font-variant-numeric:tabular-nums}
.leader-note{margin-left:auto;color:#8f8ba8;font-size:12px}
@media(max-width:600px){.leader-note{display:none}}

/* ---- Season 0 streaks, achievements, recruiters ---- */
.streak-card{margin-top:18px;padding:16px 22px;text-align:left}
.streak-card strong{font-size:20px}
.streak-note{color:#8f8ba8;font-size:13px;margin-top:4px}
.achievements .stat{min-height:unset;padding:12px 16px}
.badge-on{border:1px solid rgba(255,184,108,.35)}
.leader-board .recruiters-title{margin-top:14px;color:#ffb86c}

/* ---- Liveliness layer (2026-10-19): ambient motion, honest delight ---- */
@media(prefers-reduced-motion:no-preference){
 /* Aurora blobs drift behind the hero (uses :before; :after already draws the dot grid). */
 .hero-banner{overflow:hidden}
 /* Refined: smaller, quieter, anchored bottom-right so it never sits under headline text. */
 .hero-banner:before{content:"";position:absolute;width:330px;height:330px;right:-110px;bottom:-150px;left:auto;top:auto;border-radius:50%;pointer-events:none;filter:blur(46px);opacity:.3;z-index:0;background:radial-gradient(circle,#7ce3a886,#4a9d6e33 55%,transparent 70%);animation:aurora-one 26s ease-in-out infinite alternate}
 .hero-banner:after{z-index:0}
 @keyframes aurora-one{from{transform:translate(0,0) scale(1)}to{transform:translate(-46px,26px) scale(1.07)}}
 /* Network dots breathe; a heartbeat says "live" without words. */
 .network-dot{animation:dot-pulse 2.4s ease-in-out infinite}
 @keyframes dot-pulse{0%,100%{box-shadow:0 0 0 0 #78ce9f66}55%{box-shadow:0 0 0 6px #78ce9f00}}
 /* Primary buttons glow softly on hover — inviting, not loud. */
 .button.dark,.view-button{position:relative}
 .button.dark:hover,.view-button:hover:enabled{box-shadow:0 6px 22px #52b98a55,0 2px 6px #12332240}
 /* Nav icons lean in when you hover their row. */
 nav a>span:first-child{transition:transform .22s cubic-bezier(.3,.7,.3,1.1)}
 nav a:hover>span:first-child{transform:rotate(-5deg) scale(1.1)}
 /* Cards cascade in as the grid renders (delay set by JS per index). */
 #ads-grid .ad-card,#task-inventory .task-card{animation:card-in .28s cubic-bezier(.2,.7,.3,1) both}
 @keyframes card-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
 /* Balance changes feel like an event: quick pop. */
 .balance-pop{animation:balance-pop .55s cubic-bezier(.3,.8,.4,1)}
 @keyframes balance-pop{30%{transform:scale(1.06);color:var(--green)}100%{transform:scale(1)}}
 /* Featured spot: barely-there light shift (was a full-card sweep that read as uncanny). */
 #featured-ad{position:relative;overflow:hidden}
 #featured-ad:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:linear-gradient(115deg,transparent 36%,#ffffff1f 50%,transparent 64%);transform:translateX(-120%);animation:sheen 12s ease-in-out infinite}
 @keyframes sheen{0%,60%{transform:translateX(-120%)}95%,100%{transform:translateX(130%)}}
 /* Streak flame flickers like a real flame would. */
 .streak-flame{display:inline-block;animation:flicker 1.7s ease-in-out infinite;transform-origin:50% 90%}
 @keyframes flicker{0%,100%{transform:scale(1) rotate(-3deg)}30%{transform:scale(1.12) rotate(4deg)}60%{transform:scale(.94) rotate(-2deg)}}
 /* Confetti pieces on claim. */
 .confetti-piece{position:fixed;z-index:9999;pointer-events:none;border-radius:2px;animation:confetti-fall var(--d,1.5s) cubic-bezier(.25,.6,.4,1) forwards}
 @keyframes confetti-fall{from{transform:translate(0,0) rotate(0) scale(1);opacity:.95}to{transform:translate(var(--dx,0),var(--dy,240px)) rotate(var(--rot,540deg)) scale(.85);opacity:0}}
}

/* ---- Soul layer (2026-10-19): the honest receipt book ---- */
/* Every money moment reads as a stamped, perforated, auditable paper receipt.
   Monochrome only; --ink/--muted/--line are re-declared by every theme layer,
   so dash separators and stamp ink stay legible in light AND dark. */

/* (1) .manifesto — the printed code-of-conduct page: quiet, generous, hairline dashed. */
.manifesto{max-width:62ch;padding-top:clamp(30px,5.5vw,64px);margin-inline:auto}
.manifesto>h2{margin:10px 0 18px;line-height:1.2}
.manifesto>ol{list-style:decimal;margin:14px 0 0;padding-left:1.5em}
.manifesto>ol>li{padding:11px 0;border-bottom:1px dashed var(--line);line-height:1.75;color:var(--ink,#202020)}
.manifesto>ol>li:last-of-type{border-bottom:0}
.manifesto>ol>li::marker{color:var(--muted,#686868);font-family:Consolas,"Courier New",monospace;font-size:11px;font-weight:400}
.manifesto>ol>li>p{margin:0}

/* (2) .stamp-row / .stamp — rubber stamps someone pressed, not pills.
   Ink inherits the theme via currentColor (usually var(--muted)); no fill. */
.stamp-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.stamp{display:inline-block;color:var(--muted,#686868);background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;padding:4px 10px;border:2px solid currentColor;border-radius:4px;box-shadow:0 0 0 1px currentColor inset;transform:rotate(-2deg);white-space:nowrap}
.stamp-row>.stamp:nth-child(even){transform:rotate(1.4deg)}
.stamp-row>.stamp:hover{color:var(--ink,#202020)}

/* (3) .stamp-big / #reward-stamp — the cashier stamps the ticket as the dialog opens.
   The press-in animation lives in the motion block below. */
.stamp-big,#reward-stamp{display:block;color:var(--muted,#686868);background:transparent;text-transform:uppercase;letter-spacing:.14em;font-size:14px;font-weight:600;padding:8px 16px;border:3px solid currentColor;border-radius:4px;box-shadow:0 0 0 1.5px currentColor inset;transform:rotate(-7deg);margin:22px auto 16px}

/* (4) .ticket-head — receipt header over the amount: mono, tracked, dashed rules.
   Inside #reward-confirmation we reuse the existing .eyebrow line as the ticket
   header and dash the .reward-summary rules — inner content only, dialog chrome untouched. */
.ticket-head,#reward-confirmation .eyebrow{display:block;text-align:center;font-family:Consolas,"Courier New",monospace;letter-spacing:.1em;font-size:11px;font-weight:400;color:var(--muted,#686868);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:9px 0;margin:0 auto 16px}
#reward-confirmation .reward-summary{border-block:1px dashed var(--line)}
#reward-confirmation-amount{font-variant-numeric:tabular-nums}

/* (5) Perforation on the claim dialog — a row of punched holes torn off the page.
   ::after is free on #reward-confirmation (verified). Holes are punched in the
   dialog surface with the page background (--bg), so they self-adapt per theme. */
#reward-confirmation::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;pointer-events:none;background-image:radial-gradient(circle at 5.5px 4.5px,var(--bg) 3px,transparent 3.6px);background-size:11px 9px;background-repeat:repeat-x}

/* (6) Receipt tape: the wallet activity ledger (#history-body rows) as dashed
   receipt lines, tighter leading, amounts in the mono stack. */
#history-body td{border-bottom:1px dashed var(--line);padding-top:13px;padding-bottom:13px;line-height:1.45}
#history-body tr:last-child td{border-bottom:0}
#history-body td:nth-child(3){font-family:Consolas,"Courier New",monospace;font-variant-numeric:tabular-nums}
.table-wrap th{border-bottom:1px dashed var(--line)}

@media(prefers-reduced-motion:no-preference){
  /* The stamp lands: press in big, settle to -7deg, like ink releasing from a rubber die. */
  .stamp-big,#reward-stamp{animation:stamp-press .45s cubic-bezier(.22,.68,.36,1) .15s both}
  @keyframes stamp-press{from{opacity:0;transform:scale(1.25) rotate(-2deg)}55%{opacity:.9}to{opacity:1;transform:scale(1) rotate(-7deg)}}
}

.brand-icon img{display:block;width:100%;height:auto;border-radius:9px}