:where(.reading-collection,.reading-collection-dialog) .mr-task{max-width:850px;margin-inline:auto}:where(.reading-collection,.reading-collection-dialog) .mr-task h2{text-align:center;max-width:60ch;margin:0 auto 24px;font-size:24px;line-height:1.45}:where(.reading-collection,.reading-collection-dialog) .mr-progress{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;margin-bottom:18px;font-size:14px}:where(.reading-collection,.reading-collection-dialog) .mr-emblem{aspect-ratio:1;stroke-width:5px;fill:none;width:100%;max-width:180px;height:100%;color:var(--accent);margin:auto;display:block}:where(.reading-collection,.reading-collection-dialog) .mr-study-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:740px;margin:28px auto;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-design{background:var(--soft);aspect-ratio:1;border-radius:12px;min-width:0;padding:14px}:where(.reading-collection,.reading-collection-dialog) .mr-probe{aspect-ratio:1;width:220px;max-width:70%;margin:30px auto}:where(.reading-collection,.reading-collection-dialog) .mr-probe .mr-emblem{max-width:none}:where(.reading-collection,.reading-collection-dialog) .mr-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:740px;margin:28px auto 4px;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-categories button{white-space:normal;min-width:0;min-height:60px;line-height:1.4}:where(.reading-collection,.reading-collection-dialog) .mr-comparison{grid-template-columns:1fr 1fr;align-items:center;gap:30px;max-width:600px;margin:24px auto;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-comparison figure{min-width:0;margin:0}:where(.reading-collection,.reading-collection-dialog) .mr-comparison figcaption{text-align:center;color:var(--muted);margin:10px 0;font-size:14px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-review-art{max-width:180px;height:160px;margin:auto}:where(.reading-collection,.reading-collection-dialog) .mr-old-set{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-old-set>span{aspect-ratio:1;max-height:78px;display:block}:where(.reading-collection,.reading-collection-dialog) .mr-compact .mr-review-art{height:120px}:where(.reading-collection,.reading-collection-dialog) .mr-task .feedback>p{text-align:center;max-width:65ch;margin:12px auto}:where(.reading-collection,.reading-collection-dialog) .mr-summary{font-size:21px}:where(.reading-collection,.reading-collection-dialog) .mr-results details{border-bottom:1px solid var(--line);padding-block:16px}:where(.reading-collection,.reading-collection-dialog) .mr-results details:last-child{border:0}:where(.reading-collection,.reading-collection-dialog) .mr-results summary{line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-results details>p{max-width:65ch;margin-inline:auto}:where(.reading-collection,.reading-collection-dialog) .mr-audio-setup{grid-column:1/-1;line-height:1.6}:where(.reading-collection,.reading-collection-dialog) .mr-audio-setup>p{color:var(--muted);max-width:65ch;margin-bottom:10px}:where(.reading-collection,.reading-collection-dialog) .mr-audio-setup button{margin-right:12px}:where(.reading-collection,.reading-collection-dialog) .mr-listen-symbol{min-height:210px;color:var(--accent);justify-content:center;align-items:center;gap:28px;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-listen-symbol svg{stroke-width:3px;width:100px;height:100px}:where(.reading-collection,.reading-collection-dialog) .mr-listen-symbol>span{color:var(--ink);font-variant-numeric:tabular-nums;font-size:24px}:where(.reading-collection,.reading-collection-dialog) .mr-shown-word{text-align:center;overflow-wrap:anywhere;background:var(--soft);border-radius:12px;place-items:center;max-width:650px;min-height:210px;margin:20px auto;padding:24px;font-size:clamp(30px,5vw,44px);font-weight:600;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-mode-note,:where(.reading-collection,.reading-collection-dialog) .mr-audio-message{color:var(--muted);max-width:65ch;margin:16px auto;line-height:1.65}:where(.reading-collection,.reading-collection-dialog) .mr-answer-slots{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:24px auto 28px;padding:0;list-style:none;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-answer-slots li{border-bottom:2px solid var(--line);align-items:center;gap:8px;min-width:110px;min-height:54px;padding-bottom:5px;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-answer-slots button{white-space:normal;border-radius:8px;min-height:44px;padding:8px 12px}:where(.reading-collection,.reading-collection-dialog) .mr-order-number{font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0;font-size:14px}:where(.reading-collection,.reading-collection-dialog) .mr-empty-slot{min-width:74px;min-height:44px;display:inline-block}:where(.reading-collection,.reading-collection-dialog) .mr-word-choices{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:24px auto;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-word-choices button{white-space:normal;min-width:96px;min-height:52px;padding:10px 18px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-secondary-actions{flex-wrap:wrap;gap:12px;margin-right:auto;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-order-comparison{grid-template-columns:1fr 1fr;gap:28px;max-width:650px;margin:24px auto;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-order-comparison h3{margin:0 0 12px;font-size:17px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-word-order{gap:8px;margin:0;padding:0;list-style:none;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-word-order li{background:var(--soft);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:12px;min-height:44px;padding:8px 10px;line-height:1.5;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-word-mismatch{outline:1px solid var(--bad);outline-offset:-1px}:where(.reading-collection,.reading-collection-dialog) .mr-round-review+.mr-round-review{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}:where(.reading-collection,.reading-collection-dialog) .mr-round-review h3{font-size:20px}:where(.reading-collection,.reading-collection-dialog) .mr-cover-patterns{justify-content:center;align-items:center;gap:24px;width:100%;max-width:280px;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-cover-patterns .mr-emblem{width:100px;height:100px}:where(.reading-collection,.reading-collection-dialog) .mr-listen-cover{text-align:center;width:100%}:where(.reading-collection,.reading-collection-dialog) .mr-listen-cover>svg{stroke-width:3px;width:70px;height:70px;color:var(--accent);margin:0 auto 8px}:where(.reading-collection,.reading-collection-dialog) .mr-listen-cover>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-listen-cover span{background:var(--card);border-radius:8px;padding:5px 10px;font-size:17px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-demo{align-content:center;justify-items:center;gap:10px;width:100%;min-width:0;display:grid}:where(.reading-collection,.reading-collection-dialog) .mr-demo-design{width:90px;height:90px}:where(.reading-collection,.reading-collection-dialog) .mr-demo-pair{justify-content:center;align-items:center;gap:20px;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-demo-pair .mr-emblem{width:86px;height:86px}:where(.reading-collection,.reading-collection-dialog) .mr-demo-answers{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}:where(.reading-collection,.reading-collection-dialog) .mr-demo-answers button{background:var(--card);color:var(--ink);border:1px solid var(--border);white-space:normal;border-radius:8px;min-height:44px;padding:7px 10px;font-size:14px;line-height:1.4}:where(.reading-collection,.reading-collection-dialog) .mr-demo-answers button:not(:disabled):hover{background:var(--soft)}:where(.reading-collection,.reading-collection-dialog) .mr-demo-speaker svg{stroke-width:3px;width:66px;height:66px;color:var(--accent)}:where(.reading-collection,.reading-collection-dialog) .mr-demo-word{overflow-wrap:anywhere;font-size:21px;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-demo .demo-feedback{text-align:center;margin:0;line-height:1.5}:where(.reading-collection,.reading-collection-dialog) .mr-demo>.text-button{margin:0}:where(.reading-collection,.reading-collection-dialog) .mini[data-expanded=yes]:has(.mr-demo){height:auto;min-height:230px}:where(.reading-collection,.reading-collection-dialog) .mini[data-expanded=yes]:has(.mr-demo) .mini-stage{min-height:155px}@media (width<=650px){:where(.reading-collection,.reading-collection-dialog) .mr-task h2{margin-bottom:20px;font-size:21px}:where(.reading-collection,.reading-collection-dialog) .mr-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:390px}:where(.reading-collection,.reading-collection-dialog) .mr-design{padding:12px}:where(.reading-collection,.reading-collection-dialog) .mr-categories{grid-template-columns:1fr}:where(.reading-collection,.reading-collection-dialog) .mr-categories button{min-height:52px}:where(.reading-collection,.reading-collection-dialog) .mr-comparison{gap:16px}:where(.reading-collection,.reading-collection-dialog) .mr-review-art{height:130px}:where(.reading-collection,.reading-collection-dialog) .mr-old-set{gap:4px}:where(.reading-collection,.reading-collection-dialog) .mr-old-set>span{max-height:55px}:where(.reading-collection,.reading-collection-dialog) .mr-order-comparison{gap:16px}:where(.reading-collection,.reading-collection-dialog) .mr-order-comparison h3{font-size:16px}:where(.reading-collection,.reading-collection-dialog) .mr-word-choices{gap:9px}:where(.reading-collection,.reading-collection-dialog) .mr-word-choices button{min-width:84px;padding:10px 12px}:where(.reading-collection,.reading-collection-dialog) .mr-answer-slots{justify-content:flex-start;gap:10px}:where(.reading-collection,.reading-collection-dialog) .mr-answer-slots li{min-width:100px}:where(.reading-collection,.reading-collection-dialog) .mr-secondary-actions{justify-content:space-between;width:100%;margin:0}:where(.reading-collection,.reading-collection-dialog) .mr-listen-symbol{min-height:180px}:where(.reading-collection,.reading-collection-dialog) .mr-listen-symbol svg{width:84px;height:84px}:where(.reading-collection,.reading-collection-dialog) .mr-shown-word{min-height:180px}:where(.reading-collection,.reading-collection-dialog) .mr-word-order li{gap:8px;padding:8px}:where(.reading-collection,.reading-collection-dialog) .mr-audio-setup button{margin:4px 8px 4px 0}}:where(.reading-collection,.reading-collection-dialog) .mr-categories button,:where(.reading-collection,.reading-collection-dialog) .mr-word-choices button{border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:10px}:where(.reading-collection,.reading-collection-dialog) .mr-categories button:not(:disabled):hover,:where(.reading-collection,.reading-collection-dialog) .mr-word-choices button:not(:disabled):hover{background:var(--soft);text-decoration:none}:where(.reading-collection,.reading-collection-dialog) .mr-answer-slots button{background:var(--soft);border:1px solid var(--border);color:var(--ink)}:where(.reading-collection,.reading-collection-dialog) .mr-word-order .mr-mismatch-mark{color:var(--bad);flex-shrink:0;margin-inline-start:auto;font-weight:700}
