*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0c0d0f;color:#e8eaed;line-height:1.5}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:rgba(0,0,0,.35);backdrop-filter:saturate(120%) blur(6px);position:sticky;top:0}
.brand{font-weight:700}
.nav{display:flex;gap:8px;align-items:center}
.nav a{color:#fff;text-decoration:none;padding:8px 14px;border-radius:10px;font-weight:700;font-size:14px;transition:all .2s ease;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);opacity:1;margin:0}
.nav a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}
.nav a:active{transform:translateY(0)}
.nav a.primary-nav{background:#ff3b3b;border-color:#ff6a6a;color:#fff;box-shadow:0 4px 12px rgba(255,59,59,.2)}
.nav a.primary-nav:hover{background:#ff5252;box-shadow:0 6px 16px rgba(255,59,59,.35)}
.topbar.centered{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.topbar.centered .brand{display:flex}
.topbar.centered .nav{display:flex;gap:16px;justify-content:center;align-items:center}
.topbar.centered .nav a{margin:0 8px}
.topbar.centered .spacer{visibility:hidden}
.hero{display:flex;justify-content:center;padding:48px 16px}
.hero.centered{align-items:center;min-height:calc(100vh - 96px)}
.panel{width:100%;max-width:840px;background:#1b1e24;border-radius:14px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.35);border:1px solid #2b313a}
.panel h1{font-size:28px;margin-bottom:8px}
.panel p{opacity:.9;margin-bottom:16px}
.task-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.task-buttons button{background:#e53935;color:#fff;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700}
.task-list{list-style:none;margin:10px 0 16px;display:flex;flex-direction:column;gap:10px}
.task-list li{background:#21252c;border:1px solid #2b313a;padding:10px;border-radius:10px;display:flex;gap:10px;align-items:center}
.task-list input[type=url],.task-list input[type=text]{flex:1;min-width:200px}
.create-form{display:flex;gap:10px;margin-top:10px}
.create-form input[type=url]{flex:1;padding:12px;border-radius:10px;border:0;font-size:16px}
.create-form input[type=email],.create-form input[type=password],.create-form input[type=text]{flex:1;padding:12px;border-radius:10px;border:0;font-size:16px}
.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:16px}
.auth-form .primary{width:100%}
.primary{background:#ff3b3b;color:#fff;border:0;padding:12px 16px;border-radius:10px;font-weight:800;cursor:pointer}
.secondary{background:#fff;color:#b31217;text-decoration:none;padding:8px 10px;border-radius:8px}
.tasks{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.task{background:#21252c;padding:14px;border-radius:12px;border:1px solid #2b313a}
.task-title{font-weight:700;margin-bottom:6px}
.task-actions{display:flex;gap:8px;align-items:center}
.verify{background:#ffd84d;color:#452;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700}
.state{opacity:.9}
.copy-field{width:100%;padding:12px;border:0;border-radius:10px;margin:8px 0;font-size:16px}
.footer{display:flex;gap:16px;justify-content:center;align-items:center;padding:18px;opacity:.9}
.muted{opacity:.8}
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.truncate{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}
.post-content iframe, .post-content video{max-width:100%;border-radius:8px;margin:16px 0}
.post-content table{width:100%;border-collapse:collapse;margin:16px 0;display:block;overflow-x:auto}
.post-content pre, .post-content code{background:rgba(255,255,255,.05);padding:4px 8px;border-radius:4px;font-family:monospace;overflow-x:auto}
.post-content blockquote{border-left:4px solid var(--primary);padding-left:16px;margin:16px 0;opacity:.8;font-style:italic}

@media (max-width:640px){
  .create-form{flex-direction:column}
  .topbar, .topbar.centered{padding:12px;display:flex;flex-direction:column;gap:12px;align-items:center;grid-template-columns:none}
  .nav, .topbar.centered .nav{width:100%;justify-content:center;gap:6px;display:flex}
  .nav a, .topbar.centered .nav a{padding:8px 6px;font-size:12px;flex:1;text-align:center;white-space:nowrap;justify-content:center;margin:0}
  .brand, .topbar.centered .brand{font-size:18px;justify-content:center}
  .topbar .spacer, .topbar.centered .spacer{display:none}
  .hero{padding:24px 12px}
  .panel{padding:16px}
  article.panel{padding:20px !important}
  article.panel h1{font-size:1.75rem !important}
  .post-content{font-size:1rem !important;line-height:1.6 !important}
}

body.dark{background:#0c0d0f;color:#e8eaed}
.unlock-hero{display:flex;flex-direction:column;align-items:center;gap:24px;padding:56px 16px}
.card{width:100%;max-width:420px;background:#1b1e24;border:1px solid #2b313a;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.45);padding:22px}
.card-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:14px}
.shield{display:flex;align-items:center;justify-content:center;background:#21252c;border-radius:14px;border:1px solid #2b313a;width:72px;height:72px}
.shield img{display:block;width:56px;height:56px;object-fit:contain}
.title{font-size:24px;font-weight:900;letter-spacing:.3px}
.subtitle{opacity:.8;font-size:14px}
.steps{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.step{display:flex;gap:12px;align-items:flex-start;background:#1f232b;border:1px solid #2b313a;border-radius:14px;padding:14px}
.left{width:36px;height:36px;border-radius:10px;background:#171a21;display:flex;align-items:center;justify-content:center}
.middle{flex:1}
.step-title{font-weight:800;margin-bottom:6px}
.step-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;min-height:48px;transition:transform .12s ease, box-shadow .2s ease, opacity .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.large{width:100%;padding:14px}
.btn.primary{background:linear-gradient(90deg,#e53935,#ff6a6a);color:#fff;box-shadow:0 6px 18px rgba(229,57,53,.25)}
.btn.neutral{background:#3a3f47;color:#e8eaed;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.btn.success{background:#17cf88;color:#082f1d}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.primary:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:#2a2f3a;color:#d6dbe3}
.btn.danger{background:#e53935;color:#fff;box-shadow:0 6px 18px rgba(229,57,53,.25)}
.btn.cta{width:100%;justify-content:center;border:1px solid rgba(255,255,255,.06)}
.btn.cta:hover{box-shadow:0 8px 22px rgba(0,0,0,.35)}
.btn .ico{display:inline-flex;margin-right:8px;font-size:16px;line-height:1}
.btn .lbl{line-height:1}
.btn .timer-badge{margin-left:8px;padding:2px 6px;border-radius:999px;font-size:12px;line-height:1;font-weight:800;background:rgba(255,255,255,.15);color:#fff}
.btn.neutral .timer-badge{background:#2a2f3a;color:#e8eaed;border:1px solid #2b313a}
.btn.loading{position:relative;padding-left:36px}
.btn.loading .spin{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin 1s linear infinite}
/* Task States */
.btn.cta.verifying {
  opacity: 0.8;
  cursor: wait;
  background: #444 !important;
  color: #aaa !important;
}
.btn.cta.needs-verify {
  background: linear-gradient(90deg, #f1c40f, #f39c12) !important;
  color: #000 !important;
  animation: pulse 1.5s infinite;
  font-weight: 900;
  border: 2px solid #fff;
}
.btn.cta.completed-task {
  background: #1dd1a1 !important;
  color: #fff !important;
  cursor: default;
}
.btn.cta.locked-task {
  background: #2b313a !important;
  color: #555 !important;
  cursor: not-allowed;
  border: 1px dashed #444;
  opacity: 0.6;
}
/* Status Badges */
.state {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 99px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.status-pending {
  background: rgba(255, 255, 255, 0.05);
  color: #888;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.status-verifying {
  background: rgba(241, 196, 15, 0.1);
  color: #f1c40f;
  border: 1px solid rgba(241, 196, 15, 0.3);
}
.status-completed {
  background: rgba(29, 209, 161, 0.1);
  color: #1dd1a1;
  border: 1px solid rgba(29, 209, 161, 0.3);
}
.status-error {
  background: rgba(255, 106, 106, 0.1);
  color: #ff6a6a;
  border: 1px solid rgba(255, 106, 106, 0.3);
}
.btn.cta.error-task {
  background: #ff3b3b !important;
  color: #fff !important;
  animation: shake 0.4s ease-in-out;
}
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  75% { transform: translateX(5px); }
}
.scan-text {
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  color: #00ff00;
  text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
  margin-right: 4px;
}
.status-locked {
  background: rgba(0, 0, 0, 0.2);
  color: #444;
  border: 1px solid rgba(255, 255, 255, 0.03);
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}
.spin {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 0.8s linear infinite;
  margin-right: 8px;
  vertical-align: middle;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
.done-badge {
  background: rgba(0,0,0,0.2);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  margin-left: 8px;
}
.progress{position:relative;height:12px;background:#1a1d23;border-radius:999px;overflow:hidden;margin:12px 0 18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.progress-bar{height:100%;background:linear-gradient(90deg,#e53935,#ff6a6a);transition:width .3s}
.faq{display:flex;justify-content:center;width:100%}
.faq-card{max-width:640px;width:100%;background:#14161c;border:1px solid #232733;border-radius:16px;padding:16px}
.faq-card{max-width:640px;width:100%;background:#1a0f12;border:1px solid #3a1b21;border-radius:16px;padding:16px}
.faq-title{font-weight:800;margin-bottom:6px}
.faq-text{opacity:.9}
:root{--bg:#12090b;--text:#e7e8ea;--panel:#1a0f12;--surface:#1a0f12;--border:#3a1b21;--primary:#ff3b3b;--onPrimary:#ffffff;--ghost:#2c1519;--ghostText:#ffd7da;--progressBg:#2d1317;--progress1:#ff3b3b;--progress2:#ff6a6a;--topbar:rgba(255,0,0,.08)}
body.theme-red{--bg:#12090b;--text:#e7e8ea;--panel:#1a0f12;--surface:#1a0f12;--border:#3a1b21;--primary:#ff3b3b;--onPrimary:#ffffff;--ghost:#2c1519;--ghostText:#ffd7da;--progressBg:#2d1317;--progress1:#ff3b3b;--progress2:#ff6a6a;--topbar:rgba(255,0,0,.08)}
body.theme-indigo{--bg:#0b0f1a;--text:#e8ecff;--panel:#11172a;--surface:#121a30;--border:#1e2a45;--primary:#5b7cfa;--onPrimary:#0b122a;--ghost:#14213b;--ghostText:#dfe7ff;--progressBg:#0f1a34;--progress1:#5b7cfa;--progress2:#8fa3ff;--topbar:rgba(91,124,250,.12)}
body.theme-emerald{--bg:#081410;--text:#e7fff5;--panel:#0f1f1a;--surface:#0f241d;--border:#18352b;--primary:#10b981;--onPrimary:#052016;--ghost:#0f2a22;--ghostText:#c7ffee;--progressBg:#08231b;--progress1:#10b981;--progress2:#34d399;--topbar:rgba(16,185,129,.12)}
body.theme-violet{--bg:#100b17;--text:#f5ebff;--panel:#1a0f2a;--surface:#1a1331;--border:#2b1845;--primary:#8b5cf6;--onPrimary:#160a2e;--ghost:#20123a;--ghostText:#efe5ff;--progressBg:#1a1230;--progress1:#8b5cf6;--progress2:#c084fc;--topbar:rgba(139,92,246,.12)}
body.theme-slate{--bg:#0b0f13;--text:#e6e9ee;--panel:#11161b;--surface:#131b22;--border:#1f2630;--primary:#94a3b8;--onPrimary:#0b0f13;--ghost:#1a2330;--ghostText:#e6edf7;--progressBg:#131a22;--progress1:#94a3b8;--progress2:#cbd5e1;--topbar:rgba(100,116,139,.12)}
body.theme-sub{--bg:#0c0d0f;--text:#e8eaed;--panel:#1b1e24;--surface:#21252c;--border:#2c313a;--primary:#ff3b3b;--onPrimary:#ffffff;--ghost:#2a2f3a;--ghostText:#d6dbe3;--progressBg:#1a1d23;--progress1:#ff3b3b;--progress2:#ff6a6a;--topbar:rgba(0,0,0,.35)}
.topbar{background:var(--topbar)}
body{background:var(--bg);color:var(--text)}
.panel{background:var(--panel)}
.task{background:var(--surface);border:1px solid var(--border)}
.task-buttons button{background:var(--primary);color:var(--onPrimary)}
.primary{background:var(--primary);color:var(--onPrimary)}
.secondary{color:var(--primary)}
.card{background:var(--panel);border:1px solid var(--border)}
.shield{background:var(--surface);border:1px solid var(--border)}
.step{background:var(--surface);border:1px solid var(--border)}
.btn.primary{background:var(--primary);color:var(--onPrimary)}
.btn.danger{background:var(--primary);color:var(--onPrimary)}
.btn.ghost{background:var(--ghost);color:var(--ghostText)}
.progress{background:var(--progressBg)}
.progress-bar{background:linear-gradient(90deg,var(--progress1),var(--progress2))}
.faq-card{background:var(--panel);border:1px solid var(--border)}
.unlock-hero .card{border-color:rgba(255,255,255,.08);box-shadow:0 14px 44px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03)}
.unlock-hero .title{font-size:26px}
.unlock-hero .subtitle{font-size:15px;opacity:.85}
.btn.cta.platform-youtube{background:linear-gradient(90deg,#cf0500,#ff6a6a);color:#fff}
.btn.cta.platform-x{background:linear-gradient(90deg,#0f1419,#1e2936);color:#e8eaed}
.btn.cta.platform-telegram{background:linear-gradient(90deg,#2aabee,#229ed9);color:#fff}
.btn.cta.platform-discord{background:linear-gradient(90deg,#5865f2,#7381ff);color:#fff}
.btn.cta.platform-tiktok{background:linear-gradient(90deg,#111,#333);color:#fff}
.btn.cta.platform-facebook{background:linear-gradient(90deg,#1877f2,#3b82f6);color:#fff}
.btn.cta.platform-instagram{background:linear-gradient(90deg,#c13584,#e1306c);color:#fff}
.btn.cta.platform-whatsapp{background:linear-gradient(90deg,#25d366,#1ebe57);color:#062}
.ad-popup{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px}
.ad-popup.is-hidden{opacity:0;pointer-events:none;transition:opacity .2s ease}
.ad-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.ad-popup__dialog{position:relative;max-width:460px;width:100%;background:linear-gradient(165deg,#1f1114 0%,#150d1b 100%);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.ad-popup__badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,59,59,.15);border:1px solid rgba(255,106,106,.4);font-weight:800;font-size:12px;color:#ff9b9b;margin-bottom:10px}
.ad-popup__dialog h3{font-size:24px;line-height:1.25;margin-bottom:8px}
.ad-popup__dialog p{color:rgba(255,255,255,.86);margin-bottom:16px}
.ad-popup__dialog strong{color:#fff}
.ad-popup__actions{display:flex;gap:10px;flex-wrap:wrap}
.ad-popup__open,.ad-popup__done{flex:1}
body.ad-lock-active{overflow:hidden}
body.ad-lock-active > *:not(.ad-popup){pointer-events:none;user-select:none}
.channel-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(0.8);opacity:0;pointer-events:none;z-index:2147482500;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;width:min(90vw,340px);padding:24px 20px;border-radius:28px;background:rgba(18,18,18,.98);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .4s ease}
.channel-toast.is-visible{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.channel-toast__logo-wrap{width:80px;height:80px;min-width:80px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #ff0000;box-shadow:0 0 20px rgba(255,0,0,.3);animation:pulse-red 2s infinite;margin-bottom:4px}
@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(255,0,0,0.4)}70%{box-shadow:0 0 0 12px rgba(255,0,0,0)}100%{box-shadow:0 0 0 0 rgba(255,0,0,0)}}
.channel-toast__logo{display:block;width:100%;height:100%;object-fit:cover}
.channel-toast__content{display:flex;flex-direction:column;gap:4px;width:100%}
.channel-toast__title{font-size:16px;font-weight:900;color:#fff;letter-spacing:0.8px;margin-bottom:2px;-webkit-animation:pop-in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation:pop-in 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;text-shadow:0 0 8px rgba(255,255,255,0.4)}
@keyframes pop-in{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:0.8}}
.channel-toast__text{display:flex;flex-direction:column;align-items:center;gap:8px}
.channel-toast__text::before{content:"🔔";font-size:28px;margin-bottom:4px;-webkit-animation:bell-shake 2s infinite;animation:bell-shake 2s infinite;filter:drop-shadow(0 0 5px rgba(255,255,0,0.4))}
@keyframes bell-shake{0%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(15deg)}20%,40%,60%{transform:rotate(-15deg)}70%{transform:rotate(0)}}
.channel-toast__text .highlight{font-size:19px;font-weight:900;color:#ff6b6b;background:linear-gradient(90deg,#ff3c3c,#ff9b9b,#fff,#ff9b9b,#ff3c3c);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-animation:rainbow-wave 3s linear infinite,bounce-text 2s ease-in-out infinite;animation:rainbow-wave 3s linear infinite,bounce-text 2s ease-in-out infinite;text-shadow:0 0 15px rgba(255,60,60,0.4);display:inline-block}
@keyframes rainbow-wave{to{background-position:200% center}}
@keyframes bounce-text{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.channel-toast__text .subtext{font-size:13px;line-height:1.45;color:rgba(255,255,255,.9);font-weight:500;-webkit-animation:slide-up 0.8s ease-out 0.3s backwards;animation:slide-up 0.8s ease-out 0.3s backwards;letter-spacing:0.2px}
@keyframes slide-up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.channel-toast__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}
.channel-toast__close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}
.theme-switch{display:none}
.theme-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.35);cursor:pointer}
.theme-dot[data-theme="theme-red"]{background:#ff3b3b}
.theme-dot[data-theme="theme-indigo"]{background:#5b7cfa}
.theme-dot[data-theme="theme-emerald"]{background:#10b981}
.theme-dot[data-theme="theme-violet"]{background:#8b5cf6}
.theme-dot[data-theme="theme-slate"]{background:#94a3b8}
.theme-dot[data-theme="theme-sub"]{background:#3a3f49}

@media (max-width:768px){
  .topbar{padding:12px calc(12px + env(safe-area-inset-right)) 12px calc(12px + env(safe-area-inset-left))}
  .nav a{margin-left:12px}
  .nav a{display:inline-block;padding:8px 6px}
  .theme-dot{width:16px;height:16px}
  .hero,.unlock-hero{padding:28px 12px}
  .panel{padding:18px;border-radius:12px}
  .task-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .task-buttons button{width:100%;text-align:center}
  .task-list li{flex-direction:column;align-items:stretch;gap:8px}
  .create-form{flex-direction:column;gap:10px}
  .btn{width:100%;justify-content:center;min-height:50px}
  .step-actions{flex-direction:column;align-items:stretch}
  .table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table th,.table td{white-space:nowrap}
}
@media (max-width:480px){
  .task-buttons{grid-template-columns:repeat(2,1fr)}
  .title{font-size:20px}
  .subtitle{font-size:13px}
  .card{padding:18px;border-radius:12px}
  .left{display:none}
  .progress-text{font-size:11px}
  .footer{flex-direction:column;gap:8px;text-align:center}
  .truncate{max-width:200px}
  .ad-popup__dialog{padding:18px}
  .ad-popup__dialog h3{font-size:20px}
}
.mobile-cta{display:none}
@media (max-width:768px){
  .mobile-cta{position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center}
  .mobile-progress{flex:1;height:8px;background:var(--progressBg);border-radius:999px;overflow:hidden}
  .mobile-progress-bar{height:100%;background:linear-gradient(90deg,var(--progress1),var(--progress2));width:0%}
}