:root{color-scheme:light;--bg: #f4f7ed;--text: #101812;--muted: #617064;--line: #dce6d7;--panel: #ffffff;--pitch: #0b7a53;--pitch-dark: #06452f;--lime: #c7f000;--gold: #ffbd3e;--red: #e83d4f;--blue: #1368ff;--shadow: 0 22px 60px rgba(16, 24, 18, .14);font-family:Rajdhani,Impact,Arial Narrow,system-ui,sans-serif}*{box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y;-webkit-text-size-adjust:100%}body{width:100%;max-width:100%;min-height:100dvh;margin:0;overflow-x:hidden;background:linear-gradient(rgba(11,122,83,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(11,122,83,.08) 1px,transparent 1px),var(--bg);background-size:36px 36px;color:var(--text);overscroll-behavior-x:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}#root,.app-shell{width:100%;max-width:100%;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;pointer-events:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}h1,h2,h3,p{margin-top:0}h1,h2,.brand span,.score-card span{font-family:Russo One,Rajdhani,Impact,sans-serif;letter-spacing:0}.app-shell{padding:18px}.hero{border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(135deg,#06452ff5,#0c7c54e6),url(https://images.unsplash.com/photo-1540747913346-19e32dc3e97e?auto=format&fit=crop&w=1600&q=80) center/cover;color:#fff;padding:18px;box-shadow:var(--shadow)}.topbar,.brand,.top-actions,.viewbar,.card-meta,.card-actions,.form-actions,.profile-head{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px}.brand{gap:13px;min-width:0}.brand span{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border:2px solid rgba(255,255,255,.62);border-radius:10px;background:var(--lime);color:var(--pitch-dark)}.brand h1{margin-bottom:4px;font-size:clamp(1.2rem,4vw,2.1rem)}.brand p,.hero-grid p{margin-bottom:0;color:#ffffffd1;line-height:1.45}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.primary-button,.ghost-button,.tabs button,.templates button,.card-actions button,.campaign-form header button,.auth-card header button{min-height:42px;border-radius:8px;border:0;font-weight:800}.primary-button{background:var(--lime);color:var(--pitch-dark);padding:0 16px}.ghost-button{border:1px solid rgba(255,255,255,.46);background:#ffffff1f;color:inherit;padding:0 14px}.hero-grid{display:grid;gap:18px;margin-top:34px}.hero-grid h2{max-width:780px;margin-bottom:12px;font-size:clamp(2rem,8vw,5rem);line-height:.98}.eyebrow,.card-meta span,.reward-line,.question-box span,.poll-template small,.profile-head span{color:var(--pitch);font-size:.78rem;font-weight:900;text-transform:uppercase}.hero .eyebrow{color:var(--lime)}.score-card{width:min(100%,260px);border:1px solid rgba(255,255,255,.3);border-radius:14px;background:#ffffff24;padding:18px}.score-card span{display:block;font-size:4rem;line-height:.9}.score-card p,.score-card small{margin:0;color:#ffffffd1;font-weight:800}.templates{display:grid;grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;gap:10px;margin:16px 0;overflow-x:auto;padding-bottom:4px}.templates button{display:grid;min-height:104px;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:14px;text-align:left;box-shadow:0 12px 26px #10181214}.templates strong{font-family:Russo One,Rajdhani,sans-serif;font-size:1rem}.templates span,.campaign-card p,.profile-head p,.question-box strong,label{color:var(--muted);line-height:1.42}.viewbar{justify-content:space-between;gap:12px;margin:8px 0 14px}.viewbar>span,.form-message{color:var(--pitch);font-weight:800}.tabs{display:inline-grid;grid-auto-flow:column;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:4px}.tabs button{background:transparent;color:var(--muted);padding:0 14px;text-transform:capitalize}.tabs button.active{background:var(--pitch);color:#fff}.feed,.campaign-grid{display:grid;gap:16px}.campaign-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.campaign-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 40px #1018121a;cursor:pointer}.campaign-card:focus-visible{outline:3px solid rgba(11,122,83,.28);outline-offset:3px}.campaign-card.feed{display:grid}.campaign-card>img{width:100%;height:220px;object-fit:cover}.campaign-card.grid>img{height:172px}.campaign-body{display:grid;gap:12px;padding:15px}.card-meta{justify-content:space-between;gap:10px}.card-meta span{border-radius:999px;background:#edf5e8;padding:5px 9px}.card-meta .live{background:var(--lime);color:var(--pitch-dark)}.campaign-card h3{margin-bottom:0;font-family:Russo One,Rajdhani,sans-serif;font-size:1.35rem}.campaign-card p{margin-bottom:0}.question-box,.poll-template,.trivia-template{display:grid;gap:9px;border:1px solid var(--line);border-radius:10px;background:#f9fbf6;padding:12px}.question-box small{color:var(--pitch);font-size:.78rem;font-weight:900;text-transform:uppercase}.question-box div{display:flex;flex-wrap:wrap;gap:7px}.question-box span{border-radius:999px;background:#fff;padding:5px 8px}.poll-template,.trivia-template{background:linear-gradient(180deg,#fbfff7,#eef8e9)}.poll-template>strong,.trivia-template>strong{color:var(--text);font-size:1.05rem}.poll-options{display:grid;gap:8px}.poll-options button{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:44px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:0 10px;text-align:left}.poll-options button span,.poll-options button em{position:relative;z-index:1;font-style:normal;font-weight:900}.poll-options button em{color:var(--pitch)}.poll-options button i{position:absolute;inset:0 auto 0 0;background:#c7f0006b;transition:width .18s ease}.poll-options button.selected{border-color:var(--pitch)}.poll-template p{margin:0;color:var(--muted);font-weight:800}.trivia-template small{color:var(--pitch);font-size:.78rem;font-weight:900;text-transform:uppercase}.trivia-progress,.trivia-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.trivia-progress span,.trivia-progress em{color:var(--muted);font-style:normal;font-weight:900}.trivia-options{display:grid;gap:8px}.trivia-options button,.trivia-actions button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:900;padding:0 10px;text-align:left}.trivia-options button.correct{border-color:var(--pitch);background:#c7f00073}.trivia-options button.wrong{border-color:#e83d4f73;background:#e83d4f1a}.trivia-actions button{flex:1;text-align:center}.trivia-actions button:disabled{cursor:default;opacity:.48}.trivia-template p,.trivia-score{margin:0;color:var(--muted);font-weight:800}.campaign-card footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:12px}.campaign-card footer small{display:block;color:var(--muted);font-weight:700}.campaign-card footer>span,.share-meta span{color:var(--pitch);font-weight:900}.share-meta{display:grid;justify-items:end;gap:5px}.share-meta button{min-height:0;border:0;border-bottom:2px solid var(--lime);background:transparent;color:var(--pitch);font-size:.86rem;font-weight:900;padding:0 0 2px}.reward-line{color:var(--muted)}.card-actions{gap:8px}.card-actions button{border:1px solid var(--line);background:#fff;color:var(--text);padding:0 12px}.card-actions button:first-child{border-color:var(--pitch);background:var(--pitch);color:#fff}.profile-panel,.empty-state{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:18px;box-shadow:var(--shadow)}.profile-head{gap:14px;margin-bottom:18px}.profile-head img{width:72px;height:72px;border-radius:14px;background:#edf5e8}.profile-head h2,.profile-head p{margin-bottom:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;overflow:auto;background:#071811b8;padding:16px;touch-action:pan-y}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:grid;overflow:hidden;background:#071811c7;touch-action:pan-y}.detail-sheet{width:min(920px,100%);height:100dvh;max-height:100dvh;justify-self:center;overflow:auto;background:var(--panel);color:var(--text);overscroll-behavior:contain}.detail-hero{position:relative;min-height:270px;background:var(--pitch-dark)}.detail-hero img{width:100%;height:320px;object-fit:cover}.detail-hero:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#06452f1a,#06452fd1)}.detail-hero button{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;z-index:2;width:44px;min-height:44px;border:0;border-radius:999px;background:#ffffffeb;color:var(--pitch-dark);font-weight:900}.detail-hero>div{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;gap:8px}.detail-hero span{border-radius:999px;background:#ffffffeb;color:var(--pitch);font-size:.8rem;font-weight:900;padding:6px 10px;text-transform:uppercase}.detail-hero .live{background:var(--lime);color:var(--pitch-dark)}.detail-content{display:grid;gap:16px;padding:18px}.detail-content h2{margin:6px 0 8px;font-size:clamp(1.8rem,7vw,3.6rem);line-height:1}.detail-content p{margin-bottom:0;color:var(--muted);line-height:1.5}.detail-facts{display:grid;gap:10px;margin:0}.detail-facts div{display:grid;gap:4px;border-bottom:1px solid var(--line);padding-bottom:10px}.detail-facts dt{color:var(--pitch);font-size:.78rem;font-weight:900;text-transform:uppercase}.detail-facts dd{margin:0;color:var(--text);font-weight:800}.share-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:10px;background:#f9fbf6;padding:12px}.share-panel span{overflow:hidden;color:var(--muted);font-size:.9rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.share-panel button{min-height:42px;border:0;border-radius:8px;background:var(--lime);color:var(--pitch-dark);font-weight:900;padding:0 14px}.detail-actions{display:flex;gap:8px}.detail-actions button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:900;padding:0 14px}.detail-actions button:first-child{border-color:var(--pitch);background:var(--pitch);color:#fff}.campaign-form,.auth-card{width:min(760px,100%);max-height:min(88dvh,900px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:var(--shadow);overscroll-behavior:contain}.campaign-form{display:grid;grid-template-columns:1fr;gap:13px;padding:16px}.auth-card{display:grid;gap:13px;padding:16px}.campaign-form header,.auth-card header{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px}.campaign-form h2,.auth-card h2{margin-bottom:0}.campaign-form header button,.auth-card header button{width:42px;flex:0 0 auto;background:var(--pitch);color:#fff}label{display:grid;gap:7px;font-size:.86rem;font-weight:900}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:16px;outline:0;padding:11px 12px}textarea{resize:vertical}.wide-field,.type-picker,.campaign-template,.image-picker,.form-actions{grid-column:1 / -1}.type-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.type-picker button,.image-picker button{border:1px solid var(--line);border-radius:8px;background:#f8faf5;color:var(--text);font-weight:900}.type-picker button{min-height:42px}.type-picker button.active,.image-picker button.active{border-color:var(--pitch);box-shadow:0 0 0 3px #0b7a5324}.campaign-template{display:grid;gap:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#0b7a5314,#c7f00029),#fff;padding:14px}.campaign-template h3{margin:5px 0 6px;font-family:Russo One,Rajdhani,sans-serif}.campaign-template p{margin:0;color:var(--muted);line-height:1.42}.template-phone{display:grid;gap:8px;border:2px solid var(--pitch-dark);border-radius:16px;background:#f9fbf6;padding:12px}.template-phone>span{width:max-content;border-radius:999px;background:var(--lime);color:var(--pitch-dark);font-size:.76rem;font-weight:900;padding:4px 8px;text-transform:uppercase}.template-phone strong{color:var(--text)}.template-phone button{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-weight:900;text-align:left;padding:0 10px}.image-picker{display:grid;gap:10px}.image-picker>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.image-picker button{overflow:hidden;padding:0}.image-picker img{width:100%;aspect-ratio:1.2;object-fit:cover}.form-actions{flex-wrap:wrap;gap:10px}.form-actions .ghost-button{border-color:var(--line);background:#fff;color:var(--text)}.compact-tabs{width:max-content}@media(min-width:760px){.app-shell{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:24px 0}.hero{padding:24px}.hero-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:end}.campaign-card.feed{grid-template-columns:minmax(270px,.55fr) minmax(0,1fr)}.campaign-card.feed>img{height:100%;min-height:300px}.campaign-form{grid-template-columns:1fr 1fr}.campaign-template{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);align-items:center}.detail-sheet{height:min(92dvh,900px);max-height:min(92dvh,900px);align-self:center;border-radius:18px}.detail-content{padding:24px}.detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app-shell{padding:12px}.hero{border-radius:14px;padding:14px}.topbar{align-items:flex-start}.brand span{width:46px;height:46px}.brand p{display:none}.top-actions{width:100%}.top-actions button{flex:1 1 130px}.hero-grid{margin-top:24px}.score-card{width:100%}.viewbar{align-items:stretch;flex-direction:column}.tabs{width:100%;grid-auto-columns:1fr}.campaign-card footer{align-items:flex-start;flex-direction:column}.share-meta{justify-items:start}.modal-backdrop{align-items:start;padding:10px}.campaign-form,.auth-card{max-height:calc(100dvh - 20px)}}