:root{--background:#0b0d0b;--surface:#f7f9f5;--text:#111511;--muted:#6e756f;--border:#d7ded5;--focus:#b9ff75;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}p{margin:0}.app-frame{background:#0a0c0a;place-items:center;min-height:100svh;padding:24px;display:grid}button{cursor:pointer;border:0}.mobile-app{background:#050605;border:1px solid #252a25;border-radius:8px;grid-template-rows:64px 1fr 78px;width:min(100%,430px);height:min(900px,100svh - 48px);min-height:680px;display:grid;overflow:hidden;box-shadow:0 26px 80px #00000073}.app-header{background:#050605f5;border-bottom:1px solid #1d211d;grid-template-columns:44px 1fr 74px;align-items:center;gap:10px;padding:10px 12px;display:grid}.icon-button,.status-pill,.feed-tabs button,.story-row button,.section-title button,.video-top button,.create-actions button,.draft-card button,.wallet-hero button,.profile-card button{border-radius:999px;min-height:40px;font-weight:800}.icon-button{color:#fff;background:#111511;place-items:center;width:40px;display:grid}.brand-lockup{justify-items:center;min-width:0;line-height:1.05;display:grid}.brand-lockup strong{color:#fff;letter-spacing:0;font-size:17px}.brand-lockup span{color:#8d968d;margin-top:3px;font-size:12px}.status-pill{color:#dfe8df;background:#111511;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.status-dot{background:#7b837d;border-radius:999px;width:8px;height:8px;display:inline-block}.status-dot.online{background:#b9ff75;box-shadow:0 0 14px #b9ff75bf}.status-dot.offline{background:#ff5c5c}.page-scroll{scrollbar-width:none;background:#050605;min-height:0;overflow-y:auto}.page-scroll::-webkit-scrollbar{display:none}.page-section{gap:16px;padding:14px 12px 18px;display:grid}.feed-tabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.feed-tabs button{color:#9ba49b;background:#111511;font-size:13px}.feed-tabs button.active{color:#050605;background:#fff}.story-row{scrollbar-width:none;grid-auto-columns:62px;grid-auto-flow:column;gap:9px;padding-bottom:2px;display:grid;overflow-x:auto}.story-row::-webkit-scrollbar{display:none}.story-row button{color:#dfe8df;background:0 0;justify-items:center;gap:6px;min-height:82px;font-size:11px;display:grid}.story-row span{color:#fff;background:#111511;border:2px solid #b9ff75;border-radius:999px;place-items:center;width:54px;height:54px;font-size:18px;font-weight:900;display:grid}.video-feed{scroll-snap-type:y proximity;gap:14px;display:grid}.video-card{scroll-snap-align:start;color:#fff;background:#111511;border:1px solid #202520;border-radius:8px;grid-template-rows:auto 1fr auto;gap:14px;min-height:560px;padding:14px;display:grid}.video-card.green{background:linear-gradient(160deg,#151b15 0%,#0a0d0a 55%,#24321b 100%)}.video-card.black{background:linear-gradient(160deg,#0d0f0d 0%,#050605 58%,#171b17 100%)}.video-card.grey{background:linear-gradient(160deg,#2c332e 0%,#101410 64%,#060806 100%)}.video-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.video-top span{color:#071008;background:#b9ff75;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:13px;font-weight:900;display:inline-flex}.video-top button{color:#fff;background:#ffffff1a;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.video-visual{grid-template-rows:1fr .8fr;grid-template-columns:1fr .72fr;gap:10px;min-height:250px;display:grid}.video-visual div{background:linear-gradient(145deg,#ffffff24,#0000),#ffffff0f;border:1px solid #ffffff1f;border-radius:8px}.video-visual div:first-child{grid-row:span 2}.video-visual div:nth-child(2){background:linear-gradient(145deg,#b9ff756b,#0000),#b9ff7514}.video-bottom{grid-template-columns:minmax(0,1fr) 64px;align-items:end;gap:14px;display:grid}.creator-line{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.creator-line>span{color:#050605;background:#fff;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.creator-line strong,.post-copy h1,.offer-list strong,.mission-card strong,.draft-card label,.wallet-hero strong,.transaction-list strong,.profile-card strong,.profile-stats strong{letter-spacing:0}.creator-line strong{color:#fff;font-size:14px;display:block}.creator-line p{color:#aeb8ae;margin-top:2px;font-size:12px}.post-copy h1{color:#fff;margin:0;font-size:31px;line-height:1.04}.post-copy>p{color:#dfe8df;margin-top:9px;font-size:14px;line-height:1.4}.post-actions{gap:10px;display:grid}.post-actions button{color:#fff;background:0 0;justify-items:center;gap:5px;min-height:58px;font-size:10px;font-weight:800;display:grid}.post-actions svg{background:#ffffff1a;border-radius:999px;width:42px;height:42px;padding:10px}.api-card,.search-box,.earn-hero,.camera-preview,.draft-card,.wallet-hero,.profile-card,.topic-grid button,.creator-list article,.offer-list article,.mission-card,.wallet-stats article,.transaction-list article{background:#111511;border:1px solid #202520;border-radius:8px}.api-card{gap:8px;padding:14px;display:grid}.api-card div{align-items:center;gap:8px;display:flex}.api-card strong{color:#fff}.api-card p{color:#8d968d;font-size:12px}.search-box{color:#aeb8ae;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:14px;margin-top:4px;display:flex}.section-title h2{color:#fff;margin:0;font-size:20px}.section-title button{color:#b9ff75;background:#111511;padding:0 13px;font-size:12px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.topic-grid button{color:#fff;text-align:left;align-content:center;justify-items:start;gap:10px;min-height:88px;padding:14px;font-size:15px;font-weight:850;display:grid}.topic-grid svg{color:#b9ff75}.creator-list,.offer-list,.mission-list,.transaction-list{gap:10px;display:grid}.creator-list article,.offer-list article,.transaction-list article{grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;display:grid}.creator-list article>span,.offer-icon{color:#050605;background:#fff;border-radius:999px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.creator-list strong,.offer-list strong,.transaction-list strong{color:#fff;font-size:15px;display:block}.creator-list p,.offer-list p,.offer-list span,.transaction-list p{color:#8d968d;margin-top:3px;font-size:12px}.creator-list button{color:#071008;background:#b9ff75;border-radius:999px;min-height:34px;padding:0 12px;font-size:12px;font-weight:900}.earn-hero,.wallet-hero,.profile-card{gap:12px;padding:18px;display:grid}.earn-hero{color:#071008;background:#b9ff75}.earn-hero span,.wallet-hero span{text-transform:uppercase;font-size:12px;font-weight:900}.earn-hero strong{max-width:320px;font-size:28px;line-height:1.08}.earn-hero button{color:#fff;background:#071008;align-items:center;gap:4px;width:fit-content;padding:0 14px;display:inline-flex}.offer-list article{grid-template-columns:46px minmax(0,1fr) auto}.offer-list b,.transaction-list b{color:#b9ff75;white-space:nowrap;font-size:14px}.mission-card{gap:12px;padding:14px;display:grid}.mission-card div:first-child{justify-content:space-between;gap:12px;display:flex}.mission-card strong{color:#fff;font-size:15px}.mission-card span{color:#b9ff75;font-size:13px;font-weight:900}.progress-bar{background:#2a302a;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{border-radius:inherit;background:#b9ff75;height:100%;display:block}.camera-preview{text-align:center;background:linear-gradient(145deg,#b9ff7533,#0000),#111511;align-content:center;justify-items:center;gap:12px;min-height:280px;padding:22px;display:grid}.camera-preview svg{color:#b9ff75}.camera-preview strong{color:#fff;font-size:28px}.camera-preview p{color:#aeb8ae;max-width:250px;line-height:1.4}.create-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.create-actions button{color:#fff;background:#111511;align-content:center;justify-items:center;gap:8px;min-height:82px;padding:10px;font-size:12px;display:grid}.create-actions svg{color:#b9ff75}.draft-card{gap:12px;padding:14px;display:grid}.draft-card label{color:#fff;border:1px solid #252a25;border-radius:8px;gap:6px;padding:13px;font-weight:850;display:grid}.draft-card label span{color:#8d968d;font-size:13px;font-weight:500}.draft-card button,.wallet-hero button,.profile-card button{color:#050605;background:#fff}.wallet-hero{background:#fff}.wallet-hero strong{color:#050605;font-size:50px;line-height:.95}.wallet-hero p{color:#5d665d}.wallet-hero button{border:1px solid #d6ded6;width:fit-content}.wallet-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.wallet-stats article{color:#fff;align-content:center;gap:6px;min-height:92px;padding:12px;display:grid}.wallet-stats svg{color:#b9ff75}.wallet-stats strong{font-size:17px}.wallet-stats span{color:#8d968d;font-size:11px}.transaction-list article{grid-template-columns:minmax(0,1fr) auto}.profile-card{text-align:center;justify-items:center}.profile-avatar{color:#071008;background:#b9ff75;border-radius:999px;place-items:center;width:82px;height:82px;font-size:34px;font-weight:950;display:grid}.profile-card strong{color:#fff;font-size:24px}.profile-card p{color:#aeb8ae}.profile-card button{padding:0 18px}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.profile-stats article{background:#111511;border:1px solid #202520;border-radius:8px;align-content:center;justify-items:center;gap:5px;min-height:78px;display:grid}.profile-stats strong{color:#fff;font-size:20px}.profile-stats span{color:#8d968d;font-size:12px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.post-grid button{aspect-ratio:1;background:linear-gradient(145deg,#b9ff7538,#0000),#111511;border-radius:8px}.post-grid span{color:#071008;background:#b9ff75;border-radius:999px;align-items:center;min-height:28px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.bottom-nav{background:#050605fa;border-top:1px solid #1d211d;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:7px 6px 9px;display:grid}.bottom-nav button{color:#778077;background:0 0;border-radius:8px;align-content:center;justify-items:center;gap:4px;min-width:0;display:grid}.bottom-nav button.active{color:#b9ff75;background:#111511}.bottom-nav span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:800;overflow:hidden}@media (width<=520px){.app-frame{padding:0;display:block}.mobile-app{width:100%;height:100svh;min-height:100svh;box-shadow:none;border:0;border-radius:0}.video-card{min-height:calc(100svh - 190px)}}@media (width<=360px){.app-header{grid-template-columns:40px 1fr 64px;padding-inline:9px}.status-pill{padding-inline:8px;font-size:11px}.page-section{padding-inline:9px}.post-copy h1{font-size:27px}.video-bottom{grid-template-columns:minmax(0,1fr) 56px;gap:10px}.post-actions svg{width:38px;height:38px}}