:root{--blue:#0755ff;--navy:#102652;--muted:#647c9e;--line:#e6effa;--green:#00bd77;--purple:#7424ff;--orange:#ff9b00}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#f0f7fc;font-family:Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;color:#080e1b;font-weight:800}h2{font-size:22px;letter-spacing:-.6px;color:#0c1325}h3{font-size:18px;color:#111b31}p{color:var(--muted)}.icon{width:26px;height:26px;flex-shrink:0}.app-shell{max-width:820px;margin:0 auto;padding:26px 24px 105px;background:#f9fcff;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:10px}.topbar p{font-size:12px}.brand{font-size:30px;letter-spacing:-1.3px;font-weight:900;color:#090d13}.brand em{font-style:normal;color:#ff940c}.notification{color:#102955;padding:10px}.notification .icon{width:30px;height:30px}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 5px 16px #1a53a504}.hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(120deg,#831fff,#064dff 65%,#028bff);color:white;padding:26px;margin-bottom:16px;min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hero h2{color:white;font-size:31px;font-weight:900;line-height:1.05}.hero h2 strong{display:block;color:#ffdf41}.hero p{color:#e2eaff;margin:12px 0;max-width:310px}.hero-art{font-size:92px;filter:drop-shadow(0 10px 10px #0004);transform:rotate(-12deg);flex-shrink:0}.hero:after{content:'✦';position:absolute;right:20px;top:10px;color:#ffe773;font-size:28px}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(140deg,#009dff,#0644ff);border:0;border-radius:15px;padding:15px 24px;color:white;font-weight:750;min-height:48px}.button.gold{background:linear-gradient(#ffe769,#ffb419);color:#171300}.button.light{background:#eff7ff;color:var(--blue)}.button.danger{background:linear-gradient(120deg,#ff326b,#ff003d)}.button.wide{width:100%}.balance{background:linear-gradient(130deg,#20adff,#0050ff);border:0;color:white;display:flex;align-items:center;gap:16px}.balance h2,.balance p{color:white}.balance .amount{font-size:34px;font-weight:800;line-height:1.2;letter-spacing:-1px}.balance .amount small{font-size:16px;letter-spacing:0}.balance .button{margin-left:auto;padding:12px 16px;background:white;color:var(--blue)}.balance.purple{background:linear-gradient(145deg,#8094ff,#3519e8)}.balance.green{background:linear-gradient(120deg,#03cb92,#00674d)}.coin{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#fff59b,#ffc723,#ff9800);border:4px solid #ffe776;box-shadow:inset 0 0 0 2px #e99a10,0 6px 8px #0002;color:white;font-size:42px;font-weight:800;flex-shrink:0}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.action{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:17px;padding:17px 5px;background:#edf8ff;color:#102652;font-weight:600}.action .icon{width:34px;height:34px;color:var(--blue)}.action:nth-child(1){background:#f4edff}.action:nth-child(2){background:#fff5e9}.action:nth-child(4){background:#eafff5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.progress{height:13px;background:#e3ebf5;border-radius:20px;overflow:hidden;margin:12px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,#00bc78,#72f3bc);border-radius:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats>div+div{border-left:1px solid var(--line)}.stats strong{font-size:25px;color:#111820;display:block}.stats p{font-size:13px}.row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .copy{flex:1;min-width:0}.row p{font-size:13px}.row strong{font-size:16px}.row .value{color:#00b653;white-space:nowrap;font-weight:750}.row .negative{color:#ff204d}.tile-icon{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:linear-gradient(145deg,#2dabff,#0052ff);color:white}.tile-icon.green{background:linear-gradient(145deg,#15dc91,#00ad68)}.tile-icon.purple{background:linear-gradient(145deg,#c34aff,#5900f7)}.tile-icon.orange{background:linear-gradient(145deg,#ffc12f,#ff7b00)}.tile-icon.red{background:linear-gradient(145deg,#ff558b,#ff0036)}.tile-icon.teal{background:linear-gradient(145deg,#2ce8d4,#00afae)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs>*{flex:1;text-align:center;border:1px solid #dfeafa;background:#eef6ff;color:#1c355f;border-radius:14px;padding:12px 8px;font-weight:650}.tabs .active{background:linear-gradient(135deg,#009aff,#003bff);color:white;border-color:transparent}.search{display:flex;gap:10px;margin-bottom:16px}.search input{border-radius:30px;background:#eaf4ff}.task-card{display:flex;align-items:center;gap:18px;background:#eaf7ff;border-radius:22px;padding:20px 16px;margin-bottom:12px;color:var(--navy)}.task-card:nth-child(3n){background:#fff0fa}.task-card:nth-child(4n){background:#eafbf5}.task-card:nth-child(5n){background:#fff6ed}.task-card .tile-icon{width:76px;height:76px;border-radius:20px}.task-card .tile-icon .icon{width:42px;height:42px}.task-card .copy{flex:1}.task-card h3{font-size:20px}.reward{color:var(--orange);font-size:20px;font-weight:800}.empty{text-align:center;padding:30px 15px;color:var(--muted)}.empty .icon{width:42px;height:42px;margin-bottom:12px}.pill{display:inline-flex;border-radius:30px;padding:6px 13px;background:#e9e1ff;color:#762aff;font-size:12px;font-weight:700}.pill.green{background:#d8faed;color:#02ad6d}.notice{padding:14px 18px;background:#e5f3ff;border-radius:14px;margin-bottom:16px;color:#243f68}.notice.success{background:#dcfbed;color:#006c43}.notice.error{background:#ffe7ed;color:#9a1238}.notice.error p{color:inherit}.demo-label{padding:9px;background:#fff0c9;color:#8b5c00;border-radius:10px;font-size:11px;font-weight:700;margin-bottom:16px}.field{display:block;font-weight:600;margin-bottom:14px;font-size:14px}input,select,textarea{display:block;width:100%;padding:12px 14px;border:1px solid #d8e5f6;border-radius:11px;margin-top:6px;color:#153153;background:#fbfdff}input:focus,select:focus,textarea:focus{outline:2px solid #7eb5ff;outline-offset:2px}input[type=checkbox]{width:18px;display:inline-block;margin-right:8px}.check-label{display:flex;align-items:start;margin:14px 0;font-size:13px;color:var(--muted)}.check-label input{flex-shrink:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;font-size:11px;margin-top:28px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:820px;display:flex;justify-content:space-around;background:#fffffff5;border-top:1px solid #dfe7f2;backdrop-filter:blur(15px);padding:12px 5px max(12px,env(safe-area-inset-bottom));z-index:20}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#122c59;font-size:12px;font-weight:600}.bottom-nav .icon{width:27px;height:27px}.bottom-nav .selected{color:#034bff}.desktop-rail{display:none}.wheel-panel{background:radial-gradient(circle at 40% 40%,#039fff,#0629bc 65%,#08075d);padding:24px 20px 20px;border-radius:22px;text-align:center;color:white;margin-bottom:16px}.wheel-panel h2{color:white;font-size:30px}.wheel-panel p{color:#e4f2ff}.wheel-wrap{position:relative;width:min(100%,340px);aspect-ratio:1;margin:22px auto}.wheel{width:100%;height:100%;border:14px solid #ffcc32;border-radius:50%;background:conic-gradient(#00b18a 0 60deg,#e212ee 60deg 120deg,#0873ff 120deg 180deg,#00c2a0 180deg 240deg,#ffbd00 240deg 300deg,#04c9e2 300deg);box-shadow:0 6px 0 #ff8c00,inset 0 0 0 4px #fff09c,0 0 20px #00c8ff;position:relative;transition:transform 2s ease-out}.wheel b{position:absolute;left:calc(50% - 24px);top:calc(50% - 18px);transform:rotate(var(--angle)) translateY(-100px) rotate(calc(-1 * var(--angle)));font-size:25px;width:48px}.wheel-center{position:absolute;inset:34%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe54c,#ff9600);border:6px solid #ffe97e;color:white;font-size:25px;font-weight:900;box-shadow:0 8px 12px #0005}.pointer{position:absolute;top:-10px;left:calc(50% - 15px);width:30px;height:46px;clip-path:polygon(0 0,100% 0,50% 100%);background:#fff09c;z-index:2}.avatar{width:62px;height:62px;border-radius:50%;background:#d5e7ff;color:#1857f1;display:grid;place-items:center;font-size:26px;font-weight:800;flex-shrink:0}.profile-hero{background:linear-gradient(120deg,#02b1ff,#0753ff,#6c68ff);color:white;display:flex;gap:18px;align-items:center}.profile-hero h2,.profile-hero p{color:white}.settings-row{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--navy)}.settings-row:last-child{border:0}.settings-row div:nth-child(2){flex:1}.settings-row p{font-size:13px}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details[open] summary{margin-bottom:12px}.upload{padding:35px 15px;text-align:center;border:2px dashed #b7cff1;border-radius:16px;background:#f6faff;margin:14px 0}.upload .icon{width:50px;height:50px;color:var(--blue)}.upload input{background:white}.preview{max-width:200px;max-height:150px;border-radius:12px;margin:15px 0}.steps{display:flex;justify-content:space-around;text-align:center;margin:25px 0}.steps span{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 5px;background:#e7f2ff;border-radius:50%;color:var(--blue);font-weight:800}.requirements{list-style:none;padding:0;margin:12px 0}.requirements li{display:flex;gap:12px;margin:14px 0;color:var(--muted)}.requirements .icon{color:#00bf76}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef6ff}.admin-nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.admin-nav a{background:white;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:12px}.auth-card{max-width:470px;margin:25px auto}.public-hero{min-height:330px}.public-hero h2{font-size:44px}.muted{color:var(--muted)}.small{font-size:12px}.break{overflow-wrap:anywhere}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#102652;color:white;border-radius:12px;z-index:100;max-width:90vw}button:focus-visible,a:focus-visible{outline:3px solid #ffb900;outline-offset:3px}
@media(min-width:1100px){.desktop-rail{display:block;position:fixed;width:255px;left:0;top:0;height:100vh;padding:30px 22px;background:white;border-right:1px solid var(--line)}.desktop-rail .brand{font-size:28px}.desktop-rail>p{font-size:10px;margin-bottom:35px}.rail-link{display:flex;align-items:center;gap:12px;padding:13px;margin:5px 0;color:#526b8e;font-size:13px;font-weight:600;border-radius:12px}.rail-link.selected{background:#eaf2ff;color:var(--blue)}.rail-foot{position:absolute;bottom:30px;font-size:13px;color:var(--muted)}.app-shell{margin-left:calc(255px + (100vw - 255px - 820px)/2);padding-top:36px}.bottom-nav{left:255px}.hero{min-height:220px}.hero h2{font-size:38px}.hero-art{font-size:115px}}
@media(max-width:540px){body{font-size:14px}.app-shell{padding:22px 16px 100px}.topbar{margin-bottom:17px}h1{font-size:27px}.brand{font-size:29px}.hero{padding:21px;min-height:180px}.hero h2{font-size:28px}.hero-art{font-size:70px}.hero p{font-size:12px}.card{padding:17px;border-radius:18px}.balance{gap:12px}.balance .amount{font-size:27px}.balance .amount small{font-size:12px}.balance .coin{width:52px;height:52px;font-size:32px}.balance .button{font-size:12px;padding:10px}.action{font-size:11px;gap:10px;padding:14px 3px}.task-card{gap:12px;padding:15px 12px}.task-card .tile-icon{width:60px;height:65px}.task-card h3{font-size:17px}.task-card p{font-size:12px}.reward{font-size:17px}.tabs>*{font-size:12px;padding:12px 4px}.wheel-panel h2{font-size:27px}.two-col{grid-template-columns:1fr}.public-hero h2{font-size:32px}.stats strong{font-size:22px}.stats p{font-size:11px}.row{gap:12px}.row .value{font-size:12px}.profile-hero .avatar{width:58px;height:58px}.profile-hero h2{font-size:22px}.wheel b{transform:rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.reference-ui .balance{min-height:126px}.reference-ui .balance.purple,.reference-ui .balance.green{min-height:160px}.reference-ui .two-stats{grid-template-columns:1fr 1fr;text-align:left;gap:18px}.two-stats strong{font-size:20px}.two-stats>div+div{padding-left:18px}.positive{color:#00b746}.negative{color:#ff1548}.blue-text{color:#074bff}.green-button{background:linear-gradient(120deg,#00cf96,#00aa78);margin-bottom:16px;font-size:23px}.purple-button{background:linear-gradient(130deg,#b548ff,#5900ec)}.transaction-value{text-align:right}.transaction-value strong{font-size:22px}.transaction-value p{font-size:12px}.notification-card{display:flex;align-items:center;gap:14px}.notification-card .copy{flex:1}.notification-card .section-head{margin-bottom:5px;align-items:start}.notification-card small{color:#7890ae;white-space:nowrap;font-size:10px}.notification-card h3{font-size:17px}.notification-card p{font-size:14px}.notification-card .tile-icon{width:60px;height:60px}.team-row{padding:22px 0}.team-row p{font-size:15px}.avatar-stack{display:flex;gap:10px;padding:8px 0}.avatar-0{background:#ffe8a3;color:#9b6400}.avatar-1{background:#ffd6e9;color:#ac1765}.avatar-2{background:#c7f0ff;color:#006ca8}.avatar-3{background:#e9d5ff;color:#772ac1}.avatar-4{background:#ccfada;color:#168342}.small-avatar{width:38px;height:38px;font-size:17px}.reference-ui .task-card.category-pink{background:#fff0fa}.reference-ui .task-card.category-teal{background:#eafbf5}.reference-ui .task-card.category-orange{background:#fff7ed}.reference-ui .task-card.category-purple{background:#f5efff}.tile-icon.pink{background:linear-gradient(135deg,#ff6b9b,#f50061)}.reference-hero{min-height:210px}.hero-illustration{position:relative;width:150px;height:150px;flex-shrink:0;display:grid;place-items:center}.hero-illustration .coin{width:96px;height:96px;font-size:60px;transform:rotate(-15deg)}.gift-art{font-size:70px;position:absolute;right:-10px;bottom:-10px}.spark{position:absolute;left:0;top:0;font-size:40px;color:#ffe55d}.sponsor h2{font-size:27px;margin:8px 0}.sponsor h2 strong{display:inline}.sponsor .hero-art{font-size:80px}.spin-available{background:#edf2ff;color:#14356a!important;border-radius:30px;padding:8px;margin:16px auto 8px;font-weight:700}.reference-ui .wheel-panel .button{font-size:26px;color:#111}.countdown{display:flex;gap:10px;margin-top:14px}.countdown div{background:#eff6ff;padding:9px 15px;border-radius:15px;text-align:center}.countdown strong{display:block;font-size:24px;color:#111}.countdown span{font-size:12px}.demo-return{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:12px}.demo-return button{padding:7px 12px;min-height:34px;font-size:12px}[hidden]{display:none!important}
@media(max-width:540px){.reference-ui .balance .amount{font-size:25px}.reference-ui .balance p{font-size:12px}.reference-ui .balance .button{padding:12px 10px}.reference-ui .balance .coin{width:46px;height:46px}.reference-ui .two-stats strong{font-size:16px}.transaction-value strong{font-size:18px}.reference-ui .row strong{font-size:15px}.notification-card{padding:16px 12px;gap:10px}.notification-card .tile-icon{width:47px;height:50px}.notification-card h3{font-size:15px}.notification-card p{font-size:12px}.notification-card>.icon{width:16px}.hero-illustration{width:105px}.reference-hero h2{font-size:26px}.reference-ui .team-row{gap:10px}.team-row .avatar{width:53px;height:53px}.team-row .positive{font-size:13px}.reference-ui .task-card{min-height:93px}.reference-ui .wheel-wrap{max-width:310px}}
.example-proof{display:flex;align-items:center;gap:12px;background:#14181d;color:white;border-radius:15px;padding:22px 14px;margin-top:12px}.example-proof strong{font-size:22px}.example-proof .button{margin-left:auto;padding:12px;font-size:14px}.example-proof p{font-size:11px}.example-proof .tile-icon{width:42px;height:36px}.profile-hero .pill.green{background:linear-gradient(#ffe86b,#ffd329);color:#302700;padding:9px 17px;font-size:15px;margin-top:8px}
.reference-hero{background:#123aff url('/images/rewards-hero.png') center/cover no-repeat;min-height:220px}.reference-hero .hero-illustration{visibility:hidden}.reference-hero>div:first-child{position:relative;z-index:1;max-width:50%}.reference-hero h2{font-size:30px}.reference-hero p{text-shadow:0 1px 3px #041970}.reference-hero .button{padding:10px 23px}.reference-hero:after{display:none}@media(max-width:540px){.reference-hero{min-height:190px;padding:18px;background-position:57% center}.reference-hero h2{font-size:24px}.reference-hero p{font-size:12px;margin:8px 0}.reference-hero .button{font-size:14px;padding:9px 18px}}
.demo-account .profile-hero .avatar{font-size:0;background:#eaf2ff url('/images/rewards-hero.png') 80% 19%/600% 210%;width:86px;height:86px;border:3px solid #a9cfff}.demo-account .profile-hero{min-height:145px}.demo-account .profile-hero h2{font-size:26px}.demo-account .profile-hero p{font-size:16px}
.feedback-modal{position:fixed;inset:0;margin:auto;border:0;border-radius:24px;padding:30px;width:min(440px,calc(100vw - 32px));max-height:85vh;overflow:auto;text-align:center;background:#fff;color:#102652;box-shadow:0 24px 90px #071a5540;z-index:1000}.feedback-modal::backdrop{background:#07162b99;backdrop-filter:blur(4px)}.feedback-modal h2{font-size:23px;margin:12px 0}.feedback-modal p{margin:10px 0;overflow-wrap:anywhere}.feedback-modal form{margin-top:24px}.feedback-symbol{margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ffe8ed;color:#ed2451;font-size:36px;font-weight:bold}.feedback-modal[data-kind=success] .feedback-symbol{background:#dcfbed;color:#009e62}
.wheel-twelve{background:conic-gradient(from -15deg,#00a87f 0deg 30deg,#ef00e9 30deg 60deg,#0873ff 60deg 90deg,#ffe327 90deg 120deg,#8c09fa 120deg 150deg,#00bfc2 150deg 180deg,#ff4458 180deg 210deg,#185dff 210deg 240deg,#ed08da 240deg 270deg,#ff7915 270deg 300deg,#7c1df5 300deg 330deg,#17d5e9 330deg 360deg)}.wheel-twelve b{font-size:16px;line-height:36px;transform:rotate(var(--angle)) translateY(-110px) rotate(calc(-1 * var(--angle)))}@media(max-width:540px){.wheel-twelve b{font-size:14px;transform:rotate(var(--angle)) translateY(-94px) rotate(calc(-1 * var(--angle)))}}

/* Use standard text fonts throughout both application areas; icons use SVG. */
html,body,body.admin-body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6,p,a,label,button,input,select,textarea,table,summary,dialog{font-family:Arial,Helvetica,sans-serif}
/* Reference dashboard, with readable text fonts and real account values. */
.dashboard-reference{color:#101c49}.dashboard-reference .card{border-radius:16px;padding:16px;margin-bottom:12px}.dashboard-reference h2{font-size:21px;letter-spacing:-.5px}.dashboard-hero{background:#064bff url('/images/rewards-hero.png') center/cover no-repeat;min-height:210px;padding:22px;margin-bottom:12px;border-radius:19px}.dashboard-hero:after{display:none}.dashboard-hero>div{width:53%}.dashboard-hero h2{font-size:31px;line-height:1.02;color:white;text-shadow:0 1px 3px #173fc0}.dashboard-hero h2 strong{font-size:39px}.dashboard-hero p{font-size:18px;line-height:1.25;margin:8px 0 12px}.dashboard-hero .button{min-height:40px;padding:8px 28px;font-size:20px;border-radius:24px}.dashboard-balance{background:linear-gradient(120deg,#339fff,#007dff 60%,#064cff);gap:14px}.dashboard-balance .coin{width:70px;height:70px;font-size:48px;border:3px solid #ffea87;box-shadow:0 5px 6px #003b9c55}.dashboard-balance .amount{font-size:37px;white-space:nowrap}.dashboard-balance .amount small{font-size:18px}.dashboard-balance p{font-size:18px;line-height:1.2}.dashboard-balance .button{border-radius:20px;font-size:20px;padding:14px 17px}.dashboard-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-actions form{margin:0;min-width:0}.dashboard-action{width:100%;height:112px;border:0;border-radius:17px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:#f3edff;color:#101222;font-size:17px;font-weight:650;padding:12px 3px;white-space:nowrap}.dashboard-action:nth-child(2){background:#fff4e7}.dashboard-action:nth-child(3){background:#eaf8ff}.dashboard-action:nth-child(4){background:#e9fcf4}.dash-tile{display:grid;place-items:center;width:48px;height:54px;color:white;border-radius:13px;box-shadow:inset 0 2px 5px #ffffff66,0 5px 12px #32369612}.dash-tile .icon{width:34px;height:34px;stroke-width:2.5}.dash-tile.purple{background:linear-gradient(#ab42ff,#4700f5)}.dash-tile.orange{background:conic-gradient(#ffd644,#ff7730,#ffe34c,#ff7730,#ffd644);border-radius:50%;border:3px solid #ffd55a}.dash-tile.blue{background:linear-gradient(#00caff,#0755ff)}.dash-tile.green{background:linear-gradient(#00e898,#00ac63)}.dashboard-progress .section-head{margin-bottom:6px}.dashboard-progress .section-head strong{color:#164cff;font-size:24px}.dashboard-progress .progress{height:17px;margin:7px 0}.dashboard-progress .progress span{background:linear-gradient(90deg,#00bb78,#6cf7bf)}.dashboard-progress p{font-size:16px;line-height:1.4;color:#455682}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-metrics>div{display:flex;align-items:center;gap:10px;border-right:1px solid #e3ebf7}.dashboard-metrics>div:last-child{border:0}.dashboard-metrics .coin{width:38px;height:38px;font-size:27px}.dashboard-metrics .icon{width:35px;height:35px;color:#164cff}.dashboard-metrics strong{font-size:23px;line-height:1.2;color:#111;white-space:nowrap}.dashboard-metrics p{font-size:13px;color:#54668a;white-space:nowrap}.dashboard-live .section-head{gap:6px}.dashboard-live h2{font-size:20px}.online-count{color:#00b86f;font-size:18px;margin-left:7px;white-space:nowrap}.dashboard-live .section-head>a{font-weight:700;white-space:nowrap}.dashboard-avatars{display:flex;gap:10px;padding:6px 0}.dashboard-avatars .avatar{width:52px;height:52px;border:3px solid #e6f5ff;background:linear-gradient(135deg,#bce8ff,#cfc5ff);color:#193f8d}.dashboard-activity .row{padding:9px 0;gap:10px;border:0}.dashboard-activity .copy{font-size:16px}.dashboard-activity .row>strong{font-size:16px;white-space:nowrap}.dashboard-sponsor{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:12px 20px 16px;background:radial-gradient(ellipse at 90% 25%,#416fff,transparent 45%),linear-gradient(110deg,#002b8f,#004cff 80%,#5024ff);color:white}.sponsored-label{display:inline-block;background:#ff163f;color:white;padding:3px 12px;border-radius:20px;font-size:14px;line-height:1.3}.dashboard-sponsor h2{color:white;font-size:27px;line-height:1.1;margin:5px 0 10px}.dashboard-sponsor h2 strong{color:#ffe334}.sponsor-art{position:absolute;right:12px;top:0;width:36%;z-index:-1}.sponsor-art svg{width:100%;filter:drop-shadow(0 6px 5px #001f8b)}.sponsor-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.sponsor-bottom>span{background:linear-gradient(90deg,#8107ff,#3025ff);padding:7px 13px;border:1px solid #b773ff;border-radius:10px;font-size:16px;font-weight:700}.sponsor-bottom .button{padding:8px 20px;min-height:40px;color:#121212;border-radius:15px;font-size:19px}.dashboard-header-profile{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(#b2e8ff,#b5cfff);border-radius:50%;color:#135bcb;font-size:24px;font-weight:bold}.dashboard-header-brand{flex:1}.topbar.dashboard-header{gap:12px}.dashboard-header .brand{font-size:32px}.dashboard-header .notification{position:relative;padding:3px}.dashboard-header .notification:after{content:'';position:absolute;right:3px;top:2px;width:8px;height:8px;background:#ff164d;border:2px solid white;border-radius:50%}
@media(min-width:900px){body.dashboard-page .app-shell{max-width:740px}body.dashboard-page .topbar{margin-bottom:16px}}
@media(max-width:540px){body.dashboard-page .app-shell{padding:18px 12px 95px}.dashboard-header .brand{font-size:25px}.dashboard-header p{font-size:10px}.dashboard-header-profile{width:40px;height:40px}.dashboard-hero{min-height:165px;padding:16px;background-position:53% center}.dashboard-hero h2{font-size:24px}.dashboard-hero h2 strong{font-size:29px}.dashboard-hero p{font-size:14px}.dashboard-hero .button{font-size:16px;min-height:32px;padding:6px 22px}.dashboard-reference .card{padding:12px}.dashboard-balance{gap:9px}.dashboard-balance .coin{width:43px;height:43px;font-size:30px}.dashboard-balance p{font-size:14px}.dashboard-balance .amount{font-size:24px}.dashboard-balance .amount small{font-size:12px}.dashboard-balance small{font-size:11px}.dashboard-balance .button{font-size:15px;padding:10px 12px;min-height:43px;border-radius:17px}.dashboard-actions{gap:8px}.dashboard-action{height:86px;font-size:13px;border-radius:14px;gap:7px}.dash-tile{width:36px;height:40px;border-radius:10px}.dash-tile .icon{width:28px;height:28px}.dashboard-reference h2{font-size:19px}.dashboard-progress .section-head strong{font-size:21px}.dashboard-progress p{font-size:13px}.dashboard-metrics{gap:6px}.dashboard-metrics>div{gap:6px}.dashboard-metrics strong{font-size:18px}.dashboard-metrics p{font-size:10px}.dashboard-metrics .icon{width:25px;height:25px}.dashboard-metrics .coin{width:28px;height:28px;font-size:20px}.dashboard-live h2{font-size:17px}.online-count{font-size:14px;margin-left:4px}.dashboard-live .section-head>a{font-size:13px}.dashboard-avatars{gap:7px}.dashboard-avatars .avatar{width:39px;height:39px}.dashboard-activity .copy,.dashboard-activity .row>strong{font-size:13px}.dashboard-sponsor{padding:9px 13px 12px}.dashboard-sponsor h2{font-size:23px}.sponsored-label{font-size:12px}.sponsor-bottom>span{font-size:12px;padding:7px 9px}.sponsor-bottom .button{font-size:15px;min-height:34px;padding:7px 17px}.sponsor-art{right:0;width:39%;top:12px}}

/* Reference activity screens. All selectors are scoped away from the dashboard. */
.activity-ui:not(.activity-dashboard) .desktop-rail,.activity-ui:not(.activity-dashboard) .footer,.activity-ui:not(.activity-dashboard) .admin-nav{display:none}
.activity-ui:not(.activity-dashboard) .app-shell{max-width:740px;margin:0 auto;padding:28px 22px 110px;background:linear-gradient(110deg,#fff,#f8fcff)}
.activity-ui:not(.activity-dashboard) .bottom-nav{left:0;max-width:740px;background:white;padding:14px 12px max(14px,env(safe-area-inset-bottom))}
.activity-ui:not(.activity-dashboard) .bottom-nav .icon{width:32px;height:32px}
.activity-ui:not(.activity-dashboard) .bottom-nav a{font-size:14px}
.activity-ui:not(.activity-dashboard) h1{font-size:36px;color:#070707;letter-spacing:-1px}
.activity-ui:not(.activity-dashboard) h2{color:#070707}
.activity-title{flex:1}.header-back{color:#07132c;display:flex}.header-back .icon{width:32px;height:32px}
.activity-ui .notification{position:relative}.activity-ui .notification:after{content:'';position:absolute;right:8px;top:7px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#ff1544}
.activity-ui:not(.activity-dashboard) .topbar{margin-bottom:24px;gap:20px}
.activity-ui:not(.activity-dashboard) .tabs>*{font-size:17px;padding:15px 7px;background:linear-gradient(#f8fbff,#eaf3ff);border-color:#dce9fa}
.activity-ui:not(.activity-dashboard) .tabs>.active{background:linear-gradient(135deg,#009aff,#073aff)}
.wallet-hero{padding:28px 32px;background:linear-gradient(155deg,#8097ff,#433ef4 55%,#3610ed);border-radius:24px;color:white;margin-bottom:18px}
.wallet-hero>p{color:#e0e5ff;font-size:25px;font-weight:600;margin-bottom:18px}
.wallet-amount{display:flex;align-items:center;gap:22px}.wallet-amount strong{font-size:38px;line-height:1.2}.wallet-amount strong small{font-size:23px}.wallet-amount>.icon{width:85px;height:85px;opacity:.2;margin-left:auto}.wallet-amount .coin{width:78px;height:78px;font-size:50px}
.wallet-actions .action{background:#f6faff;color:#102652;padding:22px 3px;font-size:16px;gap:16px}.wallet-actions .icon{color:#102652;width:38px;height:38px}
.wallet-balances .stats{text-align:left}.wallet-balances .stats>div{padding:0 14px}.wallet-balances .stats>div:first-child{padding-left:0}.wallet-balances .stats p{font-size:15px}.wallet-balances .stats strong{font-size:24px}.wallet-balances small{font-size:12px}
.activity-dialog{border:1px solid #dce8f8;border-radius:23px;padding:30px;max-width:520px;width:calc(100% - 32px);max-height:85vh;overflow:auto;color:#102652;box-shadow:0 22px 70px #071b4533}
.activity-dialog::backdrop{background:#081b5266;backdrop-filter:blur(3px)}.dialog-close{display:block;margin:0 0 8px auto;border:0;background:#edf4ff;color:#122c59;border-radius:50%;width:34px;height:34px;font-size:25px}.activity-dialog h2{margin-bottom:12px}
.activity-profile .profile-hero{padding:25px 22px;min-height:175px;gap:20px}.activity-profile .profile-hero .avatar{width:112px;height:112px;border:4px solid #9ac7ff;background:linear-gradient(135deg,#d9f0ff,#829ce6);font-size:50px}.activity-profile .profile-hero>div{flex:1;min-width:0}.activity-profile .profile-hero h2{color:white;font-size:28px}.activity-profile .profile-hero p{overflow-wrap:anywhere;font-size:19px}.activity-profile .profile-hero .pill{margin-top:12px;background:linear-gradient(#ffeb57,#ffca12);color:#292000;font-size:16px}
.activity-profile .settings-row{padding:24px 0;gap:24px}.activity-profile .settings-row h3{font-size:24px;color:#111342}.activity-profile .settings-row p{font-size:18px}.activity-profile .settings-row .tile-icon{width:65px;height:65px;background:#e8f3ff;color:#0755ff}.activity-profile .settings-row .purple{background:#eee0ff;color:#7100ff}.activity-profile .settings-row .teal{background:#d4fff1;color:#00ae7a}.activity-profile .settings-row .orange{background:#fff0e6;color:#ff7b00}.activity-profile .button.danger{min-height:72px;font-size:25px;margin-top:8px}
.activity-referrals .hero{min-height:170px;padding:25px;background:linear-gradient(140deg,#9523ff,#0733ef 55%,#008bff)}.activity-referrals .hero h2{font-size:30px;color:white}.activity-referrals .hero p{font-size:21px;line-height:1.4;margin:10px 0 0}.referral-gift{color:#ffd43b;filter:drop-shadow(5px 8px 0 #ed18b9)}.referral-gift .icon{width:130px;height:130px;stroke-width:2.8}.invite-copy{background:linear-gradient(#af50ff,#6800e8);font-size:23px}.activity-referrals .stats strong{font-size:32px}.activity-referrals .row .avatar{width:82px;height:82px}.activity-referrals .row strong{font-size:23px}.activity-referrals .row p{font-size:17px}
.activity-search input{margin:0;border:0;padding:16px 22px;font-size:19px}.filter-button{border:1px solid #e3edfa;border-radius:20px;padding:10px 18px;background:white;color:#102652}
.category-card{min-height:125px;background:#edf8ff!important;border-radius:25px}.category-card.pink{background:#fff0fa!important}.category-card.mint{background:#eafff8!important}.category-card.peach{background:#fff5eb!important}.category-card.violet{background:#f4edff!important}.category-card .tile-icon{width:105px;height:100px;background:linear-gradient(135deg,#00c6ff,#0755ff);border-radius:23px}.category-card.pink .tile-icon{background:linear-gradient(140deg,#a900ff,#ff0059,#ffc900)}.category-card.mint .tile-icon{background:linear-gradient(140deg,#21e4c0,#00b3ab)}.category-card.peach .tile-icon{background:linear-gradient(140deg,#ffb184,#ffb600)}.category-card.violet .tile-icon{background:linear-gradient(140deg,#bd44ff,#5500f5)}.category-card h3{font-size:25px;color:#080808}.category-card p{font-size:21px}.category-card .reward{font-size:23px}
.notice-card{display:flex;gap:20px;align-items:center;padding:20px 15px;margin-bottom:13px;border:1px solid #e9f0fa;border-radius:22px;background:linear-gradient(115deg,#fff,#f8fbff);color:#102652}.notice-card .tile-icon{width:76px;height:80px;border-radius:20px}.notice-card .tile-icon .icon{width:42px;height:42px}.notice-card .copy{flex:1;min-width:0}.notice-card h3{font-size:22px}.notice-card p{font-size:19px}.notice-heading{display:flex;justify-content:space-between;gap:8px}.notice-heading time{font-size:13px;color:#8b9db9;white-space:nowrap}
.activity-rewards .wheel-panel{padding:20px 18px;border-radius:24px;background:radial-gradient(ellipse at 45% 40%,#00b4ff,#0538c4 65%,#08045d)}.activity-rewards .wheel-panel h2{color:white;font-size:38px}.activity-rewards .wheel-panel>p{font-size:25px}.activity-rewards .wheel-wrap{width:min(100%,540px);margin:26px auto}.activity-rewards .wheel{border-width:20px;box-shadow:0 10px 0 #ff8c00,inset 0 0 0 4px #fff09c,0 0 25px #00c8ff}.activity-rewards .wheel b{font-size:27px;top:50%;left:50%;width:60px;margin:-20px 0 0 -30px;transform:rotate(var(--angle)) translateY(-185px) rotate(calc(-1 * var(--angle)))}.activity-rewards .wheel-center{font-size:42px}.activity-rewards .pointer{width:42px;height:64px;left:calc(50% - 21px);background:linear-gradient(#fff9a2,#ffc22c)}.spin-available{background:linear-gradient(white,#c8d8ff);border:1px solid white;border-radius:30px;color:#142968;font-size:20px;font-weight:bold;margin:18px auto 8px;padding:7px;width:80%}.activity-rewards .gold{font-size:30px;padding:12px}
.task-summary .tile-icon{width:100px;height:80px;background:red;border-radius:20px}.task-summary .tile-icon .icon{width:55px;height:55px;fill:white;stroke:white}.task-summary .row{padding:0}.task-summary .reward{font-size:29px}.task-promo{display:flex;align-items:center;justify-content:space-around;gap:15px;background:radial-gradient(at 40% 20%,#20caff,#0049cb 60%,#081343);padding:30px 20px;border-radius:22px;margin-bottom:20px}.task-promo strong{background:red;color:white;border-radius:15px;padding:15px;font-size:28px}.video-mark{background:red;color:white;border-radius:20px;padding:14px 24px}.video-mark .icon{width:60px;height:60px;fill:white}.activity-tasks .requirements li{font-size:21px;align-items:center}.activity-tasks .requirements .icon{background:#00c77c;color:white;border-radius:50%;padding:5px;width:32px;height:32px}.activity-tasks .steps span{width:52px;height:52px;font-size:25px}.activity-tasks .steps>div:first-child span{background:#0755ff;color:white}.activity-tasks .upload{padding:28px 15px}.activity-tasks .upload h3{color:#0755ff;font-size:25px}.activity-tasks .preview{max-width:100%;max-height:230px}.proof-label{margin-top:18px}
@media(max-width:540px){.activity-ui:not(.activity-dashboard) .app-shell{padding:22px 12px 95px}.activity-ui:not(.activity-dashboard) h1{font-size:27px}.activity-ui:not(.activity-dashboard) .topbar{gap:12px;margin-bottom:18px}.activity-ui:not(.activity-dashboard) .tabs>*{font-size:13px;padding:13px 4px}.activity-ui:not(.activity-dashboard) .bottom-nav a{font-size:12px}.wallet-hero{padding:21px 18px}.wallet-hero>p{font-size:20px}.wallet-amount{gap:12px}.wallet-amount strong{font-size:27px}.wallet-amount strong small{font-size:16px}.wallet-amount .coin{width:54px;height:54px;font-size:35px}.wallet-amount>.icon{width:45px;height:45px}.wallet-actions .action{font-size:12px;padding:16px 2px}.wallet-balances .stats>div{padding:0 6px}.wallet-balances .stats p{font-size:11px}.wallet-balances .stats strong{font-size:18px}.activity-profile .profile-hero{min-height:130px;padding:18px 12px;gap:12px}.activity-profile .profile-hero .avatar{width:75px;height:75px;font-size:32px}.activity-profile .profile-hero h2{font-size:21px}.activity-profile .profile-hero p{font-size:14px}.activity-profile .profile-hero .button{padding:9px 13px;min-height:36px}.activity-profile .profile-hero .pill{font-size:13px}.activity-profile .settings-row{gap:18px;padding:20px 0}.activity-profile .settings-row h3{font-size:20px}.activity-profile .settings-row p{font-size:14px}.activity-profile .settings-row .tile-icon{width:49px;height:49px}.activity-profile .button.danger{font-size:22px;min-height:60px}.activity-referrals .hero{min-height:120px;padding:18px}.activity-referrals .hero h2{font-size:22px}.activity-referrals .hero p{font-size:16px}.referral-gift .icon{width:80px;height:80px}.invite-copy{font-size:18px;padding:12px 17px}.activity-referrals .stats strong{font-size:26px}.activity-referrals .row .avatar{width:62px;height:62px}.activity-referrals .row strong{font-size:18px}.activity-referrals .row p{font-size:14px}.category-card{min-height:95px;gap:13px}.category-card .tile-icon{width:75px;height:75px;border-radius:18px}.category-card h3{font-size:18px}.category-card p{font-size:15px}.category-card .reward{font-size:17px}.activity-search input{font-size:15px;padding:14px}.notice-card{padding:15px 10px;gap:13px}.notice-card .tile-icon{width:54px;height:58px;border-radius:14px}.notice-card .tile-icon .icon{width:32px;height:32px}.notice-card h3{font-size:17px}.notice-card p{font-size:14px}.notice-heading{flex-wrap:wrap;gap:0}.notice-heading time{font-size:10px}.activity-rewards .wheel-panel h2{font-size:28px}.activity-rewards .wheel-panel>p{font-size:19px}.activity-rewards .wheel{border-width:13px}.activity-rewards .wheel b{font-size:19px;transform:rotate(var(--angle)) translateY(calc(-1 * (min(100vw - 90px, 450px)) * .34)) rotate(calc(-1 * var(--angle)))}.activity-rewards .wheel-center{font-size:27px}.activity-rewards .gold{font-size:25px}.spin-available{font-size:15px;width:90%}.task-summary .tile-icon{width:65px;height:60px}.task-summary .reward{font-size:23px}.task-promo{padding:25px 12px;gap:8px}.task-promo strong{font-size:20px;padding:12px}.video-mark{padding:10px 15px}.video-mark .icon{width:40px;height:40px}.task-promo .coin{width:45px;height:45px;font-size:30px}.activity-tasks .requirements li{font-size:17px}}

.bookmark-button{border:0;background:transparent;color:#111;padding:6px}.bookmark-button[aria-pressed="true"]{color:#0755ff}.bookmark-button[aria-pressed="true"] svg{fill:#dce9ff}

/* Original reference pixels displayed as clipped artwork, with live HTML controls above. */
.reference-art{position:relative;display:inline-block;overflow:hidden;isolation:isolate;vertical-align:middle;flex-shrink:0;line-height:0}
.reference-art>img{position:absolute;max-width:none!important;object-fit:fill;pointer-events:none;border:0;margin:0}
.member-avatar{width:62px;border-radius:50%}.dashboard-header-profile>.member-avatar,.dashboard-header-profile>.avatar{width:100%;height:100%;font-size:inherit}
.dashboard-hero-art{display:block;margin-bottom:14px;border-radius:20px;overflow:hidden;line-height:0}.dashboard-hero-art>.reference-art{width:100%}
.art-coin{width:65px}.dashboard-balance .art-coin{width:65px}.dashboard-metrics .art-coin{width:38px}.dash-art{width:52px}.dashboard-avatars>.member-avatar{width:52px}.dashboard-activity .member-avatar{width:35px}.dashboard-sponsor .sponsor-art{position:absolute;width:47%;top:7px;right:3px;border-radius:13px}
.activity-profile .profile-hero>.member-avatar{width:112px;border:3px solid #a4caff}.activity-profile .profile-hero>.member-initial{flex:none}
.activity-referrals .row>.member-avatar{width:82px}.referral-banner{margin-bottom:16px;line-height:0}.referral-banner>.reference-art{width:100%;border-radius:22px}
.wallet-coin{width:78px}.wallet-art{width:95px;margin-left:auto;mix-blend-mode:screen;opacity:.7}
.category-art{width:105px;border-radius:20px}.task-video-art{width:100px}.task-banner-art{width:100%;border-radius:20px;margin-bottom:20px}.proof-example>.reference-art{width:100%;margin-top:12px;border-radius:16px}
.activity-rewards .artwork-wheel{width:100%;aspect-ratio:696/685;position:relative;margin:0 auto;background:none}
.artwork-wheel>.wheel-scene{position:absolute;inset:0;width:100%;height:100%}
.activity-rewards .artwork-wheel>.wheel{position:absolute;left:10.78%;top:10.51%;width:78.45%;height:auto;aspect-ratio:1;border:0;box-shadow:none;container-type:inline-size}
.activity-rewards .artwork-wheel .wheel b{font-size:clamp(16px,5.7cqw,38px);line-height:1.2;margin:-.6em 0 0 -30px;transform:rotate(var(--angle)) translateY(-36cqw) rotate(calc(-1 * var(--angle)))}
.artwork-wheel>.wheel-center-art{position:absolute;left:35.49%;top:34.74%;width:29.17%;border-radius:50%;z-index:2}
.artwork-wheel>.wheel-pointer-art{position:absolute;left:46.41%;top:3.06%;width:7.9%;z-index:3;clip-path:polygon(0 0,100% 0,100% 37%,50% 100%,0 37%);border-radius:40%}
.activity-rewards .wheel-panel{padding:18px 12px 15px;background:#0625b4}.activity-rewards .spin-available{position:relative;margin:-2% auto 10px;z-index:4}.activity-rewards .wheel-panel>p{margin-bottom:5px}
@media(max-width:540px){.dashboard-balance .art-coin{width:48px}.dashboard-metrics .art-coin{width:28px}.dash-art{width:40px}.dashboard-avatars>.member-avatar{width:39px}.dashboard-activity .member-avatar{width:27px}.activity-profile .profile-hero>.member-avatar{width:80px}.activity-referrals .row>.member-avatar{width:62px}.category-art{width:85px}.wallet-coin{width:54px}.wallet-art{width:52px}.task-video-art{width:65px}.art-coin{width:45px}.dashboard-sponsor .sponsor-art{width:45%;top:5px}}

.art-coin,.wallet-coin{border-radius:50%}.settings-art{width:65px;border-radius:16px}
.activity-profile .settings-row>div{flex:1}.wheel-heading-art{display:block;width:100%}
.activity-rewards .artwork-wheel>.spin-available{position:absolute;top:91.82%;left:18.25%;width:63.5%;height:8.05%;min-height:0;margin:0;padding:0;display:grid;place-items:center;font-size:clamp(10px,2.2vw,20px);line-height:1.1;z-index:4}
.activity-rewards .artwork-spin-button{padding:0;min-height:0;border-radius:25px;overflow:hidden;margin-top:5px;display:block;background:none}.artwork-spin-button>.reference-art{width:100%}
@media(max-width:540px){.settings-art{width:49px;border-radius:13px}.activity-profile .settings-row{padding:13px 0}.activity-profile .settings-row h3{font-size:18px}.activity-profile .settings-row p{font-size:14px}.activity-rewards .artwork-wheel>.spin-available{font-size:13px}.activity-rewards .wheel-panel{padding-top:6px}.activity-profile .profile-settings{padding-top:8px;padding-bottom:8px}}

.notice-art{width:76px;border-radius:18px}.wallet-action-art{width:38px}.wallet-art{mix-blend-mode:normal;opacity:.55;clip-path:polygon(2% 29%,11% 22%,57% 2%,64% 2%,73% 16%,73% 25%,85% 25%,94% 31%,94% 91%,86% 98%,8% 98%,2% 92%)}
@media(max-width:540px){.notice-art{width:54px;border-radius:14px}.wallet-action-art{width:34px}}

.task-description p{font-size:20px;margin-top:9px;line-height:1.5}.submission-summary{background:linear-gradient(115deg,#009aff,#0047d0,#006aff);color:white}.submission-summary h2{color:white!important}.submission-summary .reward{color:#ffe000}.upload-cloud-art{width:70px}.upload{position:relative}.upload input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.upload:focus-within{outline:3px solid #ffb900;outline-offset:3px}
@media(max-width:540px){.activity-tasks .category-card{min-height:87px;padding:10px 12px;margin-bottom:9px}.task-description p{font-size:17px}.activity-tasks .requirements li{margin:10px 0}.activity-tasks .steps{margin:18px 0}.activity-tasks .steps span{width:40px;height:40px;font-size:22px}}

.entry-art{width:52px;border-radius:14px}
body.activity-dashboard .desktop-rail,body.activity-dashboard .footer{display:none}
body.activity-dashboard .app-shell{margin:0 auto;max-width:740px}
body.activity-dashboard .bottom-nav{left:0;max-width:740px}
@media(max-width:360px){.profile-hero{flex-wrap:wrap}.profile-hero>.button{margin-left:auto}.wallet-amount strong{font-size:22px}.wallet-amount strong small{font-size:13px}.wallet-art{width:35px}.category-card h3{font-size:16px}.category-card p{font-size:13px}.category-art{width:65px}.activity-referrals .section-head{gap:6px}.invite-copy{padding:10px 12px}.activity-referrals .section-head h2{font-size:18px}.activity-ui:not(.activity-dashboard) h1{font-size:24px}}