/* Grammar Lab — warm personal study notebook. Loaded last to unify legacy views. */
:root{
  --paper:#FFF9F1;--paper-deep:#F7EEE8;--card:#FFFEFB;--ink:#342638;--ink-soft:#5D4B5B;--muted:#806F7D;--line:#E9DCD7;
  --coral:#E88772;--coral-deep:#C96C61;--yellow:#D3A34F;--mint:#DDEEE2;--lavender:#EDE2EE;--danger:#D98B78;
  --shadow:0 3px 12px rgba(73,48,67,.055);--shadow-strong:0 8px 24px rgba(73,48,67,.09)
}
html,body{background:var(--paper)!important;color:var(--ink)!important}
body{font-family:'Noto Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif!important;background-image:none!important}
.topbar{height:64px!important;background:rgba(255,249,241,.94)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:blur(12px)}
.brand,.brand:visited,.brand strong{color:var(--ink)!important}.brand strong{font-size:13px!important}.brand small{color:var(--muted)!important}.logo{width:36px!important;height:36px!important;border:0!important;border-radius:12px!important;background:var(--lavender)!important;color:var(--plum,#673D61)!important;box-shadow:none!important}.logo i{display:none!important}
.course-label,.lesson-card-label,.lesson-section-label,.simple-example span,.simple-note b{color:#74476E!important;letter-spacing:0!important}
.linear-progress-head{padding:15px 17px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--paper-deep)!important;box-shadow:none!important;overflow:visible!important}
.linear-progress-head:after{display:none!important}.linear-progress-head h1{color:var(--ink)!important;font-family:inherit!important;font-weight:750!important;letter-spacing:0!important}.linear-progress-head p,.linear-progress-caption{color:var(--muted)!important}.linear-counter{padding:7px 11px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fffaf5!important;color:#74476E!important;box-shadow:none!important;transform:none!important}.linear-counter i{color:var(--muted)!important}
.linear-progress{height:6px!important;border:0!important;background:#EDE3DD!important;box-shadow:none!important}.linear-progress i,.lesson-question-progress i{background:var(--coral)!important;box-shadow:none!important}
.course-flow-steps{max-width:640px;margin:20px auto!important}.course-flow-steps li{color:var(--muted)!important}.course-flow-steps li span{width:26px!important;height:26px!important;border:1px solid var(--line)!important;background:#fffaf5!important;color:var(--ink-soft)!important;box-shadow:none!important}.course-flow-steps li.active{color:#74476E!important}.course-flow-steps li.active span{border-color:#74476E!important;background:#74476E!important;color:white!important}
.lesson-card,.question-card{position:relative!important;overflow:hidden!important;padding:clamp(19px,3.5vw,32px)!important;border:1px solid var(--line)!important;border-radius:19px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important;transform:none!important;transition:none!important}.lesson-card:before,.lesson-card:after{display:none!important}.lesson-card-label{font-size:12px!important;font-weight:700!important}.lesson-card-label:before{content:none!important}.lesson-card h2{margin:8px 0 12px!important;color:var(--ink)!important;font-family:inherit!important;font-size:clamp(22px,3vw,29px)!important;line-height:1.45!important;letter-spacing:0!important}
.lesson-one-line{display:grid;gap:5px;margin:0 0 15px;padding:12px 14px;border-inline-start:3px solid var(--yellow);border-radius:10px;background:#FFF7E7;color:var(--ink-soft);font-size:13px;line-height:1.8}.lesson-one-line span{color:#936C30;font-size:10px;font-weight:750}
.lesson-focus{display:block;margin:14px 0 16px!important;padding:13px 14px!important;border:1px solid #EBD9C7!important;border-inline-start:3px solid var(--yellow)!important;border-radius:12px!important;background:#FFF9EF!important;box-shadow:none!important;transform:none!important;cursor:default!important}.lesson-focus:before,.lesson-focus:after{display:none!important}.lesson-focus-top{display:flex;align-items:center;gap:8px}.lesson-focus-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#F7EEDB;color:#946D30}.lesson-focus-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lesson-focus-title{color:#795A35;font-size:12px;font-weight:750}.lesson-focus-label{margin-inline-start:auto;color:var(--muted);font-size:10px}.lesson-focus .lesson-focus-copy{display:block;margin-top:8px;padding:0;border:0;background:none;color:var(--ink-soft)!important;font-size:13px;line-height:1.8}
.lesson-section-label{margin:15px 0 3px!important;font-size:13px!important;font-weight:750!important}.lesson-explanation{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink-soft)!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.95!important}
.simple-formula{justify-content:center!important;margin:17px 0!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#F8F1EC!important;box-shadow:none!important;transform:none!important;direction:ltr}.simple-formula span{border:0!important;background:transparent!important;color:#563D55!important;font:600 clamp(14px,2vw,17px)/1.6 system-ui,sans-serif!important;letter-spacing:0!important}
.simple-example{position:relative;margin-top:14px;padding:14px 16px!important;border:1px solid #EBDDCB!important;border-inline-start:3px solid var(--coral)!important;border-radius:12px!important;background:#FFFAF4!important;box-shadow:none!important;transform:none!important}.simple-example:before{display:none!important}.simple-example span{font-size:10px!important;font-weight:700!important}.english-example,.simple-example b,.extra-rule-example{direction:ltr!important;text-align:left!important;unicode-bidi:isolate}.simple-example b{display:block;margin-top:4px;color:#342638!important;font:600 clamp(16px,2.1vw,19px)/1.65 system-ui,sans-serif!important}.grammar-token{padding:0 .13em;border-radius:4px;background:#F9E5D8;color:#8E4C55;font-weight:750}.simple-note{margin-top:13px!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#F9F3EF!important;box-shadow:none!important;transform:none!important;color:var(--ink-soft)!important;font-size:12px!important;line-height:1.8!important}.simple-note p{margin:4px 0 0!important;color:var(--ink-soft)!important;font-size:12px!important;line-height:1.85!important}
.lesson-extra{margin-top:14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#FBF5F0!important;box-shadow:none!important}.lesson-extra>summary{min-height:48px!important;color:#74476E!important;font-size:12px!important;font-weight:700!important}.lesson-extra>summary:after{width:25px!important;height:25px!important;background:#F1E5EF!important;color:#74476E!important;box-shadow:none!important}.lesson-extra-body{padding:0 12px 12px!important}.extra-rule-card,.extra-warning-card,.extra-trap-card{border:1px solid var(--line)!important;border-radius:11px!important;background:#fffdfa!important;box-shadow:none!important;color:var(--ink)!important}.extra-rule-card h3,.extra-warning-card h3,.extra-trap-card h3{color:#74476E!important}.extra-rule-card p,.extra-warning-card p,.extra-trap-card p{color:var(--ink-soft)!important;font-size:12px!important;line-height:1.85!important}
.course-start-question{margin:14px 0!important;padding:13px 15px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--paper-deep)!important;box-shadow:none!important;color:var(--ink)!important}.course-start-question p{color:var(--ink-soft)!important;font-size:12px!important;line-height:1.8!important}.course-start-question .btn,.course-question-actions .btn{min-height:49px!important;font-size:13px!important}
.course-question-panel{overflow:hidden!important;padding:clamp(15px,3vw,22px)!important;border:1px solid var(--line)!important;border-radius:17px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}.course-question-panel:before{display:none!important}.course-question-head{color:var(--muted)!important;border-color:var(--line)!important}.course-question-head b{color:var(--ink)!important}.lesson-question-progress{color:var(--muted)!important}.lesson-question-progress>span{background:#EFE6E0!important;box-shadow:none!important}.course-question-prompt{padding:14px 15px!important;border:1px solid #EBDDD4!important;border-inline-start:3px solid var(--coral)!important;border-radius:11px!important;background:#FBF5F0!important;color:var(--ink)!important;box-shadow:none!important;font:600 clamp(16px,2.2vw,20px)/1.65 system-ui,sans-serif!important;text-align:left!important;transform:none!important}
.course-choice{min-height:52px!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#FFFEFC!important;color:var(--ink)!important;box-shadow:none!important;transform:none!important;transition:border-color .15s,background .15s!important}.course-choice:not(:disabled):hover{border-color:#CFA99D!important;background:#FFF8F2!important;transform:none!important}.course-choice>span{background:#F2EAE6!important;color:#74476E!important;box-shadow:none!important}.course-choice>b{color:var(--ink)!important;font-size:13px!important}.course-choice.is-correct,.course-question-panel .course-choice.is-correct,.course-question-panel .course-choice.is-correct:disabled{border-color:#B8D3BE!important;background:#EDF6EF!important;color:#355B40!important;box-shadow:none!important}.course-question-panel .course-choice.is-correct>b,.course-question-panel .course-choice.is-correct>i{color:#355B40!important}.course-choice.is-correct>span{background:#D9EBDD!important;color:#42684B!important}.course-choice.is-wrong,.course-question-panel .course-choice.is-wrong,.course-question-panel .course-choice.is-wrong:disabled{border-color:#E9C4B6!important;background:#FFF0E8!important;color:#765148!important;box-shadow:none!important}.course-question-panel .course-choice.is-wrong>b{color:#765148!important}.course-question-panel .course-choice.is-wrong>span{background:#F6DDD3!important;color:#956257!important}
.course-feedback,.course-question-panel .course-feedback{padding:14px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#FBF7F3!important;color:var(--ink)!important;box-shadow:none!important}.course-feedback.right,.course-question-panel .course-feedback.right{border-color:#C6DCC9!important;background:#F0F7F0!important;color:#355B40!important}.course-feedback.wrong,.course-question-panel .course-feedback.wrong{border-color:#EBD0C4!important;background:#FFF2EB!important;color:#694941!important}.course-feedback-heading b,.course-feedback-heading small{color:inherit!important}.course-feedback-explanation,.course-feedback-preview,.course-feedback p{color:var(--ink-soft)!important;font-size:12px!important;line-height:1.8!important}.course-answer-plate{border:1px solid var(--line)!important;border-radius:9px!important;box-shadow:none!important}.course-answer-plate.is-right{background:#EDF6EF!important;border-color:#C6DCC9!important;color:#355B40!important}.course-answer-plate.is-wrong{background:#FFF0E8!important;border-color:#EBD0C4!important;color:#765148!important}.course-feedback-divider>i{background:var(--line)!important}.course-feedback-divider>span{color:var(--muted)!important}.course-action-hint{color:var(--muted)!important}.course-attempt-history{border:1px solid var(--line)!important;border-radius:10px!important;background:#FBF7F3!important;box-shadow:none!important}.course-attempt-history summary,.course-attempt-history p span{color:var(--muted)!important}.course-attempt-history b{color:var(--ink)!important}
.btn,.course-start-question .btn,.course-question-actions .btn{min-height:48px!important;border:0!important;border-radius:12px!important;background:var(--coral)!important;color:white!important;box-shadow:0 3px 0 #C57064!important;font-family:inherit!important;font-weight:750!important}.btn:hover{background:var(--coral-deep)!important;transform:translateY(-1px)!important}.btn:active{transform:translateY(1px) scale(.99)!important;box-shadow:0 1px 0 #C57064!important}.btn.secondary{border:1px solid var(--line)!important;background:#F8F1EC!important;color:#563D55!important;box-shadow:none!important}.text-btn{color:#74476E!important}
.course-unit-card,.unit-lesson-row,.unit-quiz-invite,.quiz-set-card,.quiz-entry-card,.quiz-question-card,.quiz-method,.course-teacher-note,.teacher-aside,.course-progress-stats article,.course-progress-current,.course-progress-units,.mistakes-view .mistake{border:1px solid var(--line)!important;border-radius:13px!important;background:var(--card)!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}.course-unit-card:nth-child(n),.unit-lesson-row:nth-child(n){background:var(--card)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}.course-unit-card.is-locked{opacity:.57!important}.course-unit-num,.quiz-set-icon{border:0!important;border-radius:10px!important;background:#F1E5EF!important;color:#74476E!important;box-shadow:none!important}.course-unit-copy b,.simple-stage-copy b,.quiz-set-copy b{color:var(--ink)!important}.course-unit-copy small,.course-unit-copy em,.simple-stage-copy small,.simple-stage-copy em,.course-catalog-heading p,.course-unit-heading>p,.course-source-note,.unit-progress-copy,.quiz-set-copy small,.quiz-set-copy em{color:var(--muted)!important;opacity:1!important}.course-unit-meter,.quiz-set-meter{background:#EFE6E0!important}.course-unit-meter u,.quiz-set-meter u{background:var(--coral)!important}.course-unit-go,.lesson-row-arrow{color:#74476E!important}.course-teacher-note,.teacher-aside{border-inline-start:3px solid var(--coral)!important}.course-teacher-note>b,.teacher-aside>b{color:#74476E!important}.course-teacher-note p,.teacher-aside p{color:var(--ink-soft)!important}.course-unassigned-note,.checker-limit-note{border:1px solid var(--line)!important;border-radius:11px!important;background:#F8F1EC!important;color:var(--muted)!important}.course-unassigned-note>b{color:#74476E!important}.course-unassigned-note p{color:var(--muted)!important}.quiz-option{border:1px solid var(--line)!important;border-radius:10px!important;background:#fffdfa!important;color:var(--ink)!important;box-shadow:none!important}.quiz-option>span{background:#F1E5EF!important;color:#74476E!important}.quiz-question-card h2{border-inline-start:3px solid var(--coral)!important;background:#FBF5F0!important;color:var(--ink)!important;box-shadow:none!important}.quiz-option.is-correct,.quiz-question-card .quiz-option.is-correct,.quiz-question-card .quiz-option.is-correct:disabled{border:1px solid #B8D3BE!important;background:#EDF6EF!important;color:#355B40!important;box-shadow:none!important}.quiz-option.is-correct>b,.quiz-option.is-correct>i{color:#355B40!important}.quiz-option.is-correct>span{background:#D9EBDD!important;color:#42684B!important}.quiz-option.is-selected-wrong,.quiz-question-card .quiz-option.is-selected-wrong,.quiz-question-card .quiz-option.is-selected-wrong:disabled{border:1px solid #E9C4B6!important;background:#FFF0E8!important;color:#765148!important;box-shadow:none!important}.quiz-option.is-selected-wrong>b{color:#765148!important}.quiz-option.is-selected-wrong>span{background:#F6DDD3!important;color:#956257!important}.quiz-feedback,.quiz-feedback.correct,.quiz-feedback.incorrect{padding:13px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#FBF7F3!important;color:var(--ink)!important}.quiz-feedback.correct{border-color:#C6DCC9!important;background:#F0F7F0!important}.quiz-feedback.incorrect{border-color:#EBD0C4!important;background:#FFF2EB!important}.quiz-feedback.correct>b,.quiz-feedback.correct>p,.quiz-feedback.correct>span,.quiz-feedback.correct strong,.quiz-feedback.incorrect>b,.quiz-feedback.incorrect>p,.quiz-feedback.incorrect>span,.quiz-feedback.incorrect strong{color:var(--ink-soft)!important}.quiz-answer-row.is-right{border-color:#C6DCC9!important;border-inline-start:3px solid #90B898!important;background:#F0F7F0!important;color:var(--ink)!important}.quiz-answer-row.is-wrong{border-color:#EBD0C4!important;border-inline-start:3px solid #DDA895!important;background:#FFF2EB!important;color:var(--ink)!important}.quiz-answer-row.is-right>div>b,.quiz-answer-row.is-right p,.quiz-answer-row.is-right small,.quiz-answer-row.is-wrong>div>b,.quiz-answer-row.is-wrong p,.quiz-answer-row.is-wrong small{color:var(--ink-soft)!important}
.course-lesson-complete{border:1px solid #C6DCC9!important;border-radius:15px!important;background:#F0F7F0!important;box-shadow:var(--shadow)!important;color:#355B40!important}.course-lesson-complete-check{background:#D9EBDD!important;color:#42684B!important;animation:none!important}.course-lesson-complete-heading .course-label,.course-lesson-complete-heading b,.course-lesson-complete-heading p,.course-lesson-complete-stats,.course-finish-explanation>p{color:#355B40!important}.course-lesson-complete{animation:none!important}.linear-complete h1{color:var(--ink)!important}.linear-complete p{color:var(--ink-soft)!important}.linear-complete-badge{border:1px solid #E6D3A8!important;border-radius:18px!important;background:#FFF5DC!important;color:#745A2F!important;box-shadow:none!important}
/* Welcome: an intimate note, not a game splash. */
.welcome-screen{background:#F7EEE8!important;color:var(--ink)!important}.welcome-screen:before,.welcome-screen:after{display:none!important}.welcome-card{width:min(100%,720px)!important;padding:clamp(20px,4vw,38px)!important;border:1px solid #E8D8D2!important;border-radius:22px!important;background:#FFFCF7!important;color:var(--ink)!important;box-shadow:0 10px 30px rgba(73,48,67,.08)!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.welcome-card:before{height:2px!important;background:linear-gradient(90deg,transparent,var(--coral),var(--yellow),transparent)!important}.welcome-topline{padding-bottom:13px!important;border-color:var(--line)!important}.welcome-mark{width:36px!important;height:36px!important;border:0!important;border-radius:11px!important;background:#74476E!important;color:#FFF9F1!important;box-shadow:none!important;transform:none!important}.welcome-brand-copy b{color:#74476E!important}.welcome-brand-copy span{color:var(--muted)!important}.welcome-personal{padding:7px 10px!important;border:1px solid #EBD4CB!important;border-radius:18px!important;background:#FFF1EB!important;color:#9C5B55!important;box-shadow:none!important;font-size:10px!important}.welcome-layout{display:block!important;padding:19px 0 0!important}.welcome-copy{max-width:620px!important;margin:auto!important}.welcome-card h1{margin:8px 0 10px!important;color:#4A334A!important;font-size:clamp(33px,5vw,48px)!important;line-height:1.25!important;letter-spacing:0!important}.welcome-card h1 em{margin:0!important;background:none!important;color:#74476E!important;font-size:1em!important}.welcome-description{max-width:560px!important;color:var(--ink-soft)!important;font-size:14px!important;line-height:1.95!important}.welcome-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:18px 0!important;perspective:none!important}.welcome-steps>span.welcome-step-card{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;min-height:67px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#FBF6F1!important;box-shadow:none!important;color:var(--ink)!important;transform:none!important}.welcome-steps>span.welcome-step-card:nth-of-type(n){background:#FBF6F1!important;box-shadow:none!important}.welcome-steps>span.welcome-step-card>b{width:26px!important;height:26px!important;border:0!important;border-radius:9px!important;background:#F0E5EF!important;color:#74476E!important;box-shadow:none!important}.welcome-step-copy strong{color:var(--ink)!important;font-size:11px!important}.welcome-step-copy small{color:var(--muted)!important;font-size:9px!important;line-height:1.5!important}.welcome-start{width:min(100%,360px)!important;min-height:51px!important;padding:0 17px!important;border:0!important;border-radius:12px!important;background:var(--coral)!important;color:#fff!important;box-shadow:0 3px 0 #C57064!important;font:750 14px system-ui,sans-serif!important;transition:transform 140ms ease,box-shadow 140ms ease!important}.welcome-start:hover{transform:translateY(-1px)!important;background:var(--coral-deep)!important;box-shadow:0 4px 0 #B86459!important}.welcome-start:active{transform:translateY(1px) scale(.99)!important;box-shadow:0 1px 0 #B86459!important}.welcome-start span{display:none!important}.welcome-save-note{color:var(--muted)!important;font-size:10px!important}.welcome-save-note:before{color:#688F6C!important}.welcome-card{animation:welcomeCardEnter 420ms cubic-bezier(.22,1,.36,1) both!important}.welcome-screen{transition:opacity 360ms cubic-bezier(.22,1,.36,1),transform 360ms cubic-bezier(.22,1,.36,1)!important}
.skip-link{background:#74476E!important;color:#fff!important}.skip-link:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(232,135,114,.7)!important;outline-offset:3px!important}.toast,.gesture-hint{background:#563D55!important;color:#fff!important}.paper-noise{display:none!important}.zahra-credit{display:none!important}
@media(max-width:700px){.topbar{height:58px!important}.view.linear-path,.view.linear-complete{padding:18px 14px 28px!important}.linear-progress-head{padding:12px!important}.linear-progress-head h1{font-size:22px!important}.linear-progress-head p{font-size:11px!important}.linear-counter{font-size:17px!important}.lesson-card{padding:18px 15px!important}.lesson-focus{grid-template-columns:1fr!important;gap:5px!important}.lesson-focus-label{font-size:9px}.lesson-explanation{font-size:13px!important;line-height:1.9!important}.simple-formula{padding:10px!important}.simple-example{padding:12px!important}.simple-example b{font-size:16px!important}.course-flow-steps{gap:4px!important}.course-flow-steps li{gap:4px!important;font-size:9px!important}.course-flow-steps li:not(:last-child):after{margin:0 4px!important}.course-choice{min-height:52px!important}.course-question-actions{align-items:stretch!important}.course-question-actions .btn{width:100%!important}.course-feedback-heading b{font-size:12px}.course-answer-comparison{gap:7px}.course-answer-plate strong{font-size:12px}.welcome-screen{padding:12px!important}.welcome-card{width:min(100%,500px)!important;padding:18px 16px 20px!important;border-radius:19px!important}.welcome-topline{gap:8px!important;padding-bottom:10px!important}.welcome-brand{gap:8px!important}.welcome-brand-copy b{font-size:9px!important}.welcome-brand-copy span{font-size:8px!important}.welcome-personal{padding:6px 8px!important;font-size:8px!important}.welcome-layout{padding-top:13px!important}.welcome-card h1{font-size:clamp(29px,8.5vw,37px)!important}.welcome-description{font-size:12px!important;line-height:1.8!important}.welcome-steps{gap:6px!important;margin:15px 0!important}.welcome-steps>span.welcome-step-card{grid-template-columns:23px minmax(0,1fr)!important;gap:5px!important;min-height:60px!important;padding:7px 5px!important}.welcome-steps>span.welcome-step-card>b{width:21px!important;height:21px!important;font-size:9px!important}.welcome-step-copy strong{font-size:9px!important}.welcome-step-copy small{font-size:7px!important}.welcome-start{width:100%!important;min-height:49px!important;font-size:13px!important}}
@media(max-width:360px){.welcome-card{padding:15px 12px 17px!important}.welcome-steps{gap:4px!important}.welcome-steps>span.welcome-step-card{grid-template-columns:20px minmax(0,1fr)!important;gap:4px!important;padding:6px 4px!important}.welcome-steps>span.welcome-step-card>b{width:19px!important;height:19px!important}}
@media(prefers-reduced-motion:reduce){.welcome-screen,.welcome-card,.welcome-start,.welcome-steps>span.welcome-step-card,.course-feedback.right,.course-feedback.wrong,.course-choice.is-selected,.course-choice.is-selected.is-correct,.course-choice.is-selected.is-wrong,.course-lesson-complete{animation:none!important;transition:none!important;transform:none!important;scroll-behavior:auto!important}.btn,.course-choice,.unit-lesson-row,.course-unit-card{transition:none!important}}

/* Personal study comforts: preferences, short sessions, due reviews and a quiet achievement notebook. */
html[data-study-theme="rose"]{--paper:#FAF1EF;--paper-deep:#F4E9E7;--card:#FFFCFA;--line:#EAD9D7}
html[data-study-text="large"] .lesson-explanation,html[data-study-text="large"] .simple-note p,html[data-study-text="large"] .course-question-prompt{font-size:1.12em!important}
html[data-study-tone="concise"] .course-action-hint{font-size:11px!important}
.study-dashboard{display:grid;gap:12px;margin:14px 0 18px}
.resume-note{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.62)}
.resume-mark,.due-review-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#F0E5EF;color:#74476E;font-size:20px}
.resume-note b,.quick-study-card b,.due-review-card b{display:block;color:var(--ink);font-size:13px}
.resume-note p,.quick-study-card p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.7}
.quick-study-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid #EBD9C8;border-radius:14px;background:linear-gradient(115deg,#FFF9EF,#FBF3EC)}
.quick-study-card.is-active{border-color:#D9C3D7;background:linear-gradient(115deg,#F9F1F8,#FFF9F1)}
.quick-study-card.is-done{border-color:#C9DCCB;background:#F1F7F1}
.quick-study-action{display:flex;align-items:center;gap:9px;flex-shrink:0}
.quick-study-action>strong{min-width:63px;color:#74476E;font:700 20px/1.2 ui-monospace,monospace;text-align:center;font-variant-numeric:tabular-nums}
.quick-study-card .btn{min-height:42px!important;padding:0 13px!important;font-size:11px!important}
.due-review-card{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #E5D4B2;border-radius:13px;background:#FFF9E9;color:var(--ink)!important;text-decoration:none!important}
.due-review-card>span:nth-child(2){flex:1}.due-review-card small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.6}.due-review-card>strong{color:#805D28;font-size:11px;white-space:nowrap}
.personalize-panel{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}
.personalize-panel>summary{display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:10px 14px;cursor:pointer;list-style:none}.personalize-panel>summary::-webkit-details-marker{display:none}.personalize-panel>summary b{display:block;color:#74476E;font-size:12px}.personalize-panel>summary small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.personalize-panel>summary i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#F5ECE9;color:#74476E;font-style:normal;transition:transform .18s}.personalize-panel[open]>summary i{transform:rotate(180deg)}
.personalize-body{display:grid;gap:11px;padding:13px 14px 15px;border-top:1px solid var(--line)}.personalize-body>label,.personalize-grid label{display:grid;gap:5px;color:var(--ink-soft);font-size:11px;font-weight:700}.personalize-body input,.personalize-body textarea,.personalize-body select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#FFFCF8;color:var(--ink);font:inherit;font-size:12px}.personalize-body textarea{min-height:65px;resize:vertical;line-height:1.7}.personalize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.personalize-grid select{padding-inline:7px;font-size:10px}.personalize-body .btn{justify-self:start;min-height:42px!important;padding:0 14px!important;font-size:11px!important}.prefs-status{min-height:16px;color:#527D59;font-size:11px}.prefs-private-note{color:var(--muted);font-size:9px;line-height:1.6}
.lesson-extra-example{margin:12px 0;border:1px solid #EBDCCF;border-radius:12px;background:#FFFAF5}.lesson-extra-example>summary{min-height:46px;padding:12px 14px;color:#74476E;font-size:12px;font-weight:750;cursor:pointer}.lesson-extra-example>div{display:grid;gap:7px;padding:0 14px 14px}.lesson-extra-example small{color:var(--muted);font-size:10px}.lesson-extra-example .english-example{font-size:17px}
.course-feedback-details summary{font-weight:700}.course-finish-owner-note,.welcome-owner-note{margin:10px 0 0;padding:11px 13px;border-inline-start:3px solid var(--coral);border-radius:10px;background:#FFF5EF;color:#694F5E;font-size:12px;line-height:1.8}.welcome-owner-note{max-width:560px;margin:12px 0 0;font-size:13px}
.study-notebook{margin-top:20px;padding:18px;border:1px solid #E6D9CC;border-radius:16px;background:linear-gradient(145deg,#FFFCF6,#F8F0EA)}.study-notebook header h2{margin:5px 0;color:var(--ink);font-size:19px}.study-notebook header p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.notebook-achievements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.notebook-achievements article{display:grid;align-content:start;gap:6px;min-height:112px;padding:12px;border:1px dashed #DCCFC8;border-radius:12px;background:rgba(255,255,255,.62);opacity:.78}.notebook-achievements article.earned{border-style:solid;border-color:#C7D9C8;background:#F4F8F1;opacity:1}.notebook-achievements article>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#F0E5EF;color:#74476E;font-size:12px;font-weight:800}.notebook-achievements article.earned>span{background:#DDEEE2;color:#41684B}.notebook-achievements b{color:var(--ink);font-size:11px}.notebook-achievements small{color:var(--muted);font-size:10px;line-height:1.6}
@media(max-width:600px){.quick-study-card{align-items:flex-start;flex-direction:column}.quick-study-action{width:100%;justify-content:space-between}.quick-study-action .btn{flex:1}.due-review-card{align-items:flex-start}.due-review-card>strong{align-self:center;font-size:10px}.personalize-grid{grid-template-columns:1fr}.personalize-grid select{font-size:12px}.notebook-achievements{grid-template-columns:1fr}.notebook-achievements article{min-height:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px 9px}.notebook-achievements article>span{grid-row:span 2}.notebook-achievements small{grid-column:2}.welcome-owner-note{font-size:11px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.personalize-panel>summary i{transition:none}}

/* Lesson controls: compact short sessions and notebook personalization beside review. */
.study-dashboard{gap:8px;margin:10px 0 14px}
.quick-study-card{gap:10px;padding:9px 11px;border-radius:11px}
.quick-study-card .course-label{font-size:9px}
.quick-study-card b{font-size:11px}
.quick-study-card p{margin-top:1px;font-size:9px;line-height:1.45}
.quick-study-card .btn{min-height:34px!important;padding:0 10px!important;font-size:10px!important;white-space:nowrap}
.quick-study-action{gap:6px}
.quick-study-action>strong{min-width:54px;font-size:16px}
.due-review-card{padding:9px 11px;gap:8px;border-radius:11px}
.due-review-mark{flex-basis:28px;width:28px;height:28px;font-size:16px}
.due-review-card b{font-size:11px}
.due-review-card small{font-size:9px;line-height:1.45}
.due-review-card>strong{font-size:10px}
.course-flow-steps li:has(.personalize-panel){position:relative;display:flex;align-items:center;gap:6px}
.personalize-panel{position:relative;overflow:visible;border:0;border-radius:50%;background:transparent;box-shadow:none}
.personalize-panel>summary{display:grid;place-items:center;width:25px;height:25px;min-height:25px;padding:0;border:1px solid #D8C1D8;border-radius:50%;background:#F6EDF5;color:#74476E;cursor:pointer;list-style:none;font-size:14px;line-height:1}
.personalize-panel>summary::-webkit-details-marker{display:none}
.personalize-panel>summary:focus-visible{outline:3px solid rgba(232,135,114,.6);outline-offset:2px}
.personalize-panel .personalize-body{position:absolute;z-index:20;top:calc(100% + 10px);inset-inline-end:0;width:min(330px,calc(100vw - 42px));padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 12px 28px rgba(73,48,67,.14);text-align:start}
.personalize-panel[open]>summary{background:#74476E;color:#fff;border-color:#74476E}
.personalize-heading{display:grid;gap:3px;margin-bottom:1px}
.personalize-heading b{color:#74476E;font-size:12px}
.personalize-heading small{color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:600px){
  .quick-study-card{align-items:center;flex-direction:row}
  .quick-study-card>div:first-child{min-width:0}
  .quick-study-card p{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .quick-study-action{width:auto}
  .quick-study-action .btn{flex:none}
  .personalize-panel .personalize-body{inset-inline-end:-8px;width:min(300px,calc(100vw - 34px))}
}