#mRoot[data-mpage="tasks"] { background:radial-gradient(ellipse at 75% 2%,#2d154c45,transparent 45%),#040e25; }
/* Keep the task viewport between the fixed header and bottom navigation. */
#mRoot[data-mpage="tasks"] #mBody {
    position:absolute;
    top:calc(env(safe-area-inset-top,0px) + 68px);
    right:0;
    bottom:calc(env(safe-area-inset-bottom,0px) + 84px);
    left:0;
    min-width:0;
    min-height:0;
    box-sizing:border-box;
    padding:0 16px 20px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
}
#mRoot[data-mpage="tasks"] .m-title-wrap .m-title { white-space:normal!important; overflow:visible!important; text-overflow:clip!important; font-size:14px; line-height:1.15; }
.tasks-neon { width:100%; max-width:820px; margin:auto; color:#fff; }
.tasks-streak { position:relative; display:flex; align-items:center; gap:12px; min-height:103px; padding:14px 12px; margin:0 0 12px; box-sizing:border-box; border:1px solid #ff9778; border-right-color:#c262ff; border-radius:19px; background:linear-gradient(90deg,#311b35aa,transparent 70%),url('../assets/tasks-streak-banner-v1.webp') center/cover; overflow:hidden; }
.tasks-fire { font-size:43px; flex:none; filter:drop-shadow(0 0 12px #ff841fa0); }.tasks-streak > div { position:relative; z-index:1; max-width:61%; text-shadow:0 2px 6px #241036; }.tasks-streak small { display:block; color:#cbd3f4; font-size:12px; }.tasks-streak strong { display:block; font-size:29px; line-height:1.2; font-weight:850; }.tasks-streak p { color:#c6caec; font-size:10px; line-height:1.4; margin:5px 0 0; }
.tasks-list { display:flex; flex-direction:column; gap:7px; }
.tasks-row { --task-accent:#00dccf; --task-bg:#00314380; display:grid; grid-template-columns:42px minmax(0,1fr) 58px 30px; align-items:center; gap:9px; width:100%; min-height:78px; padding:11px 10px; box-sizing:border-box; border:1px solid var(--task-accent); border-radius:17px; background:linear-gradient(110deg,var(--task-bg),#03152d); color:white; text-align:left; cursor:pointer; }
.tasks-row.violet { --task-accent:#ad52f9; --task-bg:#3b195b80; }.tasks-row.blue { --task-accent:#00b9ff; --task-bg:#053d7980; }.tasks-row.orange { --task-accent:#ff795b; --task-bg:#66332c70; }
.tasks-icon { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--task-accent); border-radius:50%; background:color-mix(in srgb,var(--task-accent) 20%,transparent); font-size:24px; }
.tasks-copy { display:flex; flex-direction:column; min-width:0; gap:3px; }.tasks-copy b { font-size:13px; font-weight:800; line-height:1.2; }.tasks-copy small { color:#b5c6ea; font-size:10px; line-height:1.25; }.tasks-copy em { font-size:13px; font-style:normal; font-weight:850; color:var(--task-accent); }
.tasks-meter { display:flex; flex-direction:column; gap:5px; }.tasks-meter > b { font-size:14px; }.tasks-meter > span { display:block; width:100%; height:7px; border:1px solid #2162b6; border-radius:10px; background:#032351; overflow:hidden; }.tasks-meter i { display:block; height:100%; border-radius:inherit; background:var(--task-accent); transition:width .25s; }
.tasks-arrow { display:grid; place-items:center; width:28px; height:30px; border:1px solid var(--task-accent); border-radius:9px; background:color-mix(in srgb,var(--task-accent) 12%,transparent); box-shadow:0 0 10px color-mix(in srgb,var(--task-accent) 25%,transparent); font-size:30px; line-height:1; }.tasks-row.done .tasks-arrow { font-size:18px; color:var(--task-accent); }
.tasks-reward-title { display:flex; align-items:flex-start; gap:7px; margin:14px 3px 10px; }.tasks-reward-title > span { font-size:23px; }.tasks-reward-title h2 { margin:0 0 3px; color:white; font-size:16px; font-weight:800; }.tasks-reward-title p { margin:0; color:#b6c4e9; font-size:11px; }
.tasks-rewards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }.tasks-rewards > div { display:flex; flex-direction:column; align-items:center; gap:0; padding:5px 3px 9px; border:1px solid #3652b0; border-radius:15px; background:radial-gradient(ellipse,#22135380,#031432); }.tasks-rewards b { font-size:12px; text-align:center; }
.tasks-reward-art { display:block; width:100%; aspect-ratio:1; background-image:url('../assets/tasks-rewards-atlas-v1.webp'); background-size:300% 100%; background-repeat:no-repeat; }.tasks-reward-art.chest { background-position:0 50%; }.tasks-reward-art.life { background-position:50% 50%; }.tasks-reward-art.diamonds { background-position:100% 50%; }
.tasks-claim { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:53px; margin:12px 0 0; padding:10px; border:1px solid #c7a4ff; border-radius:16px; background:linear-gradient(105deg,#7241fc,#b66af7); color:white; box-shadow:0 0 20px #7232ee40; font-size:19px; font-weight:800; cursor:pointer; }.tasks-claim:disabled { cursor:default; opacity:.72; }.tasks-claim span { font-size:24px; }.tasks-wallet { color:#a2b4d7; margin:8px 0 0; text-align:center; font-size:10px; }
@media(min-width:380px) { .tasks-row { grid-template-columns:48px minmax(0,1fr) 65px 33px; min-height:86px; }.tasks-copy b { font-size:15px; }.tasks-copy small { font-size:11px; }.tasks-icon { width:46px; height:46px; font-size:27px; }.tasks-streak { min-height:118px; }.tasks-streak strong { font-size:34px; }.tasks-streak p { font-size:11px; }.tasks-rewards b { font-size:14px; } }

/* Fit the complete daily overview into the phone viewport. */
#mRoot[data-mpage="tasks"] #mBody {
    padding:0 16px 6px;
    overflow:hidden;
    container-type:size;
    container-name:daily-tasks;
}
#mRoot[data-mpage="tasks"] .tasks-neon {
    height:100%; min-height:0; box-sizing:border-box;
    display:grid; grid-template-rows:minmax(0,1fr) minmax(0,3fr) minmax(0,.5fr) minmax(0,1fr) minmax(40px,.55fr);
    gap:6px; margin:0 auto;
}
#mRoot[data-mpage="tasks"] .tasks-streak {
    min-height:0; margin:0; padding:6px 10px; gap:8px; border-radius:16px;
}
#mRoot[data-mpage="tasks"] .tasks-fire { font-size:32px; }
#mRoot[data-mpage="tasks"] .tasks-streak strong { font-size:26px; }
#mRoot[data-mpage="tasks"] .tasks-streak small { font-size:10px; }
#mRoot[data-mpage="tasks"] .tasks-streak p { font-size:9px; margin-top:2px; }
#mRoot[data-mpage="tasks"] .tasks-list {
    display:grid; grid-template-rows:repeat(4,minmax(0,1fr)); min-height:0; gap:5px;
}
#mRoot[data-mpage="tasks"] .tasks-row {
    min-height:0; grid-template-columns:30px minmax(0,1fr) 44px 22px;
    padding:4px 8px; gap:6px; border-radius:13px;
}
#mRoot[data-mpage="tasks"] .tasks-icon { width:28px; height:28px; font-size:18px; }
#mRoot[data-mpage="tasks"] .tasks-copy { gap:2px; }
#mRoot[data-mpage="tasks"] .tasks-copy b { font-size:12px; line-height:1.15; }
#mRoot[data-mpage="tasks"] .tasks-copy small { font-size:9px; line-height:1.15; }
#mRoot[data-mpage="tasks"] .tasks-copy em { font-size:11px; line-height:1.1; }
#mRoot[data-mpage="tasks"] .tasks-meter { gap:3px; }
#mRoot[data-mpage="tasks"] .tasks-meter > b { font-size:12px; }
#mRoot[data-mpage="tasks"] .tasks-meter > span { height:5px; }
#mRoot[data-mpage="tasks"] .tasks-arrow { width:20px; height:26px; font-size:24px; }
#mRoot[data-mpage="tasks"] .tasks-reward-title { margin:0; align-items:center; gap:6px; }
#mRoot[data-mpage="tasks"] .tasks-reward-title > span { font-size:20px; }
#mRoot[data-mpage="tasks"] .tasks-reward-title h2 { font-size:13px; margin:0 0 2px; }
#mRoot[data-mpage="tasks"] .tasks-reward-title p { font-size:9px; line-height:1.15; }
#mRoot[data-mpage="tasks"] .tasks-rewards { min-height:0; gap:6px; }
#mRoot[data-mpage="tasks"] .tasks-rewards > div { min-height:0; padding:2px 3px 4px; justify-content:center; }
#mRoot[data-mpage="tasks"] .tasks-reward-art { width:clamp(28px,10cqh,68px); min-height:0; flex:0 1 auto; }
#mRoot[data-mpage="tasks"] .tasks-rewards b { font-size:10px; line-height:1.1; }
#mRoot[data-mpage="tasks"] .tasks-claim { min-height:0; margin:0; padding:5px; font-size:15px; gap:6px; border-radius:13px; }
#mRoot[data-mpage="tasks"] .tasks-claim span { font-size:19px; }
@container daily-tasks (max-height:560px) {
    #mRoot[data-mpage="tasks"] .tasks-copy small { display:none; }
}
@container daily-tasks (max-height:420px) {
    #mRoot[data-mpage="tasks"] .tasks-streak p { display:none; }
    #mRoot[data-mpage="tasks"] .tasks-streak strong { font-size:22px; }
    #mRoot[data-mpage="tasks"] .tasks-neon { gap:4px; }
    #mRoot[data-mpage="tasks"] .tasks-reward-title p { display:none; }
}
@container daily-tasks (max-height:420px) {
    #mRoot[data-mpage="tasks"] .tasks-neon {
        grid-template-rows:minmax(0,.8fr) minmax(0,3.4fr) minmax(0,.4fr) minmax(0,.85fr) minmax(40px,.55fr);
    }
}

/* Daily tasks: mint palette only in the light version. */
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"]{background:radial-gradient(ellipse at 80% 0%,#c0f7df,transparent 60%),#eafff2!important;color:#124c39!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] #mBody{background:transparent!important;scrollbar-color:#87d5ac #eafff2}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .m-header,html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .m-tabbar{background:#e7fff0f2!important;border-color:#a1dfbd!important;box-shadow:0 3px 14px #38a56a17!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .m-title,html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .m-tab{color:#236344!important;text-shadow:none!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .m-tab.active{background:linear-gradient(135deg,#f6fff9,#bff0d4)!important;border-color:#5ac697!important;color:#0c6b45!important;box-shadow:0 2px 8px #37af7622!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] :is(#mBack,#mThemeQuick,#mLivesChip,#mLivesPlus){background:linear-gradient(135deg,#f5fff9,#d0f5df)!important;border-color:#8ed9b0!important;color:#146642!important;box-shadow:0 2px 8px #32ab6e1a!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-neon{color:#174d37}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-streak{border-color:#7ed4a5!important;box-shadow:0 3px 10px #49b17b1c;background:linear-gradient(90deg,#edfff6 0%,#e4fff0 49%,#e4fff000 79%),url('../assets/mobile/aimi-peace-mint-v2.webp') right 39%/auto 230% no-repeat,#c8f6dd!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-streak>div{text-shadow:none}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-streak strong{color:#095a37}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-streak :is(small,p){color:#3b755a}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-fire{filter:none}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-row{--task-accent:#179c67;--task-bg:#dbf9e7;background:linear-gradient(115deg,#f5fff9,#d9f7e6)!important;border-color:#8ed6ae!important;color:#194d36!important;box-shadow:0 2px 8px #3bb57915}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-row.done{background:linear-gradient(115deg,#e9fff1,#bdf0d3)!important;border-color:#56c38b!important}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-copy b{color:#174b35;text-shadow:none}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-copy small{color:#527b64}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-copy em{color:#078753}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-icon{background:#caf3db;border-color:#90d9b0;box-shadow:none}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-meter>b{color:#155438}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-meter>span{background:#c5ead4;border-color:#8dd3ad}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-meter i{background:linear-gradient(90deg,#54d795,#10a96b)}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-arrow{background:#dcfae8;border-color:#77cfa1;color:#098753;box-shadow:none}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-reward-title h2{color:#174b35}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-reward-title p,html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-wallet{color:#527b64}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-rewards>div{background:linear-gradient(145deg,#f6fff9,#d1f5de);border-color:#94d7b1;box-shadow:0 2px 8px #37ad7318}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-rewards b{color:#1c5b3f}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-reward-art.life{background-image:url('../assets/mobile/aimi-peace-mint-v2.webp');background-size:cover;background-position:center 38%;border-radius:12px}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-claim{background:linear-gradient(105deg,#42d697,#13ad71);border-color:#57c996;color:#fff;box-shadow:0 3px 12px #25ac7125;text-shadow:none}
html[data-mobile][data-mtheme="light"] #mRoot[data-mpage="tasks"] .tasks-claim:disabled{background:linear-gradient(105deg,#d6f4e1,#b5e9c9);border-color:#99d6af;color:#427557;box-shadow:none;opacity:1}