.reading-series{max-width:768px;margin:auto;padding:8px 32px 96px}.reading-back{min-height:48px;color:var(--muted-foreground);align-items:center;gap:8px;font-size:14px;display:inline-flex}.reading-back svg,.reading-action svg,.reading-score svg{flex-shrink:0;width:18px;height:18px}.series-identity{align-items:center;gap:24px;margin-top:24px;display:flex}.series-identity>div{overflow-wrap:anywhere;min-width:0}.series-identity .reading-cover{width:128px;max-height:184px}.series-identity h1{margin-top:12px;font-size:32px;font-weight:700;line-height:1.3}.reading-subtitle{color:var(--muted-foreground);line-height:1.5;margin-top:4px!important}.reading-meta{color:var(--muted-foreground);font-size:14px;line-height:1.6;margin-top:8px!important}.series-description{max-width:640px;line-height:1.8;margin-top:24px!important}.series-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;display:flex}.reading-book-list{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:28px;display:grid}.reading-book{grid-template-columns:16px 104px minmax(0,1fr) 16px;align-items:start;gap:16px;display:grid}.reading-cover{object-fit:contain;object-position:top left;border-radius:5px;width:104px;height:auto;max-height:156px}.reading-book-copy{overflow-wrap:anywhere;min-width:0}.reading-book-copy h3{margin-top:0;line-height:1.4}.reading-sequence{color:var(--muted-foreground);font-size:12px}.reading-score{align-items:baseline;gap:6px;font-size:14px;display:flex;margin-top:12px!important}.reading-score svg{align-self:center}.reading-book-link{margin-block:-8px;padding-block:8px;display:block}.reading-book-number{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:12px;line-height:20px}.reading-book-chevron{width:16px;height:16px;color:var(--muted-foreground);align-self:center}.reading-action{text-underline-offset:5px;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;text-decoration-thickness:2px;display:inline-flex}.reading-action:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.doodle-quiz{--accent-border:var(--accent);--input:var(--border);--brand-ink:var(--foreground)}.doodle-quiz .font-book,.doodle-quiz .font-quiz{font-family:inherit}.quiz-ready{max-width:768px;margin:auto;padding:24px 32px 64px}.quiz-identity{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;margin:24px 0 32px;display:grid}.quiz-identity .reading-cover{width:112px;max-height:168px}.quiz-identity>div{overflow-wrap:anywhere;min-width:0}.quiz-identity h1{margin-top:8px;font-size:30px;font-weight:700;line-height:1.3}.quiz-rules{border-top:1px solid var(--border);padding-top:28px}.quiz-ready-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.quiz-exhausted{border-top:1px solid var(--border);padding-top:28px}.quiz-exhausted h2{align-items:center;gap:10px;display:flex}.quiz-exhausted h2 svg{flex-shrink:0;width:24px}.doodle-quiz .quiz-stem{overflow-wrap:anywhere;margin-top:16px;font-size:30px;font-weight:600;line-height:1.4}.quiz-option{border:1.5px solid var(--border);background:var(--card);border-radius:10px 14px 12px 9px;grid-template-columns:minmax(0,1fr) 48px;align-items:center;transition:background-color .16s,border-color .16s;display:grid}.quiz-option[data-selected=true]{background:var(--secondary);border-color:var(--foreground)}.quiz-option-label{cursor:pointer;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.quiz-option-label>span{overflow-wrap:anywhere}.quiz-option [data-slot=radio-group-item]{width:34px;height:34px}.quiz-option-letter{font-size:14px;font-weight:600}.quiz-result-main{max-width:768px;margin:auto;padding:24px 32px 64px}.quiz-result-summary{margin-top:24px}.doodle-quiz .shadow-cover,.doodle-quiz .shadow-quiz{box-shadow:none}@media (min-width:1024px){.reading-series{max-width:1120px}.reading-book-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.reading-series{padding:0 20px 100px}.series-identity{gap:16px;margin-top:16px}.series-identity .reading-cover{width:96px;max-height:144px}.series-identity h1{font-size:28px}.reading-book{grid-template-columns:16px 96px minmax(0,1fr) 16px}.reading-cover{width:96px;max-height:144px}.quiz-ready,.quiz-result-main{padding:12px 20px 40px}.quiz-identity{grid-template-columns:96px minmax(0,1fr);gap:16px}.quiz-identity .reading-cover{width:96px;max-height:144px}.quiz-identity h1{font-size:26px}.quiz-ready-actions>*{flex:100%}.doodle-quiz .quiz-stem{font-size:26px;line-height:1.4}}@media (max-width:359px){.series-identity,.quiz-identity{flex-wrap:wrap;display:flex}}@media (prefers-reduced-motion:reduce){.quiz-option,.reading-book-link{transition:none}}.doodle-quiz [role=progressbar]>span{background:var(--accent)}.quiz-ready-greeting{align-items:center;gap:14px;display:flex}.quiz-ready-greeting>.reading-cat{width:72px;height:72px}.quiz-ready-greeting h2{font-size:clamp(20px,3vw,24px);line-height:1.5}.quiz-option .quiz-letter-radio{border:1.5px solid var(--foreground);color:var(--foreground);background:0 0;border-radius:48% 52% 46% 54%;justify-content:center;align-items:center}.quiz-option .quiz-letter-radio:focus-visible{outline:2px solid var(--ring);outline-offset:3px;box-shadow:none}.quiz-radio-marker{font-size:15px;font-weight:600}.quiz-letter-radio [data-slot=radio-group-indicator]{width:15px;height:15px;color:var(--background);background:var(--foreground);border-radius:50%;position:absolute;bottom:-3px;right:-5px}.quiz-letter-radio [data-slot=radio-group-indicator] svg{width:11px;height:11px}.quiz-letter-radio [data-slot=radio-group-indicator]{animation:quiz-check var(--duration-fast) ease-out}.quiz-letter-radio [data-slot=radio-group-indicator][data-unchecked]{animation:none;display:none}.quiz-ready,.quiz-question-enter{transition:opacity .15s ease-in-out,transform .15s ease-in-out}.quiz-ready[data-leaving=true],.quiz-question-enter[data-leaving=true]{opacity:0;pointer-events:none;transform:translateY(-4px)}.quiz-audio-wave path{transform-box:fill-box;transform-origin:50%;animation:.75s ease-in-out infinite alternate quiz-wave}.quiz-audio-wave path:nth-child(2n){animation-delay:-300ms}.quiz-audio-wave path:nth-child(3n){animation-delay:-500ms}@keyframes quiz-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes quiz-check{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.quiz-ready,.quiz-question-enter{transition:none;animation:none}.quiz-audio-wave path,.quiz-letter-radio [data-slot=radio-group-indicator]{animation:none}}.series-completion{gap:10px;max-width:520px;margin-top:20px;display:grid}.series-completion-count{font-size:16px;line-height:24px}.series-completion-count strong{font-variant-numeric:tabular-nums;font-weight:600}.series-completion-count span{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.series-completion-bar{width:100%;max-width:320px}.series-completion-bar [data-slot=progress-track]{background:var(--border);height:5px}.series-completion-bar [data-slot=progress-indicator]{background:var(--accent);border-radius:inherit;transition:width .2s var(--my-ease)}@media (min-width:768px){.series-completion{grid-template-columns:auto minmax(0,280px);align-items:center;gap:20px;width:fit-content;min-width:min(100%,420px)}}@media (prefers-reduced-motion:reduce){.series-completion-bar [data-slot=progress-indicator]{transition:none}}.quiz-result-main{max-width:640px}.result-completed{align-items:center;gap:12px;min-height:48px;display:flex}.result-cat{object-fit:contain;pointer-events:none;flex-shrink:0;width:80px;height:80px}.doodle-quiz .result-completed h1{font-size:20px;font-weight:600;line-height:28px}.result-book{border-bottom:1px solid var(--border);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:16px;margin-top:20px;padding-bottom:28px;display:grid}.result-cover{object-fit:contain;object-position:top;border-radius:3px;width:64px;height:auto}.result-book>div{overflow-wrap:anywhere;min-width:0}.result-book h2{font-size:16px;font-weight:600;line-height:1.5}.result-book p{color:var(--muted-foreground);margin-top:3px;font-size:14px;line-height:1.5}.result-book .result-attempt{margin-top:8px}.result-overview{margin-top:28px;container-type:inline-size}.result-overview-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.result-overview-heading .result-score{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600;line-height:32px}.result-score-count{white-space:nowrap}.result-score strong{isolation:isolate;font-weight:700;position:relative}.result-score strong:after{content:"";z-index:-1;background:var(--accent);border-radius:60% 35% 45% 30%;height:5px;position:absolute;bottom:-2px;left:-2px;right:-2px;transform:rotate(-2deg)}.result-score-total{color:var(--muted-foreground);font-size:20px;font-weight:400}.result-overview-heading p{color:var(--muted-foreground);font-size:14px}.result-legend{color:var(--muted-foreground);margin-top:10px;font-size:14px;line-height:20px}.result-answer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 12px;width:100%;margin-top:24px;display:grid}.result-answer-grid li{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.result-question-circle{border:1.5px solid var(--accent);background:var(--secondary);border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:grid;position:relative}.result-question-status{border:1.5px solid var(--background);background:var(--foreground);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:-3px;right:-4px}.result-question-status svg{stroke-width:2.5px;width:10px;height:10px}.result-answer-grid li[data-correct=false] .result-question-circle{border-color:var(--border);background:0 0}.result-answer-grid li[data-correct=false] .result-question-status{background:var(--destructive)}.result-answer-comparison{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:24px;font-size:16px;line-height:24px;display:flex}.result-answer-comparison strong{font-weight:600}.result-answer-comparison s{color:var(--destructive);font-weight:400;text-decoration-thickness:1px}.result-answer-comparison svg{width:14px;height:14px;color:var(--muted-foreground);stroke-width:1.5px}@container (min-width:480px){.result-answer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.result-actions{margin-top:32px}.result-actions>a:first-child{gap:10px;width:100%;min-height:48px;font-size:16px;font-weight:600}.result-actions>a:first-child svg{width:18px;height:18px}.result-allowance{color:var(--muted-foreground);margin-top:12px;font-size:14px;line-height:1.6}.result-actions .reading-action{color:var(--muted-foreground);margin-top:8px;font-weight:400}@container (max-width:280px){.result-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.quiz-review-main{background:var(--background);flex-direction:column;max-width:1024px;min-height:100dvh;margin:auto;display:flex}.quiz-review-header{border-bottom:1px solid var(--border);padding:8px 16px}.quiz-review-header-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.quiz-review-back{margin-inline-start:-14px}.quiz-review-book{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.quiz-review-book img{object-fit:contain;border-radius:3px;width:28px;height:auto;max-height:42px}.quiz-review-book p{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:24px;overflow:hidden}.quiz-review-position{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.quiz-review-progress{background:var(--border);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.quiz-review-progress span{background:var(--accent);border-radius:inherit;height:100%;display:block}.quiz-review-content{flex:1;width:100%;max-width:768px;margin:0 auto;padding:28px 16px 32px}.quiz-review-stem{grid-template-columns:3px minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.quiz-review-stem>span{background:var(--accent);border-radius:999px;align-self:stretch;margin-block:.25em}.doodle-quiz .quiz-stem-row .quiz-stem,.doodle-quiz .quiz-review-stem .quiz-stem{outline:none;margin-top:0;scroll-margin-top:16px}.quiz-review-options{flex-direction:column;gap:12px;margin-top:32px;display:flex}.quiz-option.quiz-review-option{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px}.quiz-review-option[data-correct=true]{background:var(--secondary);border-color:var(--accent)}.quiz-review-option[data-wrong=true]{border-color:color-mix(in srgb, var(--destructive) 35%, var(--border))}.quiz-review-letter{border:1.5px solid var(--foreground);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid}.quiz-review-option-copy{overflow-wrap:anywhere;min-width:0;font-size:16px;line-height:24px}.quiz-review-status{color:var(--muted-foreground);align-items:center;gap:4px;margin-top:8px;font-size:12px;line-height:18px;display:flex}.quiz-review-status svg{stroke-width:2px;flex-shrink:0;width:14px;height:14px}.quiz-review-option[data-wrong=true] .quiz-review-status{color:var(--destructive)}.quiz-review-explanation{margin-top:28px}.quiz-review-explanation h2{margin-top:24px;font-size:18px;font-weight:600;line-height:28px}.quiz-review-explanation p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:16px;line-height:28px}.quiz-review-footer{border-top:1px solid var(--border);background:var(--background);padding:12px 16px max(16px, env(safe-area-inset-bottom));position:sticky;bottom:0}.quiz-review-footer>div{justify-content:space-between;gap:16px;max-width:704px;margin:auto;display:flex}.quiz-review-footer button{flex:1}@media (min-width:768px){.quiz-review-header{padding:12px 32px}.quiz-review-header-row{gap:16px}.quiz-review-content{padding:48px 32px 40px}.quiz-review-footer{padding:16px 32px 24px;position:static}.quiz-review-footer button{flex:0 auto;min-width:176px}}@media (max-width:359px){.quiz-review-header-row{grid-template-columns:auto minmax(0,1fr)}.quiz-review-position{text-align:right;grid-column:2}}.reading-book-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px;display:flex}.reading-book-actions>a{flex:none}.reading-record-action{min-height:44px;color:var(--muted-foreground);border-radius:4px;align-items:center;font-size:14px;display:inline-flex}.reading-record-action:hover{color:var(--foreground);text-underline-offset:4px;text-decoration:underline}.reading-record-action:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.reading-book[data-two-actions=true] .reading-book-copy{grid-column:3/-1}.book-records h2{letter-spacing:normal;font-size:14px;font-weight:600;line-height:20px}.book-records h3{font-size:16px;font-weight:500;line-height:24px}.reading-locked-book{margin-block:-8px;padding-block:8px;position:relative}.reading-locked-trigger{z-index:1;background:color-mix(in srgb, var(--background) 48%, transparent);cursor:pointer;border-radius:12px;width:calc(100% + 20px);transition:background-color .15s;position:absolute;inset:0 -10px}.reading-locked-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.reading-locked-book>.reading-book{pointer-events:none;position:relative}.reading-locked-book .reading-record-action{z-index:2;background:var(--background);pointer-events:auto;position:relative}.reading-locked-icon{width:18px;height:18px;color:var(--foreground);position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.reading-locked-trigger:hover{background:color-mix(in srgb, var(--background) 38%, transparent)}}.reading-locked-trigger:active{background:color-mix(in srgb, var(--background) 58%, transparent)}@media (prefers-reduced-motion:reduce){.reading-locked-trigger{transition:none}}.result-cat-response{mix-blend-mode:multiply;transform-origin:50% 85%;flex-shrink:0;animation:.5s cubic-bezier(.22,1,.36,1) .15s both cat-greeting;display:block}@keyframes cat-greeting{0%,to{transform:rotate(0)}35%{transform:rotate(-6deg)translateY(-2px)}70%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){.result-cat-response{animation:none}}.reading-book-anchor{scroll-margin-top:32px}.reading-book-anchor:target{outline:2px solid var(--ring);outline-offset:10px;border-radius:4px}.reading-preparing-book{margin-block:-8px;padding-top:8px;padding-bottom:48px;position:relative}.reading-preparing-trigger{background:color-mix(in srgb, var(--background) 40%, transparent);cursor:pointer;border-radius:12px;justify-content:flex-end;align-items:flex-end;width:calc(100% + 16px);padding:8px;display:flex;position:absolute;inset:0 -8px}.reading-preparing-label{background:var(--background);color:var(--foreground);border-radius:6px;padding:4px 10px;font-size:14px;line-height:24px}.reading-preparing-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.reading-preparing-trigger:hover{background:color-mix(in srgb, var(--background) 30%, transparent)}}.quiz-stem-row,.quiz-review-stem{font-size:30px}.quiz-stem-mark{border-radius:45% 55% 60% 40%/65% 35%;align-self:stretch;margin-block:.25em;transform:rotate(1.5deg)}.quiz-doodle-stars{background:var(--doodle-muted);opacity:.6;pointer-events:none;flex-shrink:0;width:52px;height:48px;margin:20px 6px 0 auto;display:block;-webkit-mask:url(/illustrations/profile-stars.svg) 50%/contain no-repeat;mask:url(/illustrations/profile-stars.svg) 50%/contain no-repeat}@media (max-width:767px){.quiz-stem-row,.quiz-review-stem{font-size:26px}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.reading-back,.reading-action,.reading-record-action{min-height:32px}.result-actions>a:first-child{gap:8px;min-height:40px;font-size:14px;font-weight:500}.result-actions>a:first-child svg{width:16px;height:16px}.quiz-review-back{margin-inline-start:-12px}}