:root{color-scheme:light;--sx-bg:#f3f7f6;--sx-surface:#fff;--sx-panel:#f7faf8;--sx-soft:#eaf5ee;--sx-line:#dfebe3;--sx-text:#193c2e;--sx-muted:#607b6c;--sx-subtle:#829b8c;--sx-accent:#087a57;--sx-button:#087a57;--sx-button-text:#fff;--sx-glow:#d7f0df;--sx-shadow:0 10px 35px #244d3310;--sx-warning-bg:#fff8e6;--sx-warning-text:#8b691f;--sx-error-bg:#fff0f0;--sx-error-text:#b3424b}
:root[data-theme=dark]{color-scheme:dark;--sx-bg:#0c1723;--sx-surface:#132231;--sx-panel:#172a39;--sx-soft:#193a35;--sx-line:#293f4b;--sx-text:#e4f1eb;--sx-muted:#a3bdb1;--sx-subtle:#8ba79a;--sx-accent:#71ddb0;--sx-button:#63d3a2;--sx-button-text:#082f22;--sx-glow:#1c4a40;--sx-shadow:0 10px 35px #0002;--sx-warning-bg:#332e20;--sx-warning-text:#e8cd85;--sx-error-bg:#3c252d;--sx-error-text:#ffb4bb}
html[data-theme] body,html[data-theme] .sl-task-app{background:var(--sx-bg);color:var(--sx-text)}
html[data-theme] .sl-sidebar,html[data-theme] .sl-app-header,html[data-theme] .sl-header,html[data-theme] .sl-bottom-nav{background:var(--sx-surface);border-color:var(--sx-line)}
html[data-theme] .sl-brand,html[data-theme] .sl-mobile-brand,html[data-theme] .sl-app-heading strong,html[data-theme] .sl-user-name{color:var(--sx-text)}
html[data-theme] .sl-brand small,html[data-theme] .sl-app-heading,html[data-theme] .sl-sidebar-caption,html[data-theme] .sl-side-bottom>a,html[data-theme] .sl-side-bottom>small,html[data-theme] .sl-footer{color:var(--sx-muted);border-color:var(--sx-line)}
html[data-theme] .sl-logo{background:var(--sx-button);color:var(--sx-button-text);box-shadow:0 4px 12px #16805c1a}
html[data-theme] a{color:var(--sx-accent)}
html[data-theme] .sl-sidebar nav>a,html[data-theme] .sl-bottom-nav a{color:var(--sx-muted)}
html[data-theme] .sl-sidebar nav>a:hover,html[data-theme] .sl-bottom-nav a:hover{background:var(--sx-panel)}
html[data-theme] .sl-sidebar nav>a.is-active,html[data-theme] .sl-bottom-nav a.is-active{background:var(--sx-soft);color:var(--sx-accent)}
html[data-theme] .sl-card,html[data-theme] .sl-mission-card,html[data-theme] .sl-task-stats article,html[data-theme] .sl-stat-card,html[data-theme] .sl-preview,html[data-theme] .sl-metrics,html[data-theme] .sl-history-summary .sl-stat-card{background:var(--sx-surface);border-color:var(--sx-line);box-shadow:var(--sx-shadow)}
html[data-theme] .sl-card p,html[data-theme] .sl-muted,html[data-theme] .sl-task-page-head>div>p:last-child,html[data-theme] .sl-mission-card>p,html[data-theme] .sl-how-list p,html[data-theme] .sl-task-steps p,html[data-theme] .sl-task-steps-large p,html[data-theme] .sl-task-stats article>span,html[data-theme] .sl-task-stats p,html[data-theme] .sl-task-stats small,html[data-theme] .sl-prose p,html[data-theme] .sl-prose li,html[data-theme] .sl-details dt{color:var(--sx-muted)}
html[data-theme] .sl-task-tag,html[data-theme] .sl-eyebrow,html[data-theme] .sl-positive,html[data-theme] .sl-live-label,html[data-theme] .sl-task-stats article>strong,html[data-theme] .sl-task-rate>strong,html[data-theme] .sl-mission-reward,html[data-theme] .sl-code-site-label{color:var(--sx-accent)}
html[data-theme] .sl-task-stats article>strong small{color:var(--sx-muted)}
html[data-theme] .sl-task-rate,html[data-theme] .sl-mission-reward,html[data-theme] .sl-mission-icon,html[data-theme] .sl-task-steps>li>span,html[data-theme] .sl-history-icon,html[data-theme] .sl-task-result>span,html[data-theme] .sl-task-empty>span,html[data-theme] .sl-cash-note,html[data-theme] .sl-task-note,html[data-theme] .sl-active-task,html[data-theme] .sl-compose-info,html[data-theme] .sl-rate-card{background:var(--sx-soft);border-color:var(--sx-line);color:var(--sx-accent)}
html[data-theme] .sl-task-rate>span,html[data-theme] .sl-task-rate small,html[data-theme] .sl-cash-note p,html[data-theme] .sl-task-note p,html[data-theme] .sl-active-task p{color:var(--sx-muted)}
html[data-theme] .sl-task-steps strong,html[data-theme] .sl-how-list strong,html[data-theme] .sl-mission-top h3{color:var(--sx-text)}
html[data-theme] .sl-task-stats progress,html[data-theme] .sl-task-stats progress::-webkit-progress-bar{background:var(--sx-line)}
html[data-theme] progress{accent-color:var(--sx-accent)}
html[data-theme] .sl-task-stats progress::-webkit-progress-value{background:var(--sx-accent)}
html[data-theme] .sl-mission-route,html[data-theme] .sl-consent-user,html[data-theme] .sl-preview-url,html[data-theme] .sl-link-icon,html[data-theme] .sl-wait-box,html[data-theme] .sl-issued-code{background:var(--sx-panel);border-color:var(--sx-line);color:var(--sx-muted)}
html[data-theme] .sl-mission-footer>span,html[data-theme] .sl-task-history-row small,html[data-theme] .sl-issued-code>span,html[data-theme] .sl-code-steps{color:var(--sx-subtle)}
html[data-theme] .sl-issued-code strong{color:var(--sx-accent)}
html[data-theme] .sl-task-history-row,html[data-theme] .sl-history,html[data-theme] .sl-task-app details,html[data-theme] .sl-prose details,html[data-theme] .sl-auth-rule{border-color:var(--sx-line)}
html[data-theme] .sl-task-history-row strong,html[data-theme] .sl-details dd{color:var(--sx-text)}
html[data-theme] .sl-button{background:var(--sx-button);color:var(--sx-button-text);border-color:transparent;box-shadow:0 4px 12px #16805c12}
html[data-theme] .sl-button:hover{filter:brightness(1.07);box-shadow:0 6px 17px #16805c26}
html[data-theme] .sl-secondary,html[data-theme] .sl-google{background:var(--sx-surface);color:var(--sx-accent);border-color:var(--sx-line);box-shadow:none}
html[data-theme] .sl-secondary:hover{background:var(--sx-soft);filter:none}
html[data-theme] .sl-danger{background:var(--sx-error-bg);color:var(--sx-error-text);border-color:var(--sx-line)}
html[data-theme] input:not([type=checkbox]),html[data-theme] textarea,html[data-theme] select{background:var(--sx-panel);border-color:var(--sx-line);color:var(--sx-text)}
html[data-theme] input[readonly]{background:var(--sx-soft)}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--sx-subtle);opacity:1}
html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{outline-color:var(--sx-accent)}
html[data-theme] .sl-check input{accent-color:var(--sx-button)}
html[data-theme] th{background:var(--sx-panel);color:var(--sx-muted);border-color:var(--sx-line)}
html[data-theme] td{color:var(--sx-text);border-color:var(--sx-line)}
html[data-theme] td small,html[data-theme] .sl-url{color:var(--sx-subtle)}
html[data-theme] .sl-badge,html[data-theme] .sl-task-list-head h2 span{background:var(--sx-panel);color:var(--sx-muted)}
html[data-theme] .sl-green{background:var(--sx-soft);color:var(--sx-accent)}
html[data-theme] .sl-amber{background:var(--sx-warning-bg);color:var(--sx-warning-text)}
html[data-theme] .sl-alert,html[data-theme] .sl-success{background:var(--sx-soft);color:var(--sx-accent);border-color:var(--sx-line)}
html[data-theme] .sl-error{background:var(--sx-error-bg);color:var(--sx-error-text)}
html[data-theme] .sl-demo-banner{background:var(--sx-warning-bg);color:var(--sx-warning-text)}
html[data-theme] .sl-toast{background:var(--sx-text);color:var(--sx-bg)}
html[data-theme] .sl-avatar{background:var(--sx-soft);color:var(--sx-accent);border-color:var(--sx-line)}
html[data-theme] .sl-proof{border-color:var(--sx-line)}
html[data-theme] .sl-centered h1,html[data-theme] .sl-centered h2{color:var(--sx-text)}
html[data-theme] #bonzSiteUpdate{background:var(--sx-surface);border-color:var(--sx-line);color:var(--sx-text);box-shadow:0 18px 70px #0003;color-scheme:inherit}
html[data-theme] #bonzSiteUpdate h3{color:var(--sx-text)}
html[data-theme] #bonzSiteUpdate .bonz-update-label,html[data-theme] #bonzSiteUpdate li::marker{color:var(--sx-accent)}
html[data-theme] #bonzSiteUpdate .bonz-update-description,html[data-theme] #bonzSiteUpdate li,html[data-theme] #bonzSiteUpdate .bonz-update-close,html[data-theme] #bonzSiteUpdate .bonz-update-footer span{color:var(--sx-muted)}
html[data-theme] #bonzSiteUpdate .bonz-update-footer{border-color:var(--sx-line)}
html[data-theme] #bonzSiteUpdate .bonz-update-accept{background:var(--sx-button);color:var(--sx-button-text);border-color:transparent}
.sl-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:86px;padding:8px 12px;border:1px solid var(--sx-line);border-radius:11px;background:var(--sx-panel);color:var(--sx-text);font-size:12px;font-weight:650;white-space:nowrap;flex-shrink:0}
.sl-theme-toggle:hover{background:var(--sx-soft)}.sl-theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sl-theme-moon{display:none}:root[data-theme=dark] .sl-theme-sun{display:none}:root[data-theme=dark] .sl-theme-moon{display:block}
.sl-task-app .sl-app-user{gap:13px}.sl-task-app .sl-task-stats article{border-radius:16px;position:relative;overflow:hidden}.sl-task-app .sl-task-stats article:before{content:"";width:4px;height:28px;background:var(--sx-accent);position:absolute;left:0;top:22px;border-radius:0 3px 3px 0;opacity:.55}.sl-task-app .sl-task-stats article>strong{font-size:30px}.sl-task-app .sl-task-page-head{position:relative;padding:27px 29px;border:1px solid var(--sx-line);border-radius:18px;background:linear-gradient(115deg,var(--sx-surface) 30%,var(--sx-soft));overflow:hidden}.sl-task-app .sl-task-page-head h1{letter-spacing:-1.1px}.sl-task-page-head .sl-guide-link{border:1px solid var(--sx-line);border-radius:11px;background:var(--sx-surface);padding:11px 15px;font-size:12px}.sl-task-app .sl-mission-card{border-radius:17px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sl-mission-card:hover{transform:translateY(-2px);border-color:var(--sx-accent);box-shadow:0 15px 35px #244d3315}.sl-task-app .sl-mission-icon{border-radius:13px;border:1px solid var(--sx-line)}.sl-task-app .sl-cash-note{background:linear-gradient(140deg,var(--sx-soft),var(--sx-surface));border-radius:16px}.sl-task-app .sl-sidebar nav>a{border-radius:11px}.sl-task-app .sl-task-aside .sl-card{border-radius:17px}
/* The playground is a local simulation: no account or payout requests. */
.sl-demo-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;margin:0 0 24px}.sl-experience-kicker{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.3px;font-weight:750;color:var(--sx-accent);margin-bottom:16px}.sl-experience-kicker>span{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--sx-soft)}.sl-demo-intro h1{font-size:clamp(32px,3.4vw,46px);line-height:1.13;letter-spacing:-1.8px;margin:0 0 16px}.sl-demo-intro h1>span{color:var(--sx-accent)}.sl-demo-intro p{max-width:540px;font-size:14px;line-height:1.8;color:var(--sx-muted);margin:0}.sl-demo-intro-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;padding-bottom:3px}.sl-demo-disclaimer{display:flex;align-items:center;gap:11px;background:var(--sx-warning-bg);border:1px solid var(--sx-line);border-radius:10px;color:var(--sx-warning-text);padding:12px 16px;font-size:12px;margin-bottom:24px}.sl-demo-disclaimer>span{font-size:19px;flex-shrink:0}.sl-demo-disclaimer p{margin:0;line-height:1.7}.sl-demo-disclaimer strong{font-size:11px;margin-right:5px}.sl-demo-studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:22px;align-items:start}.sl-demo-scene{border:1px solid var(--sx-line);border-radius:19px;overflow:hidden;background:var(--sx-surface);box-shadow:var(--sx-shadow);position:sticky;top:24px}.sl-scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 22px;border-bottom:1px solid var(--sx-line);font-size:10px;color:var(--sx-muted)}.sl-scene-live{display:flex;align-items:center;gap:8px;letter-spacing:1px;font-size:9px;font-weight:700;color:var(--sx-accent)}.sl-scene-live>span{background:var(--sx-accent);height:6px;width:6px;border-radius:50%;box-shadow:0 0 0 3px var(--sx-soft)}.sl-demo-stepper{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:22px 27px;margin:0;position:relative;gap:12px;background:var(--sx-panel)}.sl-demo-stepper:before{content:"";position:absolute;height:1px;background:var(--sx-line);left:50px;right:50px;top:38px}.sl-demo-stepper li{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--sx-subtle);position:relative;background:var(--sx-panel);padding-inline:4px;z-index:1}.sl-demo-stepper li>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--sx-line);background:var(--sx-surface);font-size:12px}.sl-demo-stepper .is-current{color:var(--sx-accent)}.sl-demo-stepper .is-current>span{background:var(--sx-button);border-color:var(--sx-button);color:var(--sx-button-text);box-shadow:0 0 0 4px var(--sx-soft)}.sl-demo-stepper .is-done{color:var(--sx-accent)}.sl-demo-stepper .is-done>span{border-color:var(--sx-accent);background:var(--sx-soft)}.sl-demo-browser{margin:22px;background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:13px;overflow:hidden;box-shadow:0 10px 25px #00000008}.sl-demo-browser-bar{padding:12px 14px;display:flex;align-items:center;gap:14px;background:var(--sx-panel);border-bottom:1px solid var(--sx-line);font-size:12px;color:var(--sx-subtle)}.sl-window-dots{display:flex;gap:4px;flex-shrink:0}.sl-window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#e99f96}.sl-window-dots i:nth-child(2){background:#dfc376}.sl-window-dots i:nth-child(3){background:#78bf96}.sl-demo-address{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:5px;flex:1;padding:4px 8px;min-width:0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sx-muted)}.sl-demo-browser-content{min-height:420px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,var(--sx-soft),transparent 72%)}.sl-demo-visual{padding:25px 28px 30px;text-align:center;width:100%;animation:sl-visual-in .3s ease-out}.sl-demo-visual>.sl-task-tag{font-size:9px;letter-spacing:1.3px;margin:15px 0 10px}.sl-demo-visual h2{font-size:27px;line-height:1.2;letter-spacing:-.9px;margin:0 0 13px}.sl-demo-visual p{color:var(--sx-muted);font-size:12px;max-width:325px;margin:0 auto 18px;line-height:1.8}.sl-demo-visual>.sl-button{font-size:12px}.sl-orbit-art{position:relative;width:210px;height:120px;margin:0 auto 10px}.sl-orbit-center{position:absolute;left:74px;top:25px;width:64px;height:64px;display:grid;place-items:center;background:var(--sx-button);color:var(--sx-button-text);font-size:45px;line-height:1;border-radius:19px;box-shadow:0 8px 0 var(--sx-glow),0 15px 40px #23845c22;transform:rotate(-8deg);z-index:2}.sl-orbit-token{position:absolute;display:grid;place-items:center;background:var(--sx-surface);border:1px solid var(--sx-line);box-shadow:0 4px 15px #00000008;border-radius:12px;color:var(--sx-accent);z-index:2}.sl-orbit-link{left:3px;top:47px;width:40px;height:40px;font-size:23px;transform:rotate(-12deg)}.sl-orbit-code{right:4px;top:3px;width:45px;height:40px;font-size:17px;font-weight:700;transform:rotate(10deg)}.sl-orbit-coin{right:13px;bottom:3px;width:37px;height:37px;border-radius:50%;background:#f8df93;border-color:#d8b55b;color:#8b641b;font-size:23px;font-weight:750;transform:rotate(12deg)}.sl-orbit-dash{position:absolute;left:23px;right:23px;top:55px;height:1px;border-top:1px dashed var(--sx-subtle);transform:rotate(-20deg)}.sl-orbit-dash-two{transform:rotate(25deg);top:62px}.sl-demo-mini-reward{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:9px;padding:13px 15px;max-width:320px;margin:22px auto 0;text-align:left}.sl-demo-mini-reward>span{font-size:10px;color:var(--sx-muted)}.sl-demo-mini-reward strong{font-size:18px;color:var(--sx-accent);white-space:nowrap}.sl-demo-mini-reward small{font-size:10px;font-weight:400;display:block;line-height:1.2}.sl-demo-scene-footer{padding:0 22px 20px;display:flex;align-items:center;gap:12px;color:var(--sx-muted);font-size:9px}.sl-demo-scene-footer>span:first-child{min-width:100px}.sl-demo-scene-footer>span:last-child{white-space:nowrap}.sl-demo-scene-footer progress{height:4px;flex:1;min-width:40px;border:0;border-radius:10px;overflow:hidden}.sl-demo-scene-footer progress::-webkit-progress-bar{background:var(--sx-line)}.sl-demo-scene-footer progress::-webkit-progress-value{background:var(--sx-accent);transition:width .3s ease}.sl-demo-control{display:grid;gap:18px}.sl-demo-control>.sl-card{border-radius:17px}.sl-demo-control>.sl-card>h2{font-size:21px;margin:10px 0 23px}.sl-demo-action-list{list-style:none;margin:0;padding:0}.sl-demo-action-list>li{display:flex;gap:13px;margin-bottom:25px;opacity:.68;transition:opacity .2s}.sl-demo-action-list>li:last-child{margin-bottom:0}.sl-demo-action-list>li.is-active,.sl-demo-action-list>li.is-done{opacity:1}.sl-demo-action-list>li>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--sx-panel);border:1px solid var(--sx-line);font-size:11px;color:var(--sx-subtle);flex-shrink:0}.sl-demo-action-list>li.is-active>span{background:var(--sx-soft);color:var(--sx-accent);border-color:var(--sx-accent)}.sl-demo-action-list>li.is-done>span{color:var(--sx-accent)}.sl-demo-action-list>li>div{flex:1;min-width:0}.sl-demo-action-list h3{font-size:14px;letter-spacing:-.2px;margin:0 0 6px}.sl-demo-action-list p{font-size:11px;line-height:1.7;margin:0 0 11px}.sl-demo-action-list label{font-size:11px;margin:10px 0 6px}.sl-demo-action-list .sl-button{font-size:11px;min-height:39px;padding:9px 12px;gap:7px}.sl-demo-action-list input{font-size:14px!important;min-height:43px!important}.sl-demo-inline-code{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--sx-soft);border:1px dashed var(--sx-line);border-radius:8px;padding:10px 13px}.sl-demo-inline-code strong{letter-spacing:2px;color:var(--sx-accent);font-size:15px}.sl-demo-inline-code button{border:0;background:transparent;color:var(--sx-accent);font-size:21px;padding:0 4px;min-width:30px;min-height:28px}.sl-demo-feedback{font-size:11px!important;color:var(--sx-accent)!important;margin-top:12px!important;line-height:1.7!important}.sl-demo-feedback.is-error{color:var(--sx-error-text)!important}.sl-demo-wallet-card{padding:23px;border:1px solid var(--sx-line);border-radius:17px;background:linear-gradient(120deg,var(--sx-soft),var(--sx-surface));position:relative;overflow:hidden}.sl-demo-wallet-card>div:first-child{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.7px}.sl-demo-wallet-icon{height:36px;width:36px;border:1px solid var(--sx-line);background:var(--sx-surface);border-radius:10px;display:grid;place-items:center;color:var(--sx-accent)}.sl-demo-wallet-icon svg{width:19px;height:19px}.sl-demo-wallet-card>div small{display:block;font-size:10px;font-weight:400;color:var(--sx-muted);letter-spacing:0;margin-top:3px}.sl-demo-wallet-card .sl-badge{margin-left:auto;font-size:8px;background:var(--sx-surface)}.sl-demo-wallet-card>strong{display:block;font-size:40px;line-height:1.2;letter-spacing:-1.2px;margin:20px 0 12px;color:var(--sx-accent);font-variant-numeric:tabular-nums}.sl-demo-wallet-card>p{font-size:11px;color:var(--sx-muted);line-height:1.8;margin:0 0 17px}.sl-demo-wallet-foot{border-top:1px solid var(--sx-line);padding-top:13px;display:flex;justify-content:space-between;gap:10px;color:var(--sx-muted);font-size:9px}.sl-demo-loader{display:block;width:55px;height:55px;margin:15px auto 32px;border:3px solid var(--sx-line);border-top-color:var(--sx-accent);border-radius:50%;animation:sl-demo-spin .8s linear infinite}#task-demo-load-progress{display:block;max-width:270px;width:100%;height:5px;margin:28px auto 10px;border:0;border-radius:10px;overflow:hidden}#task-demo-load-progress::-webkit-progress-bar{background:var(--sx-line)}#task-demo-load-progress::-webkit-progress-value{background:var(--sx-accent);transition:width .25s}.sl-demo-code-symbol{display:grid;place-items:center;width:63px;height:63px;background:var(--sx-soft);border:1px solid var(--sx-line);border-radius:17px;color:var(--sx-accent);font-size:27px;font-weight:700;margin:0 auto 23px}.sl-demo-code-ticket{border:1px dashed var(--sx-accent);background:var(--sx-panel);border-radius:12px;padding:22px 15px;margin:25px auto 20px;max-width:290px}.sl-demo-code-ticket small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--sx-muted)}.sl-demo-code-ticket strong{display:block;letter-spacing:5px;font-size:30px;color:var(--sx-accent);margin:11px 0 8px;font-family:ui-monospace,monospace}.sl-demo-code-ticket>span{font-size:10px;color:var(--sx-subtle)}.sl-demo-celebration{width:210px;height:120px;position:relative;margin:0 auto 10px;display:grid;place-items:center}.sl-demo-check{width:74px;height:74px;display:grid;place-items:center;color:var(--sx-button-text);background:var(--sx-button);border-radius:50%;font-size:42px;box-shadow:0 0 0 10px var(--sx-soft)}.sl-demo-celebration i{position:absolute;font-style:normal;color:#bc913a;font-size:23px;left:25px;top:40px}.sl-demo-celebration i:nth-child(3){left:165px;top:30px;color:var(--sx-accent);font-size:17px}.sl-demo-celebration i:nth-child(4){left:156px;top:86px;font-size:17px}.sl-demo-celebration i:nth-child(5){left:38px;top:6px;color:var(--sx-accent);font-size:19px}.sl-demo-celebration i:nth-child(6){left:10px;top:92px;font-size:14px}.sl-demo-celebration i:nth-child(7){left:105px;top:0;color:var(--sx-accent);font-size:12px}[data-stage=done] .sl-demo-celebration i{animation:sl-coin-pop .7s ease-out both}[data-stage=done] .sl-demo-check{animation:sl-check-pop .4s ease-out both}.sl-demo-earned{color:var(--sx-accent);font-size:33px;letter-spacing:-1px;font-weight:750;margin:16px 0 25px}.sl-demo-earned small{font-size:12px;font-weight:400;letter-spacing:0;display:block}.sl-demo-end-note{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--sx-muted);margin:24px 0 0}.sl-demo-end-note a{margin-left:auto;font-weight:650}
@keyframes sl-demo-spin{to{transform:rotate(360deg)}}@keyframes sl-visual-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sl-coin-pop{from{opacity:0;transform:translateY(25px) scale(.5)}60%{opacity:1;transform:translateY(-7px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sl-check-pop{from{transform:scale(.7)}70%{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:1150px){.sl-demo-intro{align-items:start;flex-direction:column;gap:20px}.sl-demo-intro h1{font-size:39px}.sl-demo-studio{grid-template-columns:minmax(0,1.15fr) minmax(285px,.95fr);gap:17px}.sl-demo-browser{margin:17px}.sl-demo-visual{padding-inline:20px}.sl-demo-stepper{padding-inline:17px}.sl-demo-stepper li{font-size:10px;gap:6px}.sl-demo-scene-footer{padding-inline:17px;flex-wrap:wrap}.sl-demo-scene-footer>span:first-child{flex:1}.sl-demo-scene-footer progress{order:3;flex-basis:100%}.sl-demo-control>.sl-card{padding:22px 19px}.sl-demo-wallet-card{padding:21px}}
@media(max-width:1000px){.sl-demo-studio{grid-template-columns:1fr}.sl-demo-scene{position:static}.sl-demo-control{grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr);align-items:start}.sl-demo-browser-content{min-height:360px}.sl-demo-stepper{justify-content:space-around}.sl-demo-visual p{max-width:380px}.sl-demo-visual h2{font-size:29px}.sl-demo-scene-footer{flex-wrap:nowrap}.sl-demo-scene-footer progress{order:0;flex-basis:auto}}
@media(max-width:760px){.sl-task-app .sl-app-user{gap:8px}.sl-task-app .sl-app-header{padding-inline:16px;gap:12px}.sl-theme-toggle{width:38px;min-width:38px;height:38px;min-height:38px;padding:8px;border-radius:10px}.sl-theme-toggle>[data-theme-label]{display:none}.sl-task-app .sl-task-page-head{padding:22px 20px;border-radius:15px}.sl-task-app .sl-task-stats article>strong{font-size:27px}.sl-demo-control{grid-template-columns:1.2fr 1fr}.sl-demo-browser-content{min-height:370px}.sl-demo-intro h1{font-size:37px}.sl-demo-disclaimer{align-items:flex-start}.sl-demo-end-note{gap:10px 20px}.sl-demo-end-note a{margin-left:0;width:100%}}
@media(max-width:600px){.sl-demo-control{grid-template-columns:1fr}.sl-demo-intro h1{font-size:35px;letter-spacing:-1.3px}.sl-demo-intro p{font-size:13px}.sl-demo-intro-actions{width:100%}.sl-demo-intro-actions>.sl-button:first-child{flex:1}.sl-demo-intro-actions .sl-button{font-size:12px;min-height:43px;padding:10px 13px}.sl-demo-disclaimer{font-size:11px;padding:12px}.sl-demo-disclaimer strong{font-size:10px}.sl-scene-top{padding:15px 16px;font-size:9px;gap:8px}.sl-scene-live{font-size:8px;gap:6px;letter-spacing:.5px}.sl-demo-stepper{padding:19px 13px;gap:6px}.sl-demo-stepper li{font-size:9px;gap:6px;padding-inline:2px}.sl-demo-stepper li>span{width:25px;height:25px;font-size:10px}.sl-demo-stepper:before{top:31px;left:35px;right:35px}.sl-demo-browser{margin:15px}.sl-demo-browser-bar{gap:8px;padding:10px}.sl-demo-address{font-size:8px}.sl-window-dots{gap:3px}.sl-window-dots i{height:5px;width:5px}.sl-demo-browser-content{min-height:380px}.sl-demo-visual{padding:22px 17px}.sl-demo-visual h2{font-size:25px}.sl-demo-visual p{font-size:11px}.sl-demo-visual>.sl-button{font-size:11px}.sl-demo-mini-reward{padding:12px;margin-top:20px;gap:10px}.sl-demo-mini-reward>span{font-size:9px}.sl-demo-mini-reward strong{font-size:17px}.sl-demo-scene-footer{padding:0 15px 17px;flex-wrap:wrap;font-size:8px;gap:10px}.sl-demo-scene-footer progress{order:3;flex-basis:100%}.sl-demo-control>.sl-card{padding:24px 21px}.sl-demo-action-list h3{font-size:15px}.sl-demo-action-list p{font-size:12px}.sl-demo-action-list .sl-button{font-size:12px}.sl-demo-action-list input{font-size:16px!important}.sl-demo-action-list label{font-size:12px}.sl-demo-code-ticket{padding:20px 10px}.sl-demo-code-ticket strong{font-size:27px;letter-spacing:4px}.sl-demo-wallet-card{padding:24px}.sl-demo-end-note{font-size:10px}.sl-task-app .sl-task-stats article{border-radius:13px}.sl-task-app .sl-task-page-head h1{font-size:26px}.sl-task-page-head .sl-guide-link{padding:9px 12px;font-size:11px}.sl-task-app .sl-mobile-brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){.sl-demo-visual,.sl-demo-loader,.sl-demo-celebration i,.sl-demo-check{animation:none!important}.sl-mission-card,.sl-demo-action-list>li,.sl-demo-scene-footer progress::-webkit-progress-value,#task-demo-load-progress::-webkit-progress-value{transition:none!important}.sl-mission-card:hover{transform:none}}

/* Longer public brand stays readable on narrow screens. */
.sl-task-app .sl-sidebar .sl-brand{font-size:20px;gap:8px;padding-left:3px;letter-spacing:-.8px;white-space:nowrap}.sl-task-app .sl-sidebar .sl-logo{width:31px;height:31px;flex-shrink:0}
@media(max-width:1120px) and (min-width:761px){.sl-task-app .sl-sidebar .sl-brand{font-size:17px;gap:6px}.sl-task-app .sl-sidebar .sl-logo{width:27px;height:27px;font-size:22px}}
@media(max-width:760px){.sl-task-app .sl-mobile-brand{font-size:18px;white-space:nowrap;gap:6px}.sl-task-app .sl-app-header{padding-inline:14px}.sl-task-app .sl-app-user{gap:8px}}
@media(max-width:350px){.sl-task-app .sl-mobile-brand{font-size:16px;letter-spacing:-.8px}.sl-task-app .sl-mobile-brand .sl-logo{width:25px;height:25px;font-size:21px}.sl-task-app .sl-app-header{padding-inline:10px}.sl-task-app .sl-app-user{gap:5px}.sl-task-app .sl-app-user .sl-button{padding:8px;font-size:10px}}