:root{--color-white:#fff;--color-black:#1d1d1d;--color-cream:#f7f4ee;--color-cream-soft:#fbf9f5;--color-beige:#d8c7a6;--color-beige-dark:#bda57a;--color-text-primary:var(--color-black);--color-text-secondary:#4e4a45;--color-text-muted:#736e67;--color-text-inverse:var(--color-white);--color-text-accent:#856a40;--color-text-on-accent:var(--color-black);--color-background-page:var(--color-cream);--color-background-surface:var(--color-white);--color-background-soft:var(--color-cream-soft);--color-accent:var(--color-beige);--color-accent-hover:var(--color-beige-dark);--color-border-primary:#e7e1d7;--color-border-secondary:#d7cfc2;--color-border-accent:var(--color-accent);--color-border-control:#9c8969;--color-focus:#765c32;--color-success:#48735a;--color-success-background:#eaf3ed;--color-success-border:#bdd3c4;--color-error:#a84c4c;--color-error-background:#f8eaea;--color-error-border:#e2bcbc;--color-warning:#8e6428;--color-warning-background:#f8f0df;--color-progress-track:#e8e2d8;--color-logo-cover:#9c8264;--color-logo-page:var(--color-cream-soft);--color-logo-line:#b9a589;--color-flag:#c8102e;--color-flag-cross:var(--color-white);--font-family-heading:Georgia, "Times New Roman", serif;--font-family-body:var(--font-inter), Arial, sans-serif;--font-size-headline-xl:4rem;--line-height-headline-xl:4.8rem;--font-weight-headline-xl:700;--font-size-headline-large:3.2rem;--line-height-headline-large:4rem;--font-weight-headline-large:700;--font-size-headline-medium:2.4rem;--line-height-headline-medium:3.2rem;--font-weight-headline-medium:700;--font-size-headline-small:2rem;--line-height-headline-small:2.8rem;--font-weight-headline-small:600;--font-size-body-large:1.8rem;--line-height-body-large:2.8rem;--font-weight-body-large:400;--font-size-body-medium:1.6rem;--line-height-body-medium:2.4rem;--font-weight-body-medium:400;--font-size-body-small:1.4rem;--line-height-body-small:2rem;--font-weight-body-small:400;--font-size-label-large:1.6rem;--line-height-label-large:2rem;--font-weight-label-large:600;--font-size-label-medium:1.4rem;--line-height-label-medium:1.8rem;--font-weight-label-medium:600;--font-size-label-small:1.2rem;--line-height-label-small:1.6rem;--font-weight-label-small:500;--font-size-label-xsmall:.8rem;--line-height-label-xsmall:1.3rem;--font-weight-label-xsmall:400;--spacing-3xs:.2rem;--spacing-2xs:.4rem;--spacing-xs:.8rem;--spacing-sm:1.2rem;--spacing-md:1.6rem;--spacing-lg:2.4rem;--spacing-xl:3.2rem;--spacing-2xl:4.8rem;--spacing-3xl:6.4rem;--border-radius-xs:.8rem;--border-radius-sm:1.2rem;--border-radius-md:1.6rem;--border-radius-lg:2rem;--border-radius-xl:2.4rem;--border-radius-full:999px;--shadow-small:0 2px 8px #1d1d1d0d;--shadow-card:0 6px 20px #1d1d1d12;--shadow-elevated:0 10px 30px #1d1d1d1a;--shadow-sheet:0 -6px 20px #1d1d1d14;--page-gap:clamp(1.2rem, 2.4vw, 3.2rem);--page-max-width:118rem;--content-max-width:104rem;--reading-max-width:72rem;--app-header-height:6.4rem;--bottom-nav-height:7.2rem;--control-height-sm:3.6rem;--control-height-md:4.4rem;--control-height-lg:5.2rem;--icon-size-sm:1.6rem;--icon-size-md:2.4rem;--icon-size-lg:3.2rem;--button-primary-background:var(--color-accent);--button-primary-background-hover:var(--color-accent-hover);--button-primary-text:var(--color-text-on-accent);--button-secondary-background:var(--color-background-surface);--button-secondary-text:var(--color-text-primary);--button-secondary-border:var(--color-border-primary);--button-height:var(--control-height-lg);--button-padding-inline:2rem;--button-radius:var(--border-radius-sm);--surface-background:var(--color-background-surface);--surface-border:1px solid var(--color-border-primary);--surface-radius:var(--border-radius-md);--surface-shadow:var(--shadow-small);--answer-background:var(--color-background-surface);--answer-border:var(--color-border-primary);--answer-text:var(--color-text-primary);--answer-correct-background:var(--color-success-background);--answer-correct-border:var(--color-success-border);--answer-correct-text:var(--color-success);--answer-wrong-background:var(--color-error-background);--answer-wrong-border:var(--color-error-border);--answer-wrong-text:var(--color-error);--progress-track:var(--color-progress-track);--progress-fill:var(--color-accent);--progress-height:.6rem;--transition-fast:.15s ease;--transition-base:.22s ease;--transition-slow:.32s ease;--opacity-disabled:.4;--z-header:20;--z-bottom-nav:30;--z-overlay:100}[data-theme=warm][data-appearance=dark]{--color-text-primary:#f3eee6;--color-text-secondary:#d0c7bb;--color-text-muted:#a99f92;--color-text-inverse:#201d19;--color-text-accent:#dcc49d;--color-text-on-accent:#211d18;--color-background-page:#1c1a17;--color-background-surface:#26221e;--color-background-soft:#302a24;--color-accent:#d8c7a6;--color-accent-hover:#e3d3b4;--color-border-primary:#403930;--color-border-secondary:#51483d;--color-border-accent:var(--color-accent);--color-border-control:#817361;--color-focus:#e2cda8;--color-success:#9fc9ad;--color-success-background:#24352a;--color-success-border:#3d5a47;--color-error:#e1a1a1;--color-error-background:#3a2424;--color-error-border:#654040;--color-warning:#dfb36f;--color-warning-background:#3a3020;--color-progress-track:#403930;--color-logo-cover:#b49a7a;--color-logo-page:#f3eee6;--color-logo-line:#9c8a70;--color-flag:#d0283c;--shadow-small:0 2px 8px #00000038;--shadow-card:0 6px 20px #00000047;--shadow-elevated:0 10px 30px #00000057;--shadow-sheet:0 -6px 20px #0000004d}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:62.5%;line-height:1.15}html,body{min-height:100%}body{margin:0;padding:0}main{display:block}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}button,input,optgroup,select,textarea{font:inherit}input,textarea,select,button{max-width:100%}input,textarea,select{font-size:max(1.6rem,16px)}button{cursor:pointer}button:disabled{cursor:not-allowed}img,picture,video,canvas,svg{max-width:100%;display:block}img,picture{height:auto}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
body{color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium);font-weight:var(--font-weight-body-medium)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family-heading);margin:0}h1{font-size:var(--font-size-headline-large);line-height:var(--line-height-headline-large);font-weight:var(--font-weight-headline-large)}h2{font-size:var(--font-size-headline-medium);line-height:var(--line-height-headline-medium);font-weight:var(--font-weight-headline-medium)}h3{font-family:var(--font-family-body);font-size:var(--font-size-headline-small);line-height:var(--line-height-headline-small);font-weight:var(--font-weight-headline-small)}h4,h5,h6{font-family:var(--font-family-body);font-size:var(--font-size-body-large);line-height:var(--line-height-body-large);font-weight:600}label{font-family:var(--font-family-body);font-size:var(--font-size-label-medium);line-height:var(--line-height-label-medium);font-weight:var(--font-weight-label-medium)}p,li{color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium)}small{font-family:var(--font-family-body);font-size:var(--font-size-body-small);line-height:var(--line-height-body-small);color:var(--color-text-muted)}button,input,select,textarea{font-family:var(--font-family-body)}:lang(ar){font-family:var(--font-noto-sans-arabic), var(--font-inter), Arial, sans-serif;line-height:1.8}:lang(fa){font-family:var(--font-vazirmatn), var(--font-inter), Arial, sans-serif;line-height:1.8}
body{background:var(--color-background-page);min-height:100vh}.mobilePage{width:min(100%, var(--reading-max-width));padding:var(--spacing-lg) var(--spacing-md) calc(var(--bottom-nav-height) + var(--spacing-xl));margin-inline:auto}@media only screen and (min-width:37.5em){.mobilePage{padding:var(--spacing-xl) var(--spacing-lg) calc(var(--bottom-nav-height) + var(--spacing-2xl))}}main{background:var(--color-background-page);width:100%;margin:0}.mainPageContainer{width:min(100%, var(--content-max-width));padding:clamp(2rem, 3vw, 4rem) clamp(1.6rem, 3vw, 4rem) calc(var(--bottom-nav-height) + 3rem);gap:var(--spacing-lg);flex-direction:column;margin-inline:auto;display:flex}.readingContainer{width:min(100%, var(--reading-max-width));gap:var(--spacing-md);flex-direction:column;margin-inline:auto;display:flex}.dashboardContainer{gap:var(--spacing-lg);flex-direction:column;width:100%;margin-inline:auto;display:flex}section{width:100%;scroll-margin-top:calc(var(--app-header-height) + var(--spacing-md));margin:0}.appHeader{min-height:var(--app-header-height);justify-content:space-between;align-items:center;gap:var(--spacing-md);background:var(--color-background-surface);border-bottom:1px solid var(--color-border-primary);padding-inline:clamp(1.6rem,3vw,3.2rem);display:flex}.pageHeader{gap:var(--spacing-xs);flex-direction:column;display:flex}.pageHeader__meta{align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-label-small);line-height:var(--line-height-label-small);flex-wrap:wrap;display:flex}.contentGrid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));width:100%;display:grid}.exerciseActions{gap:var(--spacing-md);flex-direction:column-reverse;width:100%;display:flex}.exerciseActions>*{flex:1}.bottomNavigation{min-height:var(--bottom-nav-height);background:var(--color-background-surface);border-top:1px solid var(--color-border-primary);grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.loadingPage{justify-content:center;align-items:center;gap:var(--spacing-lg);width:100%;min-height:50vh;padding:var(--spacing-xl);flex-direction:column;display:flex}.loadingMessage{color:var(--color-text-muted);font-family:var(--font-family-body);font-size:var(--font-size-label-large);line-height:var(--line-height-label-large);font-weight:var(--font-weight-label-large)}@media only screen and (min-width:37.5em){.mainPageContainer{padding:clamp(2.4rem, 3vw, 4rem) clamp(2rem, 3vw, 4rem) calc(var(--bottom-nav-height) + 3rem)}.exerciseActions{flex-direction:row}}@media only screen and (min-width:112.5em){:root{--page-max-width:128rem;--content-max-width:112rem;--reading-max-width:78rem}}
.u-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-skip-link{top:var(--spacing-sm);left:var(--spacing-sm);z-index:1000;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);background:var(--color-background-surface);color:var(--color-text-primary);font-size:var(--font-size-label-medium);font-weight:var(--font-weight-label-medium);box-shadow:var(--shadow-elevated);position:absolute;transform:translateY(-200%)}.u-skip-link:focus-visible{transform:translateY(0)}