/* شاشة التمرين: خافتة وهادئة، خطوة واحدة في كل مرة */
.night{background:var(--night);color:var(--night-text);min-height:100vh;min-height:100dvh}
.ex{max-width:520px;min-height:100vh;min-height:100dvh;margin-inline:auto;padding:24px 24px 32px;display:flex;flex-direction:column}
.ex-top{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:15px;color:var(--night-muted)}
.ex-top a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#D7DAC6}
.ex-dots{display:flex;gap:8px;justify-content:center;margin-top:4px}
.ex-dots i{width:28px;height:4px;border-radius:2px;background:rgba(241,237,226,.22)}
.ex-dots i.on{background:var(--night-accent)}
.ex-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;text-align:center;padding-block:24px}
.breath{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}
.breath i{position:absolute;border-radius:50%;transform:scale(.8);transition:transform 1.2s ease}
.breath i:nth-child(1){width:220px;height:220px;background:rgba(199,219,90,.12)}
.breath i:nth-child(2){width:150px;height:150px;background:rgba(199,219,90,.24)}
.breath i:nth-child(3){width:64px;height:64px;background:var(--night-accent);transform:none}
.breath.on i:nth-child(-n+2){animation:breathe 10s ease-in-out infinite}
@keyframes breathe{0%{transform:scale(.68)}40%{transform:scale(1)}100%{transform:scale(.68)}}
.ex h1{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,2vw + 20px,36px);line-height:1.6}
.ex p{font-size:18px;line-height:2;color:#DCDCCB;max-width:26em;margin-top:14px}
.ex-actions{display:flex;flex-direction:column;gap:10px}
.ex-actions button,.ex-actions a{min-height:56px;border-radius:999px;font-size:18px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.ex-primary{border:0;background:var(--night-accent);color:var(--night);font-weight:500}
.ex-outline{border:1.5px solid var(--night-accent);color:var(--night-accent);background:transparent}
.ex-quiet{border:0;background:transparent;color:#D7DAC6;min-height:48px!important;font-size:16px!important}
.ex-note{margin-top:6px;font-size:14px;line-height:1.9;color:var(--night-muted);text-align:center}
.night :focus-visible{outline-color:var(--night-accent)}
[hidden]{display:none!important}