body:has(.practice-screen) .has-bottom-nav{display:none}@media (max-width:67.99rem){body:has(.practice-screen) .bottom-nav{display:none}}@media (max-width:47.99rem){body:has(.practice-screen) .site-header{display:none}body:has(.practice-screen) .app-main{min-height:100dvh}}.practice-page{max-width:calc(40rem + 2 * var(--space-4))}.practice-screen{display:flex;flex-direction:column;min-block-size:100dvh;padding-block:env(safe-area-inset-top,0) calc(var(--space-4) + env(safe-area-inset-bottom, 0px))}@media (min-width:48rem){.practice-screen{min-block-size:min(calc(100dvh - var(--header-height)),50rem);padding-block:var(--space-6) var(--space-7)}}.practice-top{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2)}.practice-close{flex:none;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;-webkit-margin-start:calc(-1 * var(--space-2));margin-inline-start:calc(-1 * var(--space-2));border-radius:var(--radius-btn);color:var(--text-soft);transition:background-color var(--dur-press) var(--ease-standard),color var(--dur-press) var(--ease-standard)}.practice-close svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.practice-close:hover{color:var(--text);background:var(--sunken)}.practice-line{position:relative;flex:1 1;block-size:4px;border-radius:999px;background:var(--hairline);overflow:hidden}.practice-line>span{display:block;block-size:100%;background:var(--accent);transform-origin:left center}html[dir=rtl] .practice-line>span{transform-origin:right center}.practice-count{flex:none;min-inline-size:3.5rem;text-align:end;font-size:var(--text-sm);font-weight:600;color:var(--text-soft)}.practice-modes{padding-block:var(--space-1) var(--space-3)}.practice-modes .seg-item{min-block-size:2.75rem}.practice-body{gap:var(--space-4)}.practice-body,.practice-stage-wrap{flex:1 1;display:flex;flex-direction:column}.practice-stage-wrap{position:relative}.practice-focus{flex:1 1;display:flex;flex-direction:column;gap:var(--space-1);min-block-size:19rem;padding:var(--space-5) var(--space-5) var(--space-6)}.practice-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0}.practice-deck{min-width:0;font-size:var(--text-xs);font-weight:600;color:var(--ink-faint);overflow-wrap:anywhere}.practice-ask{margin:var(--space-2) 0 0;font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:var(--text-xl);line-height:1.2;color:var(--text);text-wrap:balance}html[lang=ar] .practice-ask{font-family:var(--font-display-ar);font-weight:var(--display-weight-ar);letter-spacing:0;line-height:1.6}.practice-hint{margin:0;font-size:var(--text-sm);color:var(--text-soft);text-wrap:pretty}.practice-stage{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding-block:var(--space-5) var(--space-2)}.practice-stage:focus{outline:none}.practice-screen .practice-text{margin:0;max-width:none;font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);font-size:var(--text-2xl);line-height:1.5;text-align:center;color:var(--text);unicode-bidi:plaintext;overflow-wrap:break-word}.practice-screen .practice-text:lang(ar),.practice-screen .practice-text:lang(fa),.practice-screen .practice-text:lang(ur){font-family:var(--font-body-ar);font-weight:400;font-variation-settings:normal;font-size:calc(var(--text-2xl) * 1.05);line-height:2.1;letter-spacing:0}.word-bar{display:inline-block;block-size:.5em;border-radius:999px;background:color-mix(in srgb,var(--text) 16%,transparent);vertical-align:middle}.written{display:grid}.written>*{grid-area:1/1;min-width:0}.written-ghost{pointer-events:none;color:transparent}.practice-question{margin:0;display:grid;grid-gap:var(--space-1);gap:var(--space-1);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug);text-align:center;color:var(--text);unicode-bidi:plaintext}.practice-question:lang(ar){font-family:var(--font-body-ar);font-size:var(--text-xl);line-height:1.9}.practice-question-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--text-soft)}.practice-answer{unicode-bidi:plaintext}.practice-answer,.practice-autocheck{margin:0;text-align:center;color:var(--text-soft)}.practice-autocheck{font-size:var(--text-xs);max-width:none}.practice-typed{inline-size:100%;min-block-size:6rem;font-size:var(--text-lg);line-height:1.7;resize:vertical}.practice-typed:lang(ar){font-family:var(--font-body-ar);line-height:2}.practice-stage{transition:opacity var(--dur-fade) var(--ease-standard)}.practice-screen[data-checked] .practice-stage{opacity:.4}.practice-tick{position:absolute;inset:0;z-index:1;margin:auto;inline-size:3.5rem;block-size:3.5rem;display:grid;place-items:center;border-radius:50%;background:var(--success-wash);color:var(--success-deep);box-shadow:var(--shadow-2);pointer-events:none}.practice-tick svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.practice-actions{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.practice-actions>.btn-primary{min-height:3rem}.practice-secondary{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2)}.practice-secondary .btn{min-height:2.75rem}.practice-secondary .recorder{justify-content:center}.practice-grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.practice-grade{--g:var(--text);--g-wash:var(--sunken);position:relative;display:grid;align-content:center;justify-items:center;grid-gap:2px;gap:2px;min-block-size:3.75rem;padding:var(--space-2) var(--space-1);font-family:var(--font-ui);text-align:center;color:var(--text);background:var(--surface);border:var(--line-width) solid var(--hairline-strong);border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;transition:transform var(--dur-press) var(--ease-standard),background-color var(--dur-press) var(--ease-standard),border-color var(--dur-press) var(--ease-standard)}.practice-grade-again{--g:var(--danger);--g-wash:var(--danger-wash)}.practice-grade-hard{--g:var(--machine-deep);--g-wash:var(--machine-wash)}.practice-grade-good{--g:var(--success-deep);--g-wash:var(--success-wash)}.practice-grade-easy{--g:var(--link-deep);--g-wash:var(--info-wash)}.practice-grade-label{font-size:var(--text-sm);font-weight:600;line-height:1.2;color:var(--g)}.practice-grade-hint{font-size:var(--text-xs);line-height:1.25;color:var(--text-soft);text-wrap:balance}.practice-grade-key{position:absolute;inset-block-start:4px;inset-inline-end:calc(var(--radius-md) * .3 + 5px);font-size:.625rem;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;color:var(--text-faint)}@media (hover:none){.practice-grade-key,.practice-keys-hint{display:none}}@media (hover:hover){.practice-grade:hover:not(:disabled){border-color:var(--g);background:var(--g-wash)}}.practice-grade:active:not(:disabled){transform:translateY(var(--press-y,0)) scale(var(--press-scale,.97))}.practice-grade.is-suggested{border-color:var(--g);background:var(--g-wash);outline:2px solid var(--g);outline-offset:2px}.practice-grade:disabled{opacity:.6;cursor:progress}.practice-summary{justify-content:center;gap:var(--space-3)}.practice-done-title{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:var(--text-2xl);line-height:1.2;color:var(--text);text-wrap:balance}html[lang=ar] .practice-done-title{font-family:var(--font-display-ar);font-weight:var(--display-weight-ar);letter-spacing:0;line-height:1.6}.practice-done-body{margin:0;color:var(--text-soft)}.practice-done-count{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.practice-returns-title{margin:var(--space-4) 0 0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-soft)}.practice-returns .row{min-height:2.75rem;padding-block:var(--space-2)}.practice-repeat-count{margin:var(--space-2) 0 0;max-width:none;text-align:center;font-family:var(--font-ui);font-size:var(--text-2xl);font-weight:600;line-height:1.2;color:var(--text);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.practice-repeat-num{display:inline-block}.practice-repeat-num.is-ticking{animation:practice-repeat-tick var(--dur-press) var(--ease-standard)}@keyframes practice-repeat-tick{50%{transform:scale(1.06)}}.practice-repeat-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.practice-start{flex:none;min-block-size:0;gap:var(--space-2)}.practice-start+.practice-actions{-webkit-margin-before:auto;margin-block-start:auto}.practice-start-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid}.practice-start-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;grid-column-gap:var(--space-2);column-gap:var(--space-2);min-block-size:3.25rem;padding-block:var(--space-1);-webkit-border-after:var(--line-width,1px) solid var(--hairline);border-block-end:var(--line-width,1px) solid var(--hairline);scroll-margin-block:var(--space-7) 7rem}.practice-start-row:last-child{-webkit-border-after:0;border-block-end:0}.practice-start-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.practice-start-num{font-size:var(--text-sm);font-weight:600;color:var(--text-soft);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.practice-start-text{margin:0;min-width:0;max-width:none;font-size:var(--text-lg);line-height:1.6;color:var(--text-faint);unicode-bidi:plaintext;text-align:start;overflow-wrap:break-word;transition:color var(--dur-fade) var(--ease-standard)}.practice-start-text:lang(ar),.practice-start-text:lang(fa),.practice-start-text:lang(ur){font-family:var(--font-body-ar);font-size:calc(1.5rem * var(--reader-scale, 1));line-height:1.9;letter-spacing:0}.practice-start-text.is-shown{color:var(--text);animation:practice-start-reveal var(--dur-fade) var(--ease-standard)}@keyframes practice-start-reveal{0%{opacity:.35}}.practice-start-show{min-block-size:2.75rem}.practice-start-note{margin:0;max-width:none;font-size:var(--text-xs);color:var(--text-soft);text-align:center}.practice-full{-webkit-padding-after:0;padding-block-end:0}.practice-full-head{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding-block:var(--space-2) var(--space-1)}.practice-full .practice-start-list{-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.practice-start-trail{grid-column:2/-1;justify-self:end}.practice-mark{display:flex;gap:var(--space-1)}.practice-mark-btn{min-block-size:2.75rem;padding-inline:var(--space-3);border:var(--line-width,1px) solid transparent;border-radius:var(--radius-pill);background:transparent;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--accent);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-press) var(--ease-standard),color var(--dur-press) var(--ease-standard),border-color var(--dur-press) var(--ease-standard)}@media (hover:hover){.practice-mark-btn:hover{background:var(--sunken)}}.practice-mark-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.practice-mark-btn[aria-pressed=true]{color:var(--success-deep);background:var(--success-wash);border-color:var(--success-deep)}.practice-mark-btn[data-kind=slip][aria-pressed=true]{color:var(--danger);background:var(--danger-wash);border-color:var(--danger)}.practice-mark:has([aria-pressed=true]) .practice-mark-btn[aria-pressed=false]{color:var(--text-soft)}.practice-full-bar{position:-webkit-sticky;position:sticky;inset-block-end:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);-webkit-margin-before:var(--space-4);margin-block-start:var(--space-4);margin-inline:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom, 0px));background:var(--bg);-webkit-border-before:var(--line-width,1px) solid var(--hairline);border-block-start:var(--line-width,1px) solid var(--hairline)}.practice-full-bar .btn{min-block-size:3rem;min-inline-size:8rem}.practice-full-count{margin:0;font-size:var(--text-base);font-weight:600;color:var(--text);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.practice-full-message{flex-basis:100%;margin:0;font-size:var(--text-sm);color:var(--danger)}@media (prefers-reduced-motion:reduce){.practice-close,.practice-grade,.practice-mark-btn,.practice-start-text{transition:none}.practice-grade:active:not(:disabled){transform:none}.practice-repeat-num.is-ticking,.practice-start-text.is-shown{animation:none}}html[dir=rtl] .circles-screen{--dir-x:-1}.circles-screen a.row .row-chevron{translate:0 0;transition:translate var(--dur-press) var(--ease-standard)}@media (hover:hover){.circles-screen a.row:hover .row-chevron{translate:calc(3px * var(--dir-sign)) 0}}html[dir=ltr] .circles-screen .bidi-auto{text-align:left}html[dir=rtl] .circles-screen .bidi-auto{text-align:right}.circles-screen.stack>*+*{-webkit-margin-before:var(--stack-gap,var(--space-6));margin-block-start:var(--stack-gap,var(--space-6))}.circle-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);min-width:0}.circle-crumb-sep{color:var(--text-faint)}.circle-crumb-circle{display:inline-block;max-inline-size:min(22rem,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.circle-head{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);min-width:0}.circle-head>*{min-width:0}.circle-head .screen-title{text-wrap:balance}.circles-screen .circle-section-title{margin:0;font-family:var(--font-ui);font-size:var(--text-xl);font-weight:600;line-height:1.2;color:var(--text)}html[lang=ar] .circles-screen .circle-section-title{font-size:1.5rem;line-height:1.5}.circle-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4);-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2)}.circle-section-count{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-faint)}.circles-screen .screen-meta{gap:var(--space-1) var(--space-4)}.circles-screen .screen-meta>.screen-meta-item:not(:first-child):before{content:none}.circles-screen .screen-meta-item{display:inline-flex;align-items:center;gap:.35em}.circles-screen .screen-meta-item>svg{flex:none;color:var(--text-faint)}.lesson-audio-panel:not(:has(button,input,progress,.notice)){display:none}.circles-screen .circle-next{display:inline-flex;align-items:center;gap:.35em;color:var(--text-soft);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circles-screen .circle-next svg{flex:none;color:var(--accent-2)}.circle-label{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--text-soft);white-space:nowrap}.circle-label svg{flex:none}.circle-label-teach{color:var(--accent-2)}.circle-label-self{color:var(--text-faint)}.circle-rows{border-block:var(--line-width) solid var(--hairline)}.circle-rows>li+li{border-block-start-width:var(--line-width)}.circle-row.row{align-items:start;gap:var(--space-4);padding-block:var(--space-5)}.circle-row .row-lead{-webkit-padding-before:.15rem;padding-block-start:.15rem}.circle-row .row-main{gap:var(--space-1)}.circle-row .row-chevron{align-self:center}.circle-row-title{font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:var(--text-xl);line-height:1.2;color:var(--text);text-wrap:balance;overflow-wrap:anywhere}html[lang=ar] .circle-row-title{font-family:var(--font-display-ar);font-weight:var(--display-weight-ar);letter-spacing:0;line-height:1.5}.circle-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3)}.circle-meta-item{display:inline-flex;align-items:center;gap:.35em}.circle-meta-item svg{flex:none;color:var(--text-faint)}.circle-row-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-4);-webkit-margin-before:var(--space-1);margin-block-start:var(--space-1);font-size:var(--text-xs)}.circle-row-last{color:var(--text-faint);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circles-screen .circle-tile{width:2.75rem;height:2.75rem}.circles-screen .circle-tile-teach{background:var(--accent-2-wash);color:var(--accent-2)}.circles-screen .circle-tile-self{background:var(--sunken);color:var(--text-soft)}.circle-created-title{font-weight:600;margin:0}.circle-created p{margin:0}.circle-sessions{-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.session-row.row{gap:var(--space-4);min-height:4rem}.session-num{min-inline-size:2.25rem;font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600;line-height:1;text-align:end;color:var(--ornament-ink);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.session-row .row-title{text-wrap:pretty}.session-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.session-flag{display:inline-flex;align-items:center;gap:.3em;color:var(--text-faint)}.session-flag svg{flex:none}.session-trail{gap:var(--space-3)}.session-notes,.session-trail{display:inline-flex;align-items:center}.session-notes{gap:.3em;font-size:var(--text-sm);color:var(--text-soft);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circle-log{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow)}.circle-log form>.btn{justify-self:start}.circle-log details>summary{padding-block:var(--space-2);font-family:var(--font-ui)}.circle-aside{min-width:0;font-size:var(--text-sm);-webkit-padding-before:var(--space-5);padding-block-start:var(--space-5);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}@media (min-width:64rem){.circle-aside{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--space-5));-webkit-padding-before:0;padding-block-start:0;-webkit-padding-start:var(--space-6);padding-inline-start:var(--space-6);-webkit-border-before:0;border-block-start:0;-webkit-border-start:var(--line-width) solid var(--hairline);border-inline-start:var(--line-width) solid var(--hairline)}}.circle-aside>*+*{-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5)}.circle-facts{display:grid;margin:0}.circle-facts:empty{display:none}.circle-facts>div{display:grid;grid-template-columns:minmax(6rem,.8fr) minmax(0,1.2fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:baseline;padding-block:var(--space-2);-webkit-border-after:1px solid var(--hairline);border-block-end:1px solid var(--hairline)}.circle-facts dt{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--text-faint)}.circle-facts dd{margin:0;color:var(--text);overflow-wrap:anywhere}.circle-aside-block{-webkit-padding-before:var(--space-4);padding-block-start:var(--space-4);-webkit-border-before:1px solid var(--hairline);border-block-start:1px solid var(--hairline)}.circle-aside-title{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text)}.circle-aside-title .tabular{font-weight:500;-webkit-margin-start:var(--space-1);margin-inline-start:var(--space-1)}.circle-people .row{min-height:2.75rem;padding-block:var(--space-2)}.circle-people .row-title{font-weight:500}.circle-aside .join-code{justify-self:start}.circle-aside-actions{display:grid;justify-items:stretch}.circles-screen .circle-aside-actions>.btn-plain,.circles-screen .lesson-side-tools .btn-plain{justify-self:start;padding-inline:0;color:var(--link)}.circles-screen .circle-aside-actions>.btn-plain:hover:not(:disabled),.circles-screen .lesson-side-tools .btn-plain:hover:not(:disabled){background:transparent;color:var(--link-deep);text-decoration:underline;text-underline-offset:.2em}.circles-screen .register-key{-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3)}.attendance-own{display:grid;grid-gap:var(--space-3);gap:var(--space-3);-webkit-padding-after:var(--space-2);padding-block-end:var(--space-2)}.attendance-sentence{margin:0;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.attendance-rate{color:var(--text-soft);font-size:var(--text-base);white-space:nowrap}.attendance-people{list-style:none;margin:0;padding:0;max-inline-size:var(--width-column);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.attendance-person{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);padding-block:var(--space-4);-webkit-border-after:1px solid var(--hairline);border-block-end:1px solid var(--hairline)}.attendance-person>:nth-child(n+3){grid-column:1/-1}.attendance-person-name{min-width:0;font-weight:600;color:var(--text);overflow-wrap:anywhere}.attendance-person-rate{color:var(--text-soft);white-space:nowrap}.attendance-person-detail,.attendance-person-rate{font-size:var(--text-sm);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.attendance-person-detail{margin:0;color:var(--text-faint)}.circle-people,.circle-quizzes{-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.circle-aside .circle-people{-webkit-border-before:0;border-block-start:0}.person-row .row-sub,.quiz-row .row-sub{text-wrap:pretty}.quiz-trail{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2) var(--space-3);max-inline-size:11rem;white-space:normal}.quiz-state,.quiz-trail{display:inline-flex;align-items:center}.quiz-state{gap:.35em;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--text-soft);white-space:nowrap}.quiz-state:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:50%;border:1.5px solid}.quiz-state-open{color:var(--success-deep)}.quiz-state-open:before{background:currentColor}.quiz-state-closed,.quiz-state-draft{color:var(--text-faint)}.person-initial{font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);font-size:var(--text-lg);line-height:1}html[lang=ar] .person-initial{font-family:var(--font-display-ar);font-weight:var(--display-weight-ar)}.circles-screen .circle-filter{flex-wrap:nowrap;overflow-x:auto;gap:var(--space-2);-webkit-padding-after:var(--space-1);padding-block-end:var(--space-1);scrollbar-width:none;overscroll-behavior-x:contain}.circles-screen .circle-filter::-webkit-scrollbar{display:none}.circles-screen .circle-filter .chip{flex:none;min-height:2.75rem;display:inline-flex;align-items:center;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circles-screen .thread{gap:0;-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.circles-screen .message{padding:var(--space-4) 0;background:transparent;border:0;-webkit-border-after:1px solid var(--hairline);border-block-end:1px solid var(--hairline);border-radius:0;box-shadow:none}.circles-screen .message-teacher{padding-inline:0;background:none;-webkit-border-start:0;border-inline-start:0}.circles-screen .message-head{align-items:center}.circles-screen .message-head>.text-faint{font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circles-screen .message-context{-webkit-border-after:0;border-block-end:0;text-decoration:underline;-webkit-text-decoration-color:var(--hairline-strong);text-decoration-color:var(--hairline-strong);text-underline-offset:.2em}.circles-screen .message-body{max-inline-size:var(--width-prose,40rem)}.circles-screen .message-actions .btn-plain{min-height:2.75rem;padding-inline:0;color:var(--text-faint)}.circles-screen .message-actions .btn-plain:hover{color:var(--danger)}.circles-screen .composer{background:var(--raised);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow)}@media (max-width:67.99rem){.circles-screen .composer{position:static}}.circle-results-summary{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5);margin:0;font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--text);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circle-results-summary>span+span{color:var(--text-soft)}.circles-screen .feedback-item{padding:var(--space-4) 0;background:transparent;border:0;-webkit-border-after:1px solid var(--hairline);border-block-end:1px solid var(--hairline);border-radius:0;box-shadow:none}.circles-screen .feedback-item:first-child{-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.circles-screen .feedback-item+.feedback-item{-webkit-margin-before:0;margin-block-start:0}.circles-screen .feedback-item .tag{font-weight:600}.circles-screen fieldset.radio-group{min-inline-size:0;margin-inline:0;padding:0;border:0}.circles-screen fieldset.radio-group>legend{padding:0;-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2)}.circles-screen .option-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.circles-screen .join-code-input{min-height:3.25rem;font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.15em;text-transform:uppercase;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circles-screen .join-code-input::placeholder{letter-spacing:0;text-transform:none}.circle-create-form>.btn,.join-form .btn{justify-self:start;min-width:min(12rem,100%)}@media (max-width:30rem){.circle-create-form>.btn,.join-form .btn{width:100%}}.circle-create-form,.join-form{display:grid}.circle-alt{-webkit-padding-before:var(--space-2);padding-block-start:var(--space-2)}.circle-alt .row-list{border-block:var(--line-width) solid var(--hairline)}.circle-alt .row-sub{text-wrap:pretty}.circle-create-form .form-group{min-inline-size:0;margin-inline:0;padding:0;border:0}.circle-create-form .form-group+.form-group{-webkit-padding-before:var(--space-6);padding-block-start:var(--space-6);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.circle-create-form .form-group-title{float:inline-start;inline-size:100%;margin:0 0 var(--space-4);padding:0;font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600;color:var(--text)}.circle-create-form .form-group-title+*{clear:both}.circle-create-form .form-subgroup{min-inline-size:0;margin-inline:0;padding:0;border:0}.circle-create-form .form-subgroup>legend{-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2);padding:0}.circle-create-form .circle-check{align-items:flex-start}.lesson-head .screen-title{text-wrap:balance}.lesson-num{display:inline-grid;place-items:center;min-inline-size:1.9em;block-size:1.9em;padding-inline:.35em;-webkit-margin-end:.45em;margin-inline-end:.45em;vertical-align:.3em;font-family:var(--font-ui);font-size:.42em;font-weight:600;letter-spacing:0;color:var(--ornament-ink);border:var(--line-width) solid var(--ornament);border-radius:var(--radius-sm);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.lesson-meta-link{display:inline-flex;align-items:center;gap:.3em;min-height:2.75rem;color:var(--link)}.lesson-no-audio{margin:0;padding:var(--space-5);color:var(--text-soft);border:1px dashed var(--hairline-strong);border-radius:var(--radius-lg)}.lesson-player{display:grid;grid-gap:var(--space-6);gap:var(--space-6);min-width:0}.circles-screen .lesson-deck{gap:var(--space-4);padding:var(--space-5);background:var(--raised)}.lesson-deck .player-row{grid-template-columns:auto minmax(0,1fr);gap:var(--space-4)}.circles-screen .player-toggle{inline-size:3.5rem;block-size:3.5rem;min-inline-size:3.5rem;padding:0;border-radius:var(--radius-btn)}.player-icon{display:inline-grid;place-items:center}.player-icon svg{transform:none}.player-icon:has(path){translate:1px 0}.circles-screen .player-scrub{gap:0;direction:ltr}.circles-screen .player-scrub input[type=range]{min-height:2.75rem;margin:0}.circles-screen .player-times{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-soft);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.circles-screen .player-speed select{min-height:2.75rem}.lesson-deck .player-actions .player-speed{order:3;margin:0;-webkit-margin-start:auto;margin-inline-start:auto}.player-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);-webkit-padding-before:var(--space-4);padding-block-start:var(--space-4);-webkit-border-before:1px solid var(--hairline);border-block-start:1px solid var(--hairline)}.circles-screen .player-note{min-height:2.75rem}.player-note-time{display:inline-block;min-inline-size:3.6ch;-webkit-margin-start:.25em;margin-inline-start:.25em;font-family:var(--font-mono);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.player-saved{display:inline-flex;align-items:center;gap:.35em;font-size:var(--text-sm);font-weight:600;color:var(--success-deep)}.circles-screen .note-capture{-webkit-padding-before:var(--space-4);padding-block-start:var(--space-4)}.note-capture-label{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-soft)}.circles-screen .lesson-markers{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.marker-group{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.marker-head{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-soft)}.circles-screen .marker-list{display:block;max-block-size:17rem;overflow-y:auto;overscroll-behavior:contain;border-block:1px solid var(--hairline)}.circles-screen .marker-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:auto;align-items:center;grid-gap:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3);min-height:2.75rem;padding-block:0;padding-inline:var(--space-2);-webkit-border-after:1px solid var(--hairline);border-block-end:1px solid var(--hairline)}.circles-screen .marker-row:last-child{-webkit-border-after:0;border-block-end:0}.circles-screen .marker-row .timestamp-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-inline-size:3.5rem;font-size:var(--text-sm);background:transparent;border-color:transparent;color:var(--text-soft);cursor:pointer}.circles-screen .marker-row .timestamp-link:disabled{cursor:default;color:var(--text-faint)}.marker-title{min-width:0;overflow-wrap:anywhere}.circles-screen .marker-row[aria-current=true]:before{content:"";position:absolute;inset-block:var(--space-1);inset-inline-start:0;inline-size:3px;background:var(--accent);border-radius:2px}.circles-screen .marker-row[aria-current=true] .timestamp-link{color:var(--accent);border-color:currentColor}.circles-screen .marker-add{min-height:2.75rem}.circles-screen .marker-form{padding:var(--space-4);background:var(--surface);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-md)}.marker-field-short{max-inline-size:10rem}.circles-screen .lesson-markers>.field-error,.circles-screen .marker-form .field-hint{margin:0}.circles-screen .timestamp-link{font-family:var(--font-mono);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.lesson-transcript{display:grid;grid-gap:var(--space-3);gap:var(--space-3);min-width:0}.lesson-transcript-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.transcript-follow{display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.75rem;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-soft);cursor:pointer}.transcript-follow input{inline-size:1.15rem;block-size:1.15rem;accent-color:var(--accent)}.lesson-transcript-empty{max-inline-size:none;margin:0;padding:var(--space-4) var(--space-5);color:var(--text-soft);background:var(--sunken);border-radius:var(--radius-md)}.circles-screen .transcript-filter{margin:0}.circles-screen .transcript{background:var(--surface);border:var(--line-width) solid var(--panel-border)}.circles-screen .transcript-line{position:relative;isolation:isolate;grid-template-columns:3.75rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-3) var(--space-4);-webkit-padding-start:var(--space-2);padding-inline-start:var(--space-2)}.circles-screen .transcript-line.is-active{background:transparent;box-shadow:none}.circles-screen .transcript-line:after,.circles-screen .transcript-line:before{content:"";position:absolute;z-index:-1;opacity:0;pointer-events:none;transition:opacity var(--dur-fade) var(--ease-standard)}.circles-screen .transcript-line:before{inset:0;background:var(--accent-wash)}.circles-screen .transcript-line:after{inset-block:0;inset-inline-start:0;inline-size:3px;background:var(--accent)}.circles-screen .transcript-line.is-active:after,.circles-screen .transcript-line.is-active:before{opacity:1}.circles-screen .transcript-line .timestamp-link{display:inline-flex;align-items:center;justify-self:start;min-height:2.75rem;margin-block:calc(-1 * var(--space-2));font-size:var(--text-sm);padding-inline:.5em;background:transparent;border-color:transparent;color:var(--text-faint)}.circles-screen .transcript-line .timestamp-link:hover:not(:disabled){border-color:var(--hairline-strong);color:var(--text)}.circles-screen .transcript-line.is-active .timestamp-link{color:var(--accent);font-weight:600}.circles-screen .transcript-line.is-active p{color:var(--text)}.circles-screen .transcript-line p{color:var(--text-soft);-webkit-padding-before:.2rem;padding-block-start:.2rem}.lesson-side{display:grid;grid-gap:var(--space-6);gap:var(--space-6);min-width:0;font-size:var(--text-sm)}@media (min-width:64rem){.lesson-side{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--space-5))}}.lesson-side-section{display:grid;grid-gap:var(--space-2);gap:var(--space-2);-webkit-padding-before:var(--space-4);padding-block-start:var(--space-4);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.lesson-side-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.lesson-side-head h2{margin:0;font-family:var(--font-ui);font-size:var(--text-base);font-weight:600}.circles-screen .lesson-side-add{inline-size:2.75rem;min-height:2.75rem;padding:0;justify-content:center}.lesson-side-empty{margin:0;color:var(--text-faint)}.lesson-side-list{list-style:none;margin:0;padding:0}.circles-screen .lesson-side-list .side-note{padding-block:var(--space-2);-webkit-border-after:1px solid var(--hairline);border-block-end:1px solid var(--hairline)}.circles-screen .lesson-side-list .side-note:last-child{-webkit-border-after:0;border-block-end:0}.circles-screen .lesson-side-list .side-note>a{display:flex;align-items:center;min-height:2.75rem;font-weight:500;text-wrap:pretty}.lesson-answered{display:inline-flex;align-items:center;gap:.3em;font-size:var(--text-xs);font-weight:600;color:var(--success-deep)}.lesson-side-tools{display:grid;justify-items:start}@media (prefers-reduced-motion:no-preference){.circles-screen .player-icon{animation:circle-icon-swap var(--dur-fade) var(--ease-standard)}}@keyframes circle-icon-swap{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.circles-screen .player-icon{animation:none}.circles-screen .row-list>li{opacity:1!important;transform:none!important;filter:none!important}.circles-screen .transcript-line:after,.circles-screen .transcript-line:before,.circles-screen a.row .row-chevron{transition:none}}.rec-dot.is-on{animation:rec-pulse 1.2s ease-in-out 3}@media (prefers-reduced-motion:reduce){.rec-dot.is-on{animation:none}}.pub-header>.page{gap:var(--space-2);flex-wrap:wrap}.pub-header-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-1);min-width:0}.pub-header .btn,.pub-header-link{min-height:2.75rem;padding-inline:var(--space-3);font-size:var(--text-sm);white-space:nowrap}.pub-header-link{display:none;align-items:center;font-family:var(--font-ui);font-weight:500;color:var(--nav-text);text-decoration:none}.pub-header-link:hover{color:var(--nav-text-active)}@media (min-width:48rem){.pub-header-link{display:inline-flex}.pub-header-nav{gap:var(--space-2)}}@media (max-width:22.4rem){.pub-header .btn{padding-inline:var(--space-2)}}.pub-hero{padding-block:var(--space-7) var(--space-8)}.pub-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-7);gap:var(--space-7);align-items:center}@media (min-width:60rem){.pub-hero{padding-block:var(--space-8) var(--space-9)}.pub-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-8)}}.pub-hero-copy{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;grid-gap:var(--space-5);gap:var(--space-5)}.pub-title{margin:0;font-size:clamp(2.4rem,1.5rem + 3.6vw,4.2rem);line-height:1.04;max-inline-size:15ch;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}html[lang=ar] .pub-title{font-size:clamp(2.1rem,1.4rem + 3vw,3.5rem);line-height:1.5;max-inline-size:18ch}.pub-lede{margin:0;max-inline-size:38ch;font-family:var(--font-ui);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-soft);text-wrap:pretty}.pub-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);-webkit-padding-before:var(--space-3);padding-block-start:var(--space-3)}.pub-hero-figure{display:grid;justify-items:center}@media (min-width:60rem){.pub-hero-figure .pub-phone{inline-size:19.5rem}}.pub-figure{margin:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3);justify-items:center;inline-size:100%}.pub-caption{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-faint)}.pub-phone{inline-size:min(100%,17.5rem);padding:.5rem;background:var(--sunken);border:var(--line-width) solid var(--hairline-strong);border-radius:2.6rem;box-shadow:var(--shadow-3)}.pub-phone-screen{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding-inline:1rem;-webkit-padding-before:var(--space-2);padding-block-start:var(--space-2);overflow:clip;font-family:var(--font-ui);color:var(--text);background-color:var(--ground);background-image:var(--ground-glow);border-radius:2.1rem}.pub-phone-bar{display:flex;align-items:center;justify-content:space-between;min-block-size:2.5rem;color:var(--nav-text);-webkit-border-after:var(--line-width) solid var(--nav-hairline);border-block-end:var(--line-width) solid var(--nav-hairline)}.pub-phone-brand{font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);font-size:var(--text-lg);color:var(--nav-text-active)}html[lang=ar] .pub-phone-brand{font-family:var(--font-title-ar);font-weight:var(--display-weight-ar);font-variation-settings:normal}.pub-phone-greet{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:1.5rem;line-height:1.15}html[lang=ar] .pub-phone-greet{font-family:var(--font-title-ar);font-weight:var(--display-weight-ar);font-variation-settings:normal;letter-spacing:0;line-height:1.5}.pub-phone .pub-phone-today{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:0;padding-block:var(--space-2)}.pub-phone-date{font-size:var(--text-xs);color:var(--text-faint)}.pub-phone-label{font-size:var(--text-xs);font-weight:600;color:var(--text-soft)}.pub-phone-due{font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:var(--text-xl);line-height:1.2;text-wrap:balance}html[lang=ar] .pub-phone-due{font-family:var(--font-title-ar);font-weight:var(--display-weight-ar);font-variation-settings:normal;letter-spacing:0;line-height:1.5}.pub-phone-foot{display:flex;align-items:center;-webkit-padding-before:var(--space-1);padding-block-start:var(--space-1)}.pub-phone-begin{padding:.4rem .95rem;font-size:var(--text-xs);font-weight:600;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-btn)}.pub-phone-rows{display:grid}.pub-phone-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding-block:var(--space-3)}.pub-phone-row+.pub-phone-row{-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.pub-phone-row-main{display:grid;grid-gap:.1rem;gap:.1rem;min-width:0}.pub-phone-row-title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.pub-phone-row-sub{font-size:var(--text-xs);line-height:var(--leading-snug)}.pub-phone-chevron,.pub-phone-row-sub{color:var(--text-faint)}html[dir=rtl] .pub-phone-chevron{transform:scaleX(-1)}.pub-phone-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-inline:-1rem;padding-block:var(--space-2) var(--space-4);color:var(--nav-text);background:var(--nav-bg);-webkit-border-before:var(--line-width) solid var(--nav-hairline);border-block-start:var(--line-width) solid var(--nav-hairline)}.pub-phone-tab{position:relative;display:grid;justify-items:center;grid-gap:.2rem;gap:.2rem;padding-block:var(--space-1);font-size:calc(var(--text-xs) * .82);line-height:1.2;text-align:center}.pub-phone-tab[data-on]{color:var(--nav-text-active);font-weight:600}.pub-phone-tab[data-on]:before{content:"";position:absolute;inset-block-start:calc(-1 * var(--space-2) - var(--line-width));inset-inline:calc(50% - .6rem);block-size:2px;background:var(--nav-marker)}.pub-phone-tab>*{position:relative}.pub-feature{padding-block:var(--space-8)}.pub-feature+.pub-feature{-webkit-padding-before:0;padding-block-start:0}.pub-feature-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:center}.pub-feature-grid>*{min-width:0}@media (min-width:56rem){.pub-feature{padding-block:var(--space-8)}.pub-feature+.pub-feature{-webkit-padding-before:0;padding-block-start:0}.pub-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8)}.pub-feature[data-side=end] .pub-feature-copy{order:2}}.pub-feature-copy{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.pub-feature-title{margin:0;font-size:var(--text-3xl);line-height:1.1;max-inline-size:18ch;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}html[lang=ar] .pub-feature-title{line-height:1.5}.pub-feature-body{margin:0;max-inline-size:36ch;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-soft);text-wrap:pretty}.pub-ill{display:grid;grid-gap:var(--space-3);gap:var(--space-3);inline-size:min(100%,27rem);padding:var(--space-5);font-family:var(--font-ui);color:var(--text);background:var(--surface);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow)}.pub-figure{grid-template-columns:minmax(0,1fr)}.pub-circle-head>*,.pub-ill,.pub-ill>*{min-width:0;overflow-wrap:anywhere}.pub-ill-btn{display:block;padding:.65rem var(--space-4);text-align:center;font-size:var(--text-sm);font-weight:600;color:var(--text);background:var(--accent-wash);border:var(--line-width) solid var(--hairline-strong);border-radius:var(--radius-btn)}.pub-ill-reader{gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5);color:var(--paper-ink);background:var(--paper);border-color:var(--paper-hairline)}.pub-reader-chapter{margin:0 0 var(--space-1);-webkit-padding-after:var(--space-3);padding-block-end:var(--space-3);font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:var(--text-xl);line-height:1.2;text-align:center;color:var(--paper-ink);-webkit-border-after:var(--line-width) solid var(--paper-hairline);border-block-end:var(--line-width) solid var(--paper-hairline)}.pub-reader-text{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--paper-ink)}.pub-reader-text mark{padding-inline:.1em;color:inherit;background:var(--paper-mark);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.pub-reader-note{display:grid;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--paper-ink);border:var(--line-width) solid var(--paper-hairline);border-radius:var(--radius-sm)}.pub-reader-note-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--paper-ornament-ink)}.pub-reader-fade{-webkit-mask-image:linear-gradient(180deg,currentColor 10%,transparent);mask-image:linear-gradient(180deg,currentColor 10%,transparent)}.pub-ill-card{gap:var(--space-2)}.pub-card-progress{display:block;inline-size:30%;block-size:3px;-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3);background:var(--accent);border-radius:2px}.pub-card-prompt{margin:0;font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);letter-spacing:var(--display-tracking);font-size:var(--text-2xl);line-height:1.2}html[lang=ar] .pub-card-prompt{font-family:var(--font-title-ar);font-weight:var(--display-weight-ar);font-variation-settings:normal;letter-spacing:0;line-height:1.5}.pub-card-hint{margin:0;font-size:var(--text-sm);color:var(--text-soft)}.pub-card-lines{display:grid;grid-gap:.6rem;gap:.6rem;padding-block:var(--space-5)}.pub-card-lines>span{display:block;block-size:.7rem;background:var(--sunken);border-radius:999px}.pub-card-grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2)}.pub-card-grades>span{padding:.55rem .2rem;font-size:var(--text-xs);font-weight:600;text-align:center;color:var(--text-soft);border:var(--line-width) solid var(--hairline);border-radius:var(--radius-btn)}.pub-circle-head{display:flex;align-items:center;gap:var(--space-3);-webkit-padding-after:var(--space-2);padding-block-end:var(--space-2)}.pub-circle-name{font-size:var(--text-lg);font-weight:600}.pub-circle-lessons{display:grid}.pub-circle-lesson{display:grid;grid-gap:.15rem;gap:.15rem;padding-block:var(--space-3);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.pub-circle-lesson-title{font-size:var(--text-sm);font-weight:600;color:var(--text-soft)}.pub-circle-lesson[data-latest] .pub-circle-lesson-title{color:var(--text)}.pub-circle-lesson-when{font-size:var(--text-xs);color:var(--text-faint)}.pub-circle-lesson[data-latest] .pub-circle-lesson-when{color:var(--link);font-weight:600}.pub-ill-note{gap:0;justify-items:start;padding:0;background:none;border:0;box-shadow:none}.pub-note-lesson{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);padding:.45rem var(--space-3);font-size:var(--text-sm);font-weight:600;background:var(--raised);border:var(--line-width) solid var(--hairline-strong);border-radius:var(--radius-btn)}.pub-note-circle{font-weight:400;color:var(--text-soft)}.pub-note-time{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;color:var(--ornament-ink)}.pub-note-card{position:relative;display:grid;grid-gap:var(--space-2);gap:var(--space-2);inline-size:100%;-webkit-margin-before:var(--space-5);margin-block-start:var(--space-5);padding:var(--space-4);background:var(--raised);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-md)}.pub-note-card:before{content:"";position:absolute;inset-block-start:calc(-1 * var(--space-5) - var(--line-width));inset-inline-start:1.6rem;block-size:var(--space-5);inline-size:var(--line-width);background:var(--hairline-strong)}.pub-note-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;color:var(--ornament-ink)}.pub-note-text{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-snug)}html[lang=ar] .pub-note-text{font-family:var(--font-body-ar);line-height:var(--leading-relaxed)}.pub-price{padding-block:var(--space-8);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}@media (min-width:60rem){.pub-price{padding-block:var(--space-9)}}.pub-price-inner{display:grid;justify-items:start;grid-gap:var(--space-4);gap:var(--space-4)}.pub-price-title{margin:0;font-size:var(--text-4xl);line-height:1.08;max-inline-size:18ch}html[lang=ar] .pub-price-title{line-height:1.5}.pub-price-body{max-inline-size:44ch;font-size:var(--text-lg);color:var(--text-soft)}.pub-price-ai,.pub-price-body{margin:0;line-height:var(--leading-normal);text-wrap:pretty}.pub-price-ai{max-inline-size:60ch;font-size:var(--text-sm);color:var(--text-faint)}.pub-footer{-webkit-margin-before:0;margin-block-start:0;padding-block:var(--space-6) var(--space-7);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.pub-footer>.page{align-items:flex-start;gap:var(--space-5)}.pub-footer-main{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.pub-footer-brand{justify-self:start;font-family:var(--font-display);font-weight:var(--display-weight);font-variation-settings:var(--display-settings);font-size:var(--text-xl);color:var(--text);text-decoration:none}html[lang=ar] .pub-footer-brand{font-family:var(--font-title-ar);font-weight:var(--display-weight-ar);font-variation-settings:normal}.pub-footer-note{max-inline-size:52ch;font-size:var(--text-sm);color:var(--text-faint)}.pub-footer .footer-links a{display:inline-flex;align-items:center;min-height:2.75rem}.pub-page-head{padding-block:var(--space-8) var(--space-6)}.pub-page-title{margin:0;font-size:var(--text-4xl);line-height:1.08}html[lang=ar] .pub-page-title{line-height:1.5}.pub-band{background:var(--surface);border-block:var(--line-width) solid var(--hairline)}.pub-principles-title{font-size:var(--text-2xl);text-wrap:balance}.pub-principles{display:grid;grid-gap:0;gap:0;margin-inline:0;padding:0}.pub-principle{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding-block:var(--space-5);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.pub-principle:last-child{-webkit-padding-after:0;padding-block-end:0}.pub-principle:first-child{-webkit-border-before:0;border-block-start:0;-webkit-padding-before:0;padding-block-start:0}.pub-principle-title{margin:0;font-size:var(--text-lg);text-wrap:balance}.pub-principle-body{margin:0;max-inline-size:60ch;color:var(--text-soft);line-height:var(--leading-normal);text-wrap:pretty}.pub-band .section-ornament{margin-inline:0;margin-block:0}.guide-page{max-width:56rem;padding-block:var(--space-6) var(--space-8)}.guide-head .lede{max-inline-size:40ch}.guide-jump{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.guide-jump .chip{min-height:2.75rem;padding-inline:var(--space-4)}.guide-part{display:grid;grid-gap:var(--space-4);gap:var(--space-4);scroll-margin-block-start:5rem}.guide-part-head{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.guide-part-title{margin:0;font-size:var(--text-xl);font-weight:600;line-height:1.25}.guide-part-lede{margin:0;color:var(--text-faint);font-size:var(--text-sm)}.guide-part-body{display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.guide-figure{margin:0}.guide-figure img{display:block;width:min(100%,13.5rem);height:auto;border:var(--line-width) solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface)}.guide-steps .row-sub{line-height:1.45;text-wrap:pretty}@media (min-width:48rem){.guide-part-body{grid-template-columns:13.5rem minmax(0,1fr);gap:var(--space-6)}}.guide-faq>details+details{-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:3.5rem;padding:var(--space-3) var(--space-4);font-weight:500;cursor:pointer;list-style:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq-chevron{flex:none;color:var(--text-faint);rotate:90deg;transition:rotate var(--dur-press,.12s) var(--ease-standard,ease)}.guide-faq details[open] .guide-faq-chevron,html[dir=rtl] .guide-faq-chevron{rotate:-90deg}html[dir=rtl] .guide-faq details[open] .guide-faq-chevron{rotate:90deg}.guide-faq-answer{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:0 var(--space-4) var(--space-4);color:var(--text-soft)}.guide-faq-answer p{margin:0;max-inline-size:62ch;line-height:var(--leading-normal,1.5)}@media (prefers-reduced-motion:reduce){.guide-faq-chevron{transition:none}}.legal-doc>.legal-section:not(:first-child){-webkit-margin-before:var(--space-6);margin-block-start:var(--space-6)}.legal-h2{margin:0;font-size:var(--text-xl)}#legal-top,.legal-h2{scroll-margin-block-start:calc(var(--header-height) + var(--space-4))}.legal-toc{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.legal-toc-title{margin:0;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}html[lang=ar] .legal-toc-title{font-size:var(--text-sm);letter-spacing:0;text-transform:none}.legal-toc-list{margin:0;-webkit-padding-start:1.5em;padding-inline-start:1.5em;font-family:var(--font-ui);font-size:var(--text-base)}html[lang=ar] .legal-toc-list{list-style:arabic-indic}.legal-toc-list li::marker{color:var(--ink-faint);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.legal-toc-list a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--link)}.legal-top-link{margin:0;font-family:var(--font-ui);font-size:var(--text-sm)}.legal-top-link a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--link)}.auth-main{display:flex;align-items:flex-start;justify-content:center;padding:var(--space-6) var(--space-4) var(--space-8);min-height:calc(100dvh - var(--header-height))}.auth-card{width:100%;max-width:var(--width-narrow);padding:0;background:none;border:0;border-radius:0;box-shadow:none}@media (min-width:30rem){.auth-main{padding-block:var(--space-8)}.auth-card{max-width:calc(var(--width-narrow) + 2 * var(--space-6));padding:var(--space-7) var(--space-6);background:var(--surface);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow)}}.auth-page{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.auth-head{display:grid;grid-gap:var(--space-2)}.auth-title{margin:0;font-size:var(--text-3xl);line-height:1.1}html[lang=ar] .auth-title{line-height:1.5}.auth-lede{margin:0;font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-soft);text-wrap:pretty}.auth-card form{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.auth-card form>*+*{-webkit-margin-before:0;margin-block-start:0}.auth-card .field input{min-height:3rem;font-size:var(--text-base)}.auth-card .field-error{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;line-height:var(--leading-snug)}.auth-card .field-error svg{flex:none;-webkit-margin-before:.1em;margin-block-start:.1em}.auth-card .auth-form-error,.auth-card .notice-error{margin:0;text-wrap:pretty}.auth-card .field-hint{margin:0;line-height:var(--leading-snug)}.auth-card .btn-primary{min-height:3.25rem;-webkit-margin-before:var(--space-2);margin-block-start:var(--space-2);font-size:var(--text-base)}.auth-alt{display:grid;grid-gap:0;gap:0;-webkit-padding-before:var(--space-5);padding-block-start:var(--space-5);font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-soft);-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.auth-alt p{margin:0}.auth-alt a{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:600;color:var(--link)}.auth-google{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.auth-card .btn-google{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:3.25rem;font-size:var(--text-base);font-weight:600}.btn-google svg{flex:none}.auth-or{display:flex;align-items:center;gap:var(--space-3);margin:0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-faint)}.auth-or:after,.auth-or:before{content:"";flex:1 1;-webkit-border-before:var(--line-width) solid var(--hairline);border-block-start:var(--line-width) solid var(--hairline)}.auth-link{padding:var(--space-5);border:var(--line-width) solid var(--panel-border);border-radius:var(--radius-lg);background:var(--surface)}.auth-link-title{margin:0;font-size:var(--text-xl)}.auth-link-text{color:var(--text-soft);text-wrap:pretty}.auth-fine,.auth-link-text{margin:0;font-family:var(--font-ui);line-height:var(--leading-normal)}.auth-fine{font-size:var(--text-xs);color:var(--text-faint)}.welcome{display:grid;grid-gap:var(--space-7);gap:var(--space-7);max-width:calc(46rem + 2 * var(--space-6))}.welcome-head{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.welcome-head .screen-lede,.welcome-head .screen-title{margin:0}.welcome-step{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.welcome-step-head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:var(--space-1);row-gap:var(--space-1);align-items:baseline}.welcome-step-num{grid-row:1/span 2;display:inline-grid;place-items:center;inline-size:2rem;block-size:2rem;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;color:var(--accent);background:var(--accent-wash);border-radius:999px;align-self:start}.welcome-step-title{margin:0;font-size:var(--text-xl)}.welcome-step-hint{margin:0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-soft)}.welcome-intent fieldset{margin:0;padding:0;border:0}.welcome-intent .radio-option{min-height:3.5rem;padding:var(--space-4) 0}.welcome-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.welcome-actions .btn{min-height:3.25rem;padding:.7em 1.7em;font-size:var(--text-base)}.welcome-skip{-webkit-margin-before:calc(-1 * var(--space-5));margin-block-start:calc(-1 * var(--space-5))}.auth-main{-webkit-padding-before:0;padding-block-start:0}.auth-card,.auth-card:not(#_){max-width:var(--width-narrow);padding:0;background:none;border:0;border-radius:0;box-shadow:none}@media (min-width:30rem){.auth-main{padding-block:0 var(--space-8)}}.auth-head{--text:var(--on-block);--text-soft:var(--block-soft);--text-faint:var(--block-soft);--link:var(--on-block);--link-deep:var(--on-block);--focus:var(--on-block);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);min-height:176px;padding-block:var(--space-3) var(--space-5);background:var(--block);border-image:linear-gradient(var(--block),var(--block)) fill 0 /0 /0 100vw;color:var(--on-block)}.auth-head :focus-visible{outline-color:var(--on-block)}.auth-head .auth-title{font-family:var(--font-display);font-size:var(--text-poster);font-weight:600;line-height:1.12;color:var(--on-block);animation:poster-title-in var(--dur-fade) var(--ease-standard) backwards}html[lang=ar] .auth-head .auth-title{font-family:var(--font-title-ar);font-size:2.25rem;line-height:1.7}.auth-head .auth-lede{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--block-soft)}html[lang=ar] .auth-head .auth-lede{font-size:.9375rem;line-height:1.7}@media (min-width:68rem){.auth-head{min-height:200px}}.auth-side,.auth-top-wide{display:none}@media (min-width:64rem){.auth-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-block-size:100dvh}.auth-side{--focus:var(--on-block);position:-webkit-sticky;position:sticky;inset-block-start:0;display:flex;flex-direction:column;block-size:100dvh;padding:var(--space-5) 0 0;-webkit-padding-start:var(--space-8);padding-inline-start:var(--space-8);overflow:hidden;background:var(--block);color:var(--on-block)}.auth-side :focus-visible{outline-color:var(--on-block)}.auth-side .auth-side-logo{align-self:flex-start;display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--on-block);text-decoration:none}.auth-side-claim{max-inline-size:15em;margin:var(--space-7) 0 0;-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8);font-family:var(--font-display);font-size:2.25rem;font-weight:600;line-height:1.15;color:var(--on-block);text-wrap:balance}html[lang=ar] .auth-side-claim{font-family:var(--font-title-ar);font-size:2.375rem;line-height:1.6}.auth-side-figure{flex:1 1;display:flex;flex-direction:column;gap:var(--space-4);min-block-size:0;margin:var(--space-4) 0 0}.auth-side-caption{max-inline-size:30rem;-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8);font-size:var(--text-sm);line-height:1.5;color:var(--block-soft)}html[lang=ar] .auth-side-caption{font-size:.9375rem;line-height:1.7}.auth-phones{flex:1 1;display:flex;align-items:flex-start;gap:var(--space-5);min-block-size:0;-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8)}.auth-phone{position:relative;flex:0 1 15.5rem;min-inline-size:0;padding:7px;border-radius:2.375rem;background:#0e1313}.auth-phone--hole{-webkit-margin-before:var(--space-7);margin-block-start:var(--space-7);border-radius:2rem}.auth-phone-screen{overflow:hidden;-webkit-padding-before:2.375rem;padding-block-start:2.375rem;border-radius:1.9375rem;background:var(--canvas)}.auth-phone--hole .auth-phone-screen{-webkit-padding-before:2rem;padding-block-start:2rem;border-radius:1.5625rem}.auth-phone img{display:block;inline-size:100%;block-size:auto}.auth-phone-cut{position:absolute;inset-inline:0;margin-inline:auto;background:#0e1313}.auth-phone--island .auth-phone-cut{inset-block-start:1rem;inline-size:30%;block-size:1.25rem;border-radius:999px}.auth-phone--hole .auth-phone-cut{inset-block-start:1.0625rem;inline-size:.6875rem;block-size:.6875rem;border-radius:50%}.auth-col{display:flex;flex-direction:column;min-block-size:100dvh;min-inline-size:0}.auth-col>.auth-top-narrow{display:none}.auth-top-wide{display:flex;justify-content:flex-end;padding:var(--space-5) var(--space-8) 0}.auth-col>.auth-main{flex:1 1;align-items:center;justify-content:center;min-height:0;padding:var(--space-6) var(--space-8) var(--space-9,4rem)}.auth-col .auth-card,.auth-col .auth-card:not(#_){max-width:26rem}.auth-col .auth-head{--text:unset;--text-soft:unset;--text-faint:unset;--link:unset;--link-deep:unset;--focus:unset;min-height:0;padding-block:0;background:none;border-image:none;color:var(--text)}.auth-col .auth-head .auth-title{color:var(--text)}.auth-col .auth-head .auth-lede{font-size:var(--text-base);color:var(--text-faint)}html[lang=ar] .auth-col .auth-head .auth-lede{font-size:1.0625rem}.auth-col .auth-head :focus-visible{outline-color:var(--focus)}}@media (min-width:90rem){.auth-side{-webkit-padding-start:var(--space-9,4rem);padding-inline-start:var(--space-9,4rem)}.auth-side-claim{font-size:2.5rem}.auth-phone{flex-basis:17rem}}