/* The same seasonal artwork as DosKazakhstanBackground in the iOS app. */
body{isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#f4f7fcb8,#f4f7fcc9),var(--native-art);background-size:cover;background-position:center top;background-repeat:no-repeat}
[data-theme=dark] body::before{background-image:linear-gradient(#090e1a70,#090e1a9c),var(--native-art)}
body[data-native-background=community]::before,body[data-native-background=assistant]::before{background-position:center top}
body[data-native-background=academy]::before{background-position:center top}
.workspace,.workspace main{background:transparent}
.page-heading{background:var(--surface);padding:22px 24px;border:1px solid var(--line);border-radius:24px}
.sidebar,.topbar{background:var(--surface)}
.today-primary{margin:0 0 16px;padding:28px;border-radius:28px;min-height:290px;background-image:linear-gradient(100deg,#0b172bf2 0%,#0b172bd6 55%,#0b172b55),var(--native-art);background-position:center 36%;background-size:cover;color:#fff}
.today-primary h2{font-size:clamp(23px,3vw,34px);line-height:1.18;margin:14px 0;overflow-wrap:anywhere}
.today-primary p{font-size:15px;color:#d7e5f6;line-height:1.6}
.today-primary .primary{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;padding:14px 24px;background:#078cf0;color:white;border:0}
.today-primary .today-avatar-link{display:block;color:#c1e1ff;margin-top:12px;min-height:44px;padding:10px 0}
.today-duration{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:0 0 16px}
.today-duration>div:first-child{flex:1;min-width:180px}
.today-duration h2{font-size:16px;margin:0 0 5px}
.today-duration p{font-size:12px;margin:0;max-width:380px}
.today-duration .duration-options{display:grid;grid-template-columns:repeat(6,minmax(60px,1fr));gap:7px;flex:1.4;margin:0;min-width:0}
.today-duration .chip{min-height:44px;min-width:0;padding:8px 10px;white-space:nowrap}
.today-utilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.today-utilities a{min-width:0;min-height:114px;display:grid;grid-template-columns:38px minmax(0,1fr);align-content:center;gap:4px 12px;padding:20px;border-radius:24px}
.today-utilities svg{grid-row:span 2;align-self:center;width:30px;height:30px;color:var(--accent)}
.today-utilities strong{font-size:18px}.today-utilities small{font-size:13px;line-height:1.5}
.today-progress{padding:20px;margin-bottom:16px}.today-progress h2{font-size:17px;margin:0}.today-progress>.row{gap:10px;flex-wrap:wrap}.today-progress .progress-bar{height:9px;margin:16px 0;border-radius:20px}.today-progress .text-button{min-height:44px;display:inline-flex;align-items:center;gap:8px}
.today-route{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:18px}.today-route h2{font-size:19px;margin-bottom:6px}.today-route p{margin:0}
[data-attention=on] body::before{display:none}
[data-attention=on] .today-primary{background:var(--surface);color:var(--ink)}[data-attention=on] .today-primary p{color:var(--muted)}
@media(max-width:1100px){.today-duration{align-items:flex-start;flex-direction:column}.today-duration .duration-options{width:100%;flex:auto}}
@media(max-width:600px){.page-heading{padding:18px 20px}.today-primary{padding:22px;min-height:310px}.today-primary>div{max-width:70%}.today-primary .hero-companion{right:0;width:29%;height:68%;bottom:10%}.today-primary .primary{width:100%;padding:13px 12px;font-size:14px}.today-primary p{font-size:13px}.today-duration .duration-options{grid-template-columns:repeat(3,minmax(0,1fr))}.today-utilities{gap:12px}.today-utilities a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;min-height:150px}.today-utilities strong{font-size:16px}.today-utilities small{font-size:12px}.today-route{align-items:flex-start;flex-direction:column}.today-progress h2{font-size:16px}}
@media(prefers-reduced-transparency:reduce){body::before{display:none}}

.direction-card{color:var(--ink);text-align:left;min-height:190px;cursor:pointer}.direction-card:hover{border-color:var(--accent)}

/* Shared 70% card tint; blur affects artwork behind the card, not its contents. */
:root{--glass-surface:rgba(255,255,255,.70)}
[data-theme=dark]{--glass-surface:rgba(20,27,41,.70)}
.card,.page-heading,.ft-card-links a,.week-block,.welcome-course,.direction-card,.learning-start{
 background:var(--glass-surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)
}
.card .card,.card .week-block{-webkit-backdrop-filter:none;backdrop-filter:none}
.today-primary{background:var(--glass-surface);color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--line)}
.today-primary p{color:var(--muted)}
.today-primary .today-avatar-link{color:var(--accent)}
.today-primary .pill{color:var(--ink);background:var(--accent-soft)}
/* Navigation and form controls retain solid surfaces for predictable contrast. */
@media(prefers-reduced-transparency:reduce){
 .card,.page-heading,.ft-card-links a,.week-block,.welcome-course,.direction-card,.learning-start,.today-primary{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
}
[data-attention=on] .card,[data-attention=on] .page-heading,[data-attention=on] .ft-card-links a,[data-attention=on] .week-block,[data-attention=on] .welcome-course,[data-attention=on] .direction-card,[data-attention=on] .learning-start,[data-attention=on] .today-primary{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}

/* A compact start and full-width mobile action, without squeezing text beside the avatar. */
.today-heading .page-heading{padding:14px 20px;margin-bottom:16px}
.today-heading .page-heading h1{font-size:28px;margin-bottom:4px}
.today-heading .page-heading .eyebrow{display:none}
.today-heading .page-heading p{margin-bottom:0}
.lesson-body,.english-exercise,.prose-panel{background:var(--surface)}
@media(min-width:1000px){
 body::before{background-image:linear-gradient(#f4f7fcb8,#f4f7fcc9),var(--desktop-art,var(--native-art));background-position:center;background-size:cover}
 [data-theme=dark] body::before{background-image:linear-gradient(#090e1a70,#090e1a9c),var(--desktop-art,var(--native-art))}
 main{max-width:1440px;margin-inline:auto}
}
@media(max-width:600px){
 .today-primary{min-height:0;padding:20px}
 .today-primary>div{max-width:100%}
 .today-primary h2{font-size:25px;padding-right:56px;margin:12px 0}
 .today-primary p{padding-right:0;font-size:14px;line-height:1.55}
 .today-primary .hero-companion{top:20px;right:15px;bottom:auto;height:95px;width:50px;pointer-events:auto}
 .today-primary .primary{font-size:15px;white-space:nowrap;min-height:50px}
 .today-primary .today-avatar-link{margin-top:6px;padding-bottom:0}
 .today-heading .page-heading{padding:12px 18px}
 .today-heading .page-heading h1{font-size:24px}
}