:root{--green:#10c995;--cyan:#38dde1;--teal:#082d2c;--ink:#153a37;--muted:#7a918d;--mint:#f1faf7;--line:#e3eeea;--white:#fff;--shadow:0 7px 26px rgba(13,80,68,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6fbf9;color:var(--ink);font:13px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:21px;letter-spacing:-.85px;font-weight:820;line-height:1.15}h2{font-size:16px;letter-spacing:-.5px}h3{font-size:14px;letter-spacing:-.2px}p{line-height:1.6}small,.muted{color:var(--muted)}small{font-size:11px}.i{width:17px;height:17px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.app-shell{max-width:1100px;margin:auto;min-height:100svh}.topbar{height:58px;background:rgba(255,255,255,.93);border-bottom:1px solid #e8f1ee;position:sticky;top:0;z-index:15;backdrop-filter:blur(18px)}.topbar-inner{height:100%;max-width:920px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{display:flex;align-items:center;gap:8px;font-weight:850}.brandmark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(140deg,#073e37,#0a776b);color:#fff;font-size:25px;letter-spacing:-3px;line-height:1;position:relative;padding:0 3px 4px 0}.brandmark span{color:#36e6c5;position:absolute;right:3px;bottom:5px}.brandword{font-size:20px;letter-spacing:-1.2px;color:#143a35}.brandword span{color:#00a882}.brandword em{font-style:normal;color:#35d7cf}.top-right{display:flex;align-items:center;gap:9px}.region-chip,.member-pill,.tiny-chip{background:#ecfaf5;border:1px solid #d8efe8;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;color:#28685f}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#11c894,#53e3df);border:2px solid white;box-shadow:0 0 0 1px #caeae1;color:#07463c;font-weight:850}.avatar.big{width:52px;height:52px;font-size:20px}.admin-entry{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:750;color:#397368}.admin-entry .i{width:14px;height:14px}.header-caption{font-size:10px;color:var(--muted)}.content{max-width:920px;margin:auto;padding:24px 22px 118px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.eyebrow,.section-kicker{display:block;font-size:9px;font-weight:830;letter-spacing:1.45px;color:#3aab94;margin-bottom:4px}.heading-back{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:#fff}.heading-back .i{width:15px;height:15px}.welcome-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:13px;color:#779089}.welcome-line strong{color:#24564e}.wave{color:#15bb8b}.member-pill{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;font-size:10px}.member-pill .i{width:13px;height:13px}.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(118deg,#062f30 0%,#096b62 68%,#0b9789 100%);color:#fff;border-radius:18px;padding:23px 24px 21px;margin-bottom:13px;box-shadow:0 12px 25px rgba(4,98,81,.16)}.hero-grain{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 100% 0%,rgba(82,255,222,.18),transparent 42%)}.hero-orb{position:absolute;border:1px solid #a5ffeb3d;pointer-events:none;z-index:-1;border-radius:50%}.orb-one{height:210px;width:210px;right:-53px;top:-114px}.orb-two{height:160px;width:160px;right:-30px;bottom:-120px}.hero-top{display:flex;align-items:center;justify-content:space-between;max-width:580px}.hero-label{font-size:11px;font-weight:600;color:#b9e5dc}.currency-pill{padding:4px 9px;border:1px solid #a4fff83a;background:#ffffff15;border-radius:8px;font-size:9px;font-weight:800;letter-spacing:1px}.hero-value{font-size:40px;letter-spacing:-1.6px;line-height:1.2;font-weight:850;margin:7px 0 9px;font-variant-numeric:tabular-nums}.hero-meta,.wallet-held{display:flex;gap:8px;align-items:center;font-size:10px;color:#baeee3}.hero-meta .i,.wallet-held .i{width:13px;height:13px}.hero-dot{height:3px;width:3px;background:#98e4d6;border-radius:50%}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.btn{border:0;border-radius:10px;background:linear-gradient(110deg,var(--green),#43ddc6);display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;min-height:39px;font-size:11px;font-weight:800;color:#073b35;cursor:pointer;transition:transform .16s,filter .16s}.btn:hover{filter:brightness(.965);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn .i{width:15px;height:15px}.btn-light{background:#fff;color:#0c544a}.btn-ghost{background:#ffffff1a;border:1px solid #c1fff04a;color:#fff}.btn-outline{background:#fff;border:1px solid #d6e9e2;color:#166a5b}.btn.small{min-height:31px;padding:7px 10px;font-size:10px}.btn.full{width:100%}.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;box-shadow:var(--shadow);min-height:126px;overflow:hidden}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;margin-bottom:8px}.metric-icon .i{width:15px;height:15px}.metric-icon.green{background:#defaee;color:#12a879}.metric-icon.cyan{background:#e1fafa;color:#169f9d}.metric-icon.pale{background:#eaf2fa;color:#5586b0}.metric-label{font-size:10px;color:var(--muted)}.metric strong{font-size:19px;font-weight:850;letter-spacing:-.7px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.metric .metric-plan{font-size:14px;letter-spacing:-.35px}.metric-foot{display:flex;align-items:center;gap:4px;color:#6b9a90;font-size:9px;margin-top:auto;padding-top:10px}.metric-foot .i{height:11px;width:11px}.feature-strip{margin-top:13px;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #cfebe2;border-radius:14px;background:linear-gradient(95deg,#e9faf2,#eaf9f9)}.feature-strip strong{font-size:12px;display:block}.feature-strip small{font-size:10px;display:block;margin-top:3px}.feature-icon{background:#c7f4e1;border-radius:10px;padding:9px;color:#069b76}.feature-arrow{margin-left:auto;color:#078c76}.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:23px 0 10px}.section-title h2{margin:0}.section-title>a{color:#069e80;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:3px}.section-title>a .i{width:13px;height:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.list-panel{padding:3px 15px}.transaction-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eff4f2;min-width:0}.transaction-row:last-child{border:0}.transaction-icon{height:35px;width:35px;display:grid;place-items:center;flex-shrink:0;border-radius:11px}.transaction-icon.incoming{color:#02a476;background:#e7faef}.transaction-icon.outgoing{color:#dc8e39;background:#fff5e5}.transaction-detail{flex:1;min-width:0}.transaction-detail strong{font-size:11px;display:block;overflow-wrap:anywhere}.transaction-detail small{font-size:9px;display:block;margin-top:3px}.transaction-amount{font-size:12px;font-weight:820;white-space:nowrap;font-variant-numeric:tabular-nums}.transaction-amount.positive{color:#05a87d}.empty-state{text-align:center;padding:27px 12px;color:var(--muted);display:flex;align-items:center;flex-direction:column}.empty-state strong{font-size:13px;color:var(--ink);margin-top:8px}.empty-state p{font-size:11px;max-width:300px;margin-top:5px}.empty-icon{height:43px;width:43px;display:grid;place-items:center;background:#e5f9f1;border-radius:14px;color:#0da880}.empty-icon .i{height:21px;width:21px}.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}.subhead p{color:var(--muted);font-size:11px;max-width:510px}.live-indicator{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;background:#e4f9ec;border-radius:100px;padding:6px 9px;color:#198a63}.live-indicator span{height:6px;width:6px;background:#12b87b;border-radius:50%}.ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ad-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.ad-card:hover{transform:translateY(-2px);border-color:#a8dfcf}.ad-image{position:relative;background:#e4f1ed;aspect-ratio:1.65;overflow:hidden}.ad-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s}.ad-card:hover img{transform:scale(1.025)}.sponsored-badge{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:5px;background:#071f1cbd;color:#fff;font-size:8px;letter-spacing:.7px;font-weight:800}.ad-card-body{padding:12px}.ad-caption{display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;color:#8a9d98;font-size:9px;text-overflow:ellipsis}.ad-caption .i{width:12px;height:12px}.ad-card h3{margin:6px 0 12px;font-size:12px;line-height:1.35;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ad-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f4f3;padding-top:9px}.reward{font-size:15px;font-weight:850;color:#02a579}.ad-open{height:24px;width:24px;display:grid;place-items:center;color:#158b76;border-radius:8px;background:#e8f9f1}.ad-open .i{width:13px;height:13px}.empty{text-align:center;padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:9px}.empty h3{margin-top:4px}.empty .btn{margin-top:6px}.viewer{max-width:610px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px;overflow:hidden;padding:15px}.viewer-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.sponsored-label,.viewer-time{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#49736b}.sponsored-indicator{height:7px;width:7px;background:#11c18d;border-radius:50%}.viewer-time .i{width:13px;height:13px}.viewer-media{aspect-ratio:1.5;background:linear-gradient(150deg,#e7faf2,#eaf4f1);display:grid;place-items:center;overflow:hidden;border-radius:12px}.viewer-media img{width:100%;height:100%;object-fit:contain;display:block}.viewer-copy{padding:14px 2px 10px}.viewer-advertiser{font-size:10px;font-weight:800;color:#0da681}.viewer-copy h2{font-size:17px;margin:4px 0 5px}.viewer-copy p{font-size:11px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:3px;color:#049a80;font-size:11px;font-weight:750;margin-top:7px}.text-link .i{width:13px;height:13px}.reward-strip{border:1px solid #dbf0e6;background:#effbf5;border-radius:11px;padding:12px;display:flex;align-items:center;justify-content:space-between}.reward-strip span:first-child{display:flex;flex-direction:column;gap:3px}.reward-strip small{font-size:10px}.reward-strip strong{font-size:21px;line-height:1.1;color:#009d75;letter-spacing:-.6px}.reward-glyph{display:grid;place-items:center;background:#d8f5e5;color:#0ca777;width:36px;height:36px;border-radius:11px}.viewer-progress-label{display:flex;justify-content:space-between;color:#7e928d;font-size:10px;margin:15px 0 7px}.viewer-progress-label strong{color:#168875}.progress{height:7px;background:#e9f3ef;border-radius:30px;overflow:hidden}.progress div{width:0;height:100%;background:linear-gradient(90deg,#0ac48c,#39dbe0);transition:width .28s;border-radius:30px}.viewer-status{text-align:center;font-size:11px;color:var(--muted);margin:11px 0}.viewer-hint{display:flex;align-items:center;justify-content:center;gap:4px;color:#8a9e98;font-size:9px;margin-top:12px}.viewer-hint .i{width:12px;height:12px}.wallet-hero{margin-bottom:13px}.wallet-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wallet-shortcuts a{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 6px}.shortcut-icon{display:grid;place-items:center;background:#ddf9ec;color:#10a77b;border-radius:10px;height:33px;width:33px;margin-bottom:3px}.wallet-shortcuts strong{font-size:11px}.wallet-shortcuts small{font-size:9px}.flow-intro{display:flex;align-items:center;gap:12px;margin-bottom:13px}.flow-icon{height:45px;width:45px;display:grid;place-items:center;background:#dff9eb;color:#0ca777;border-radius:13px}.flow-intro p{font-size:11px;color:var(--muted);margin-top:3px}.payment-panel{max-width:650px;margin:auto;padding:18px}.step-caption{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:850;margin:12px 0}.step-caption span{display:grid;place-items:center;color:#008c70;font-size:10px;background:#e2f9ee;height:24px;width:24px;border-radius:8px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}.method-choice{position:relative;display:flex;flex-direction:column;gap:3px;cursor:pointer;border:1px solid #dfede8;border-radius:12px;padding:11px;margin:0;min-width:0}.method-choice input{position:absolute;opacity:0;width:1px;height:1px}.method-choice:has(input:checked){border-color:#0ebc90;background:#effbf6;box-shadow:0 0 0 1px #0ebc905c}.method-choice:has(input:focus-visible){outline:3px solid #55dfbd}.method-check{position:absolute;right:9px;top:9px;width:18px;height:18px;border:1px solid #cee2dc;border-radius:50%;display:grid;place-items:center;color:transparent}.method-choice:has(input:checked) .method-check{background:#0cbc8e;color:white;border-color:#0cbc8e}.method-check .i{width:12px;height:12px}.method-logo{height:27px;width:27px;display:grid;place-items:center;background:#e2f6ed;border-radius:8px;color:#13a77f}.method-choice strong{font-size:11px;overflow-wrap:anywhere}.method-choice small{font-size:9px;overflow-wrap:anywhere}.field-label{display:block;margin:11px 0 6px;font-weight:750;font-size:11px}input:not([type=radio]):not([type=file]),select,textarea{display:block;width:100%;border:1px solid #dcebe5;background:#fbfefd;color:#173c37;border-radius:9px;padding:10px 11px;outline:none;margin-top:6px;margin-bottom:10px;min-height:40px;font-size:12px}input[type=file]{display:block;width:100%;margin:7px 0 12px;font-size:11px}textarea{min-height:78px;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#0bbc8e;box-shadow:0 0 0 3px #0ac48c1c}.payment-details{border:1px solid #d8eee5;border-radius:11px;padding:12px;background:#f2fbf7;margin:15px 0}.payment-details-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:850;margin-bottom:9px}.payment-details-title .i{width:14px;height:14px}.detail-line{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #e2efe9;padding:7px 0;font-size:10px}.detail-line span{color:var(--muted)}.detail-line strong{text-align:right;overflow-wrap:anywhere;max-width:70%}.payment-details .btn{margin-top:10px}.flow-warning{font-size:10px;background:#f6faf8;color:#718f85;padding:11px;border-radius:9px;display:flex;align-items:flex-start;gap:7px;margin:14px 0}.flow-warning .i{height:14px;width:14px;flex-shrink:0}.payment-submit{margin-top:6px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#fffffff5;border-top:1px solid #e5eee9;backdrop-filter:blur(18px);box-shadow:0 -6px 20px rgba(0,50,36,.04)}.bottom-nav-inner{max-width:700px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 10px calc(7px + env(safe-area-inset-bottom))}.nav-item{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#81958f;font-size:9px;font-weight:750}.nav-icon{display:grid;place-items:center;height:26px;width:42px;border-radius:9px}.nav-icon .i{height:19px;width:19px;stroke-width:1.85}.nav-item.is-active{color:#008d70}.nav-item.is-active .nav-icon{background:#dff9ec}.nav-item.is-active .i{stroke-width:2.4}.notice{display:flex;align-items:flex-start;gap:8px;background:#e1faee;color:#0b694e;border:1px solid #beebd9;border-radius:10px;padding:11px;font-size:11px;margin-bottom:14px}.notice .i{flex-shrink:0}.notice.error{background:#fff1ee;color:#a74234;border-color:#f6d4cc}.toast-stack{position:fixed;bottom:85px;right:15px;z-index:25}.toast{box-shadow:0 9px 25px #001f1d28;background:#082d2c;color:white;padding:11px 15px;border-radius:10px;font-size:12px;margin-top:6px;animation:rise .22s ease}.line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #eff3f1;overflow-wrap:anywhere;font-size:11px}.line:last-child{border:0}.line span small{display:block;font-size:9px}.line strong{white-space:nowrap}.tag{background:#eaf8f1;color:#07886a;border-radius:30px;display:inline-flex;padding:4px 8px;font-weight:750;font-size:9px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.stats .mini{margin:0}.mini{min-height:86px}.mini strong{font-size:19px;letter-spacing:-.5px;display:block;margin-top:8px}.mini small{display:block}.price{font-weight:850;font-size:23px;letter-spacing:-.7px;margin:8px 0}.copybox{display:flex;align-items:center;gap:7px}.copybox input{min-width:0;flex:1}.profile-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-top h2{margin-bottom:4px}.profile-top p{font-size:10px}.auth{max-width:445px;margin:16px auto;padding:20px}.auth>p{font-size:11px;margin-bottom:14px}.center{text-align:center}.auth .center{margin-top:16px}.auth .text-link{margin:0}.auth form .btn{margin-top:15px}.admin-links{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:3px 0 16px;position:sticky;top:58px;z-index:8;background:#f6fbf9}.admin-links::-webkit-scrollbar{display:none}.admin-links a{background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 11px;white-space:nowrap;font-size:11px;font-weight:740}.admin-links a:hover{background:#e8faf1;border-color:#a8dfca}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.columns form{min-width:0}.columns h3{margin-bottom:10px}.inline-forms,.inline-forms form{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-forms input:not([type=radio]),.inline-forms select{width:145px;min-height:32px;margin:0}.inline-forms label{margin:0}.admin-record{padding:12px 0;border-bottom:1px solid var(--line)}.admin-record:last-child{border:0}.admin-record .line{padding:0 0 10px}.admin-shell .panel{scroll-margin-top:115px}.admin-shell h2{margin-bottom:12px}.admin-shell h3{margin:12px 0 6px}.admin-shell label{font-size:11px;font-weight:750;display:block;margin:8px 0}.admin-shell button{margin-top:5px}.admin-shell .columns label{margin-top:6px}.admin-shell .stats .panel{margin:0}.admin-shell .stats{grid-template-columns:repeat(3,1fr)}.admin-shell .panel>p{font-size:11px;margin:6px 0 14px}.profile-top+.panel{margin-top:10px}.profile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.profile-actions>*{margin:0}.profile-actions form{margin:0}.profile-actions .btn{width:100%}.profile-panel{max-width:650px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.plan-card{margin:0;display:flex;flex-direction:column;gap:6px}.plan-card .btn{margin-top:auto}.plan-card p{font-size:10px;margin-bottom:12px}.plan-card .price{font-size:23px}.plan-note{font-size:11px;margin-top:15px;color:#6d8a80}.team-lead{background:linear-gradient(120deg,#093d39,#087967);color:#fff}.team-lead .muted{color:#c4e9df}.team-lead h2{margin-bottom:6px}.team-lead .copybox input{background:#ffffffed}.team-lead .stats{margin-bottom:0}.team-lead .stats strong{font-size:22px;display:block}.team-lead .stats small{color:#b3e7da}.team-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-stack .panel{min-width:0}.team-stack h2{margin-bottom:8px}.team-stack p{font-size:11px}.team-stack .btn{margin-top:10px}.team-stack label{display:block;font-size:11px;font-weight:750}.team-stack form{margin-top:10px}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:750px){.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-stack{grid-template-columns:1fr}}@media(max-width:520px){body{font-size:12px}.topbar{height:54px}.topbar-inner{padding:0 14px}.brandword{font-size:19px}.content{padding:16px 12px 100px}.page-heading{margin-bottom:13px}.eyebrow{font-size:8px}.page-heading h1{font-size:19px}.hero{border-radius:15px;padding:18px;margin-bottom:10px}.hero-value{font-size:34px}.hero-actions{margin-top:18px}.quick-stats{gap:7px}.metric{min-height:120px;border-radius:12px;padding:10px}.metric strong{font-size:16px}.metric-label{font-size:9px}.metric-icon{height:26px;width:26px;margin-bottom:7px}.metric .metric-plan{font-size:12px}.metric-foot{font-size:8px}.feature-strip{padding:10px}.feature-icon{padding:7px}.feature-strip small{font-size:9px}.panel{padding:13px;border-radius:13px}.section-title{margin:20px 0 9px}.list-panel{padding:3px 12px}.ad-grid{gap:8px}.ad-image{aspect-ratio:1.28}.ad-card{border-radius:12px}.ad-card-body{padding:9px}.ad-caption{font-size:8px}.ad-caption .i{height:11px;width:11px}.ad-card h3{font-size:11px;min-height:31px;margin-bottom:8px}.reward{font-size:13px}.ad-open{height:22px;width:22px}.sponsored-badge{font-size:7px;left:6px;top:6px}.viewer{padding:11px}.viewer-media{aspect-ratio:1.2}.viewer-copy{padding:12px 2px}.viewer-copy h2{font-size:15px}.subhead{align-items:start}.subhead p{font-size:10px}.live-indicator{font-size:9px}.wallet-shortcuts{gap:7px}.method-grid{gap:7px}.method-choice{padding:9px}.admin-links{top:54px}.columns{grid-template-columns:1fr}.admin-shell .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-shell .mini{min-height:80px}.admin-shell .mini strong{font-size:16px}.admin-record .line{align-items:start}.plan-grid{gap:8px}.plan-card .price{font-size:20px}.admin-entry span{display:none}}@media(max-width:340px){.metric{padding:8px}.metric strong{font-size:14px}.metric .metric-plan{font-size:11px}.region-chip{display:none}.ad-caption{font-size:7px}.brandword{font-size:17px}.hero-value{font-size:31px}}@media(min-width:901px){.content{padding-top:27px}.dashboard-hero{padding:27px 30px}.quick-stats .metric{min-height:135px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* R3 density and phone-first refinements */
:root{--touch:42px}
html{scroll-padding-top:84px}body{overflow-x:hidden}.app-shell{width:100%;max-width:1120px;margin:auto}.content{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.page-heading{margin-bottom:12px}.page-heading h1{font-size:clamp(1.22rem,4.5vw,1.75rem);line-height:1.15}.panel{min-width:0}.line,.admin-record .line{min-width:0;gap:9px}.line>*,.admin-record .line>*{min-width:0;overflow-wrap:anywhere}.btn,button,input,select,textarea{touch-action:manipulation}button,.btn{min-height:var(--touch)}input,select,textarea{max-width:100%;min-height:42px;font-size:16px!important}textarea{min-height:78px}.stats{gap:9px}.stats .mini{min-width:0;padding:12px}.stats .mini strong{font-size:clamp(1.2rem,4vw,1.75rem)}.admin-shell .content{max-width:1060px}.admin-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.admin-intro h2{font-size:1.13rem;margin:3px 0}.admin-intro p{font-size:.78rem;color:#64807b;margin:0}.admin-live{white-space:nowrap;border:1px solid #d0f2e5;background:#ebfff7;color:#087d5b;border-radius:30px;padding:7px 10px;font-size:.7rem;font-weight:800}.admin-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.admin-alerts a{display:flex;align-items:center;gap:10px;text-decoration:none;border:1px solid #dbeae6;background:#fff;border-radius:13px;padding:10px 12px;color:#214b45}.admin-alerts strong{font-size:1.3rem;color:#048c71}.admin-alerts span{font-size:.76rem;line-height:1.2}.admin-links{position:sticky;top:55px;z-index:15;display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;background:#f6fbfa;padding:8px 0;margin:0 0 12px}.admin-links::-webkit-scrollbar{display:none}.admin-links a{flex:0 0 auto;white-space:nowrap;border:1px solid #dceee8;border-radius:999px;padding:8px 12px;font-weight:750;font-size:.75rem;text-decoration:none;color:#477169;background:#fff}.admin-links a.is-selected{background:#082d2c;color:#fff;border-color:#082d2c}.admin-shell section.panel{scroll-margin-top:135px;margin-bottom:12px;padding:14px}.admin-shell section.panel h2{font-size:1.03rem;margin:2px 0 12px}.admin-shell section.panel h3{font-size:.9rem;margin:14px 0 8px}.admin-shell form{min-width:0}.admin-shell .columns{gap:10px}.admin-shell label{font-size:.75rem;font-weight:700}.admin-shell label input,.admin-shell label select,.admin-shell label textarea{margin-top:5px}.admin-shell .inline-forms{gap:7px;display:flex;flex-wrap:wrap;align-items:flex-end}.admin-shell .inline-forms input{flex:1 1 120px;min-width:0}.admin-shell .inline-forms button{flex:0 1 auto}.admin-record{padding:12px 0;border-bottom:1px solid #e5efec}.admin-record:last-child{border-bottom:0}.admin-record .line strong{font-size:.83rem}.admin-record .line small{overflow-wrap:anywhere}.admin-record .line>strong,.admin-record .line>span:last-child{white-space:normal;text-align:right}.admin-detail>summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center;list-style:none;padding:4px 0}.admin-detail>summary::-webkit-details-marker{display:none}.admin-detail>summary:after{content:'⌄';font-weight:800;color:#11a886}.admin-detail[open]>summary:after{transform:rotate(180deg)}.admin-detail>summary small{display:block;font-size:.7rem;color:#71908a;margin-top:4px}.admin-status{background:#effaf5;color:#08745d;border-radius:12px;padding:5px 7px;font-size:.68rem;font-weight:750;white-space:nowrap}.admin-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 0}.admin-edit-grid>.btn{align-self:end}.admin-single-action{margin:2px 0 9px}.admin-user-reset{margin-top:8px}.admin-user-reset>summary{justify-content:flex-start;font-size:.73rem;font-weight:750;color:#16866f}.admin-intro,.admin-shell .admin-record,.admin-shell .panel{overflow-wrap:anywhere}.admin-shell:not(.admin-tabs-ready) section.panel{display:block}.admin-shell.admin-tabs-ready section.panel{display:none}.admin-shell.admin-tabs-ready section.panel.is-selected{display:block}
/* First-run installer */
.setup-body{min-height:100dvh;background:radial-gradient(ellipse at top left,#d7fff2,transparent 60%),#f6fbfa;padding:22px 13px;color:#102f2d}.setup-shell{max-width:510px;margin:24px auto;background:#fff;border:1px solid #dceee8;box-shadow:0 20px 65px rgba(16,69,58,.08);border-radius:24px;padding:clamp(18px,4vw,30px)}.setup-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.setup-logo{display:grid;place-items:center;height:44px;width:44px;border-radius:14px;color:white;font-weight:900;font-size:25px;background:linear-gradient(135deg,#10c995,#38dde1)}.setup-brand strong{display:block;font-size:1.22rem}.setup-brand small{display:block;color:#74928a}.setup-track{display:flex;gap:7px;margin:0 0 20px}.setup-track span{flex:1;text-align:center;padding:9px 4px;background:#f0f8f5;border-radius:11px;font-size:.69rem;color:#7b9992;font-weight:750}.setup-track span.active{background:#dbfbef;color:#087c63}.setup-shell h1{font-size:1.45rem;margin:0 0 7px}.setup-shell>.muted{font-size:.83rem;line-height:1.5}.setup-checks{background:#f8fcfa;border:1px solid #e0eee8;border-radius:14px;padding:4px 12px;margin:15px 0}.setup-checks>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #edf3f0;font-size:.76rem}.setup-checks>div:last-child{border-bottom:0}.setup-checks .good{color:#09846b}.setup-checks .bad{color:#c34a4a}.setup-form{display:grid;gap:12px;margin-top:14px}.setup-form label{display:block;font-size:.79rem;font-weight:750}.setup-form input,.setup-form select{width:100%;margin-top:6px}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}.setup-form>.btn{margin-top:3px}.setup-shell .notice{margin:10px 0}
@media(max-width:680px){:root{--touch:44px}.content{padding-left:12px;padding-right:12px}.topbar-inner{padding-left:13px;padding-right:13px}.bottom-nav-inner{max-width:none}.nav-item{min-width:0}.hero{padding:15px}.hero-value{font-size:clamp(1.9rem,8.5vw,2.6rem)}.quick-stats{gap:7px}.metric{padding:10px 9px}.metric strong{font-size:1rem}.metric-label,.metric-foot{font-size:.68rem}.welcome-line{gap:6px}.admin-intro{align-items:flex-start}.admin-live{font-size:.64rem;padding:6px 7px}.admin-shell .content{padding-left:10px;padding-right:10px}.admin-links{top:51px}.admin-shell section.panel{padding:12px}.admin-shell .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.admin-shell .stats .mini{padding:9px 7px}.admin-shell .stats .mini span{font-size:.66rem}.admin-shell .stats .mini strong{font-size:1.05rem}.admin-shell .columns{display:grid;grid-template-columns:1fr}.admin-shell .columns>*{min-width:0}.admin-shell .admin-edit-grid{grid-template-columns:1fr 1fr}.admin-shell .admin-record .line{align-items:flex-start}.admin-shell .admin-record .line small{font-size:.7rem}.admin-shell .inline-forms{width:100%}.admin-shell .inline-forms form{width:100%}.admin-shell .inline-forms button{font-size:.72rem}.admin-alerts{gap:6px}.admin-alerts a{padding:9px}.admin-alerts span{font-size:.7rem}.admin-shell .admin-links a{padding:9px 12px}.admin-shell .btn.small{padding-inline:11px}}
@media(max-width:375px){.admin-shell .admin-edit-grid{grid-template-columns:1fr}.admin-intro p{max-width:200px}.admin-shell .stats .mini span{font-size:.61rem}.admin-shell .stats .mini strong{font-size:.96rem}.brandword{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* R4: dense mobile-first layout */
.content{padding-top:12px}.page-heading{margin-bottom:12px}.page-heading h1{font-size:clamp(1.24rem,4vw,1.65rem)}.panel{padding:14px}.hero{margin-bottom:12px}.quick-stats{gap:8px}.metric{padding:11px}.metric strong{font-size:1.15rem}.admin-record{padding:10px 0}.admin-edit-grid{gap:9px}.payment-step[hidden]{display:none!important}.method-type{cursor:pointer;text-align:left;font:inherit}.method-grid{gap:8px}.daily-progress{margin:12px 0}.daily-progress .progress{margin:8px 0}.group-links{display:flex;flex-wrap:wrap;gap:8px}.compact-communities{margin:12px 0}.admin-links{overflow-x:auto;scrollbar-width:thin}.admin-links a{white-space:nowrap}@media(max-width:480px){.content{padding-left:12px;padding-right:12px}.hero{padding:18px}.hero-value{font-size:2rem}.panel{padding:12px;border-radius:14px}.metric{min-width:0;padding:9px}.metric-label{font-size:.68rem}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-foot{font-size:.61rem}.admin-edit-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-choice{min-width:0;padding:12px}.bottom-nav-inner{max-width:none}.content{padding-bottom:106px}.admin-record .line{flex-wrap:wrap;gap:6px}}

/* R5 polished member experience */
:root{--ink:#123a35;--teal:#083a36;--green:#12c696;--line:#dcebe5;--shadow:0 10px 30px rgba(4,58,47,.06)}
body{background:radial-gradient(circle at 50% -100px,#e8faf2 0,#f7fbf9 420px);color:var(--ink)}
.content{max-width:1000px}.topbar{box-shadow:0 2px 18px rgba(13,80,68,.035)}.panel,.metric,.ad-card{box-shadow:var(--shadow)}.page-heading{margin-bottom:16px}.page-heading h1{font-weight:850}.eyebrow{color:#078f72}.btn{font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:12px;margin-top:32px;padding:16px 2px 0;border-top:1px solid var(--line);color:#7a948a;font-size:11px}.site-footer a{font-weight:800;color:#087c64}.welcome-prompt{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;border-radius:15px;background:linear-gradient(110deg,#e7fcf0,#eefbfc);border:1px solid #c8eee1;color:#0d6252}.welcome-prompt>span:first-child{font-size:25px}.welcome-prompt>span:nth-child(2){flex:1}.welcome-prompt strong,.welcome-prompt small{display:block}.welcome-prompt small{font-size:11px;margin-top:2px}.welcome-prompt>span:last-child{font-size:11px;font-weight:800;white-space:nowrap}.active-plans{margin-bottom:14px}.active-plans .section-title{margin:0 0 10px}.active-plan-list{display:flex;gap:8px;flex-wrap:wrap}.active-plan-list>div{background:#effaf5;border:1px solid #d8eee4;padding:9px 11px;border-radius:10px;min-width:150px}.active-plan-list strong,.active-plan-list small{display:block}.active-plan-list small{font-size:10px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px}.plan-card{border-radius:17px;padding:17px;min-height:280px;display:flex;flex-direction:column;gap:6px}.plan-card.free-plan{background:linear-gradient(155deg,#f1fff8,#fff 55%)}.plan-card h2{font-size:18px;margin-top:8px}.plan-card .price{font-size:27px;margin:0}.plan-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.plan-facts>div{border:1px solid #e0f0e8;background:#f7fcf9;border-radius:10px;padding:9px}.plan-facts strong,.plan-facts span{display:block}.plan-facts strong{font-size:15px}.plan-facts span{font-size:10px;color:#789087}.plan-card .plan-explain{font-size:11px;line-height:1.45;color:#667e77;margin:0 0 10px}.plan-card form{margin-top:auto}.plan-card button{width:100%}.welcome-task{max-width:670px;margin:auto;padding:24px}.welcome-task h2{font-size:25px;margin:12px 0 5px}.welcome-task>p{color:#66827a}.tour-steps{display:grid;gap:9px;margin:20px 0}.tour-steps>div{display:flex;gap:12px;align-items:center;border:1px solid #deeee7;background:#f8fcfa;padding:12px;border-radius:12px}.tour-steps b{display:grid;place-items:center;background:#d9f7e8;color:#087759;height:32px;width:32px;border-radius:50%}.tour-steps strong,.tour-steps small{display:block}.tour-steps small{font-size:11px}.welcome-complete{background:#e9fbef;border:1px solid #c9efd9;padding:16px;border-radius:13px}.welcome-complete strong{font-size:16px}.welcome-complete p{margin:5px 0 12px}.confetti-piece{position:fixed;top:-20px;left:var(--left);width:9px;height:13px;background:var(--color);transform:rotate(var(--rotate));z-index:40;pointer-events:none;animation:confetti-fall 2.8s ease-in forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(600deg);opacity:0}}.about-intro{border-radius:20px;padding:28px;background:linear-gradient(130deg,#083b38,#0b846e);color:#fff;margin-bottom:12px}.about-intro h2{font-size:29px;margin:9px 0}.about-intro p{max-width:650px;color:#d3f4e9}.about-actions{display:flex;gap:8px;margin-top:16px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.about-grid .panel h2,.compare-panel h2,.about-note h2{margin-bottom:8px}.about-grid li{margin:7px 0}.about-grid ol{padding-left:20px}.about-grid p,.compare-panel p,.about-note p{font-size:12px}.compare-panel{margin-bottom:12px}.table-scroll{overflow-x:auto;margin-top:12px}.compare-panel table{width:100%;border-collapse:collapse;min-width:620px;font-size:12px}.compare-panel th,.compare-panel td{text-align:left;padding:11px 10px;border-bottom:1px solid #e2eee8}.compare-panel thead{background:#eaf8f1}.demo-intro{margin:-4px 0 12px;font-size:11px}.demo-grid .ad-card{cursor:default}.demo-grid .ad-card-body p{font-size:10px}.bottom-nav-inner{justify-content:space-between}.nav-item[href="/plans"]{position:relative;color:#078f72}.nav-item[href="/plans"] .nav-icon{height:43px;width:43px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0b8d74,#12ca9d);color:#fff;box-shadow:0 6px 15px #0c8b7433;margin-top:-17px}.nav-item[href="/plans"] .nav-icon .i{width:20px;height:20px}
@media(max-width:600px){.content{padding-top:13px}.page-heading{margin-bottom:12px}.hero{padding:17px}.hero-actions{margin-top:15px}.quick-stats{gap:7px}.metric{min-height:112px}.plan-grid{grid-template-columns:1fr 1fr;gap:8px}.plan-card{min-height:0;padding:13px}.plan-card h2{font-size:15px}.plan-card .price{font-size:20px}.plan-facts{grid-template-columns:1fr}.plan-facts>div{padding:7px}.plan-explain{font-size:10px!important}.about-grid{grid-template-columns:1fr}.about-intro{padding:20px}.about-intro h2{font-size:24px}.site-footer{flex-direction:column;gap:3px}.welcome-task{padding:16px}}
@media(max-width:370px){.plan-grid{grid-template-columns:1fr}.nav-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.confetti-piece{animation:none;display:none}}