.task-hero{overflow:hidden;background:radial-gradient(circle at 15% 12%,rgba(var(--mint-rgb),.18),transparent 30rem),linear-gradient(135deg,rgba(var(--gold-rgb),.1),rgba(var(--mint-rgb),.08))}.task-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.task-hero h1{max-width:16ch}.task-hero-note{display:flex;gap:1rem;align-items:flex-start;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid rgba(var(--mint-rgb),.28);border-radius:1.15rem;background:var(--panel);box-shadow:var(--shadow)}.task-hero-note svg{width:2rem;height:2rem;flex:0 0 auto;color:var(--mint)}.task-hero-note strong{display:block;margin-bottom:.3rem;font-size:1.05rem}.task-hero-note p,.task-section-heading>p,.task-disclaimer{margin:0;color:var(--muted);line-height:1.65}.task-section-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1.4rem}.task-section-heading h2{margin-bottom:0}.task-section-heading>p{max-width:36rem}.task-daynav{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.task-daynav-button{display:inline-flex;gap:.4rem;align-items:center;min-height:44px;padding:.5rem 1rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,opacity .2s ease}.task-daynav-button svg{width:1.05rem;height:1.05rem}.task-daynav-button:hover:not(:disabled){border-color:rgba(var(--mint-rgb),.6);background:rgba(var(--mint-rgb),.09)}.task-daynav-button:disabled{opacity:.38;cursor:not-allowed}.task-daynav-button:focus-visible,.task-history-item:focus-visible{outline:3px solid rgba(var(--mint-rgb),.45);outline-offset:2px}.task-daynav-label{display:grid;gap:.1rem;margin:0;text-align:center}.task-daynav-label strong{font-size:.95rem}.task-daynav-label small{color:var(--muted);font-size:.78rem}.task-streak{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;margin-bottom:1rem;padding:.85rem 1.15rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.task-streak[hidden]{display:none}.task-streak.is-active{border-color:rgba(var(--coral-rgb),.4);background:linear-gradient(120deg,rgba(var(--coral-rgb),.12),rgba(var(--gold-rgb),.1))}.task-streak-icon{display:grid;place-items:center;width:2.3rem;height:2.3rem;flex:0 0 auto;border-radius:50%;background:rgba(var(--coral-rgb),.14);color:var(--coral)}.task-streak.is-active .task-streak-icon{color:var(--coral)}.task-streak-icon svg{width:1.3rem;height:1.3rem}.task-streak-text{margin:0;font-size:1.05rem;color:var(--text)}.task-streak-text strong{font-size:1.4rem;font-weight:900;color:var(--coral)}.task-streak-hint{flex:1 1 100%;margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.task-streak-xp{flex:1 1 100%;margin:0;color:var(--coral);font-size:.82rem;font-weight:700}.task-streak-xp[hidden]{display:none}.task-xp-feedback{justify-self:start;margin:0;padding:.5rem .9rem;border-radius:999px;background:var(--mint);color:var(--on-accent);font-size:.9rem;font-weight:800}.task-xp-feedback[hidden]{display:none}.task-login-hook{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:.7rem .9rem;border:1px dashed rgba(var(--coral-rgb),.45);border-radius:.7rem;color:var(--soft);font-size:.88rem;line-height:1.5}.task-login-hook[hidden]{display:none}.task-login-hook svg{width:1.15rem;height:1.15rem;flex:0 0 auto;margin-top:.1rem;color:var(--coral)}.task-login-hook a{color:var(--coral);font-weight:700;text-decoration:underline;text-underline-offset:.15em}.task-card{display:grid;gap:1.1rem;padding:clamp(1.4rem,3.5vw,2.4rem);border:1px solid var(--line);border-radius:1.15rem;background:var(--panel);box-shadow:var(--shadow)}.task-card-topline{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.task-card-topline time{color:var(--muted);font-size:.86rem;text-align:right}.task-card h3{margin:0;font-size:clamp(1.5rem,3.2vw,2.15rem);line-height:1.2}.task-label{margin:0 0 .3rem;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.task-lesson p:last-child{margin:0;color:var(--muted);line-height:1.7;max-width:62ch}.task-do{display:grid;gap:.65rem;padding:1.15rem 1.25rem;border:1px solid rgba(var(--mint-rgb),.3);border-left:4px solid var(--mint);border-radius:.9rem;background:rgba(var(--mint-rgb),.08)}.task-do-head{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:0}.task-do-head svg{width:1.3rem;height:1.3rem;flex:0 0 auto;color:var(--mint)}.task-do-head strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.task-minutes{padding:.15rem .6rem;border-radius:999px;background:rgba(var(--mint-rgb),.22);color:var(--text);font-size:.75rem;font-weight:700}.task-do-text{margin:0;color:var(--text);font-size:clamp(1.02rem,2vw,1.16rem);font-weight:700;line-height:1.55}.task-steps{display:grid;gap:.45rem;margin:0;padding-left:1.15rem;color:var(--muted);font-size:.93rem;line-height:1.55}.task-steps[hidden]{display:none}.task-note{margin:0;padding:.7rem .85rem;border-radius:.6rem;background:rgba(var(--gold-rgb),.12);color:var(--soft);font-size:.86rem;line-height:1.55}.task-note[hidden]{display:none}.task-done{display:inline-flex;gap:.7rem;align-items:center;justify-self:start;min-height:48px;padding:.6rem 1.2rem .6rem .7rem;border:1px solid rgba(var(--mint-rgb),.5);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.task-done[hidden]{display:none}.task-done-box{display:grid;place-items:center;width:1.7rem;height:1.7rem;flex:0 0 auto;border:2px solid rgba(var(--mint-rgb),.55);border-radius:.5rem;background:transparent;color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.task-done-box svg{width:1.05rem;height:1.05rem}.task-done:hover{border-color:var(--mint);background:rgba(var(--mint-rgb),.08)}.task-done.is-done{border-color:var(--mint);background:rgba(var(--mint-rgb),.12)}.task-done.is-done .task-done-box{background:var(--mint);border-color:var(--mint);color:var(--on-accent)}.task-done:focus-visible{outline:3px solid rgba(var(--mint-rgb),.45);outline-offset:2px}.task-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.2rem}.task-actions .button{min-height:48px;padding:.72rem 1.35rem;gap:.5rem}.task-actions .button svg{width:1.1rem;height:1.1rem;flex:0 0 auto}.task-action-ghost{background:transparent;border-color:rgba(var(--mint-rgb),.5);color:var(--text);box-shadow:none}.task-action-ghost:hover{background:rgba(var(--mint-rgb),.1);border-color:rgba(var(--mint-rgb),.75);color:var(--text)}.task-history{margin-top:1.6rem}.task-history h3{margin:0 0 .75rem;font-size:1rem}.task-history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.65rem}.task-history-item{display:grid;gap:.3rem;min-height:76px;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.task-history-item small{color:var(--muted);font-size:.76rem}.task-history-item strong{font-size:.93rem;line-height:1.3}.task-history-item:hover,.task-history-item[aria-pressed=true]{border-color:rgba(var(--mint-rgb),.58);background:rgba(var(--mint-rgb),.07);box-shadow:0 3px 12px rgba(var(--mint-rgb),.1)}.task-disclaimer{margin-top:1.4rem;font-size:.84rem}@media(max-width:760px){.task-hero-grid{grid-template-columns:1fr}.task-section-heading{display:grid;align-items:start}.task-actions .button{flex:1 1 100%}.task-daynav{border-radius:1.15rem}.task-daynav-label{order:-1;flex:1 1 100%}.task-daynav-button{flex:1 1 auto;justify-content:center}}