:root{--reading-font-size:17px;--reading-ink:var(--reading-ink-dark,#fff);--reading-option-bg:#15243a;--reading-option-border:#6c87a5;--reading-selected-bg:#203f57;--reading-selection:#b6ffe1}
:root[data-reading-size=large]{--reading-font-size:20px}
:root[data-reading-size=extra]{--reading-font-size:22px}
:root[data-theme=light]{--reading-ink:var(--reading-ink-light,#111);--reading-option-bg:#fff;--reading-option-border:#71829a;--reading-selected-bg:#dcecff;--reading-selection:#246c56}
.app-shell.light{--reading-ink:var(--reading-ink-light,#111);--reading-option-bg:#fff;--reading-option-border:#71829a;--reading-selected-bg:#dcecff;--reading-selection:#246c56}
reading-preferences{display:block;margin:18px 0 22px;min-width:0}
.reading-tools{padding:0 15px;border:1px solid #57768d;border-radius:10px;background:#142238;color:#eef6ff}
.reading-tools summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:650;cursor:pointer;list-style:none}
.reading-tools summary::-webkit-details-marker{display:none}
.reading-tools summary>span{display:grid;place-items:center;min-width:31px;height:29px;border:1px solid #7aa1bc;border-radius:6px;color:#d5f8e9;font-size:17px}
.reading-tools summary:after{content:'펼치기';margin-left:auto;font-size:12px;font-weight:500;color:#cedbeb}
.reading-tools[open] summary:after{content:'접기'}
.reading-tools-body{padding:0 0 15px}
.reading-tools-body>p{font-size:13px;line-height:1.8;margin:6px 0 16px;color:#d3dfee}
.reading-tools fieldset{padding:0;border:0;margin:0;min-width:0}
.reading-tools legend{font-size:14px;font-weight:600;color:#eef6ff;margin-bottom:9px}
.reading-size-buttons{display:flex;flex-wrap:wrap;gap:8px}
.reading-tools button{min-height:44px;min-width:64px;border:1px solid #6e8caa;border-radius:7px;padding:8px 13px;background:#20354e;color:#f4f8ff;font:inherit;font-size:14px;cursor:pointer;line-height:1.6;box-shadow:none}
.reading-tools button[aria-pressed=true]{background:#c2ffe4;border:2px solid #d9ffec;color:#133a2a;font-weight:750}
.reading-brightness{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:#eef6ff;margin:18px 0}
.reading-brightness input{flex:1;min-width:100px;max-width:300px;min-height:44px;accent-color:#c2ffe4}
.reading-brightness output{min-width:46px;text-align:right;color:#f6faff;font-variant-numeric:tabular-nums;font-size:14px}
.reading-tools-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.reading-save-note{font-size:12px;color:#d0ddec;line-height:1.8}
.reading-tools :is(button,input,summary):focus-visible{outline:3px solid #b9e6ff;outline-offset:3px}
:is(.answer-options label,.g-options label,.option,.part5-option){font-size:var(--reading-font-size)!important;line-height:1.85!important;font-weight:550;color:var(--reading-ink)!important;background-color:var(--reading-option-bg);border-color:var(--reading-option-border);opacity:1;min-height:58px}
.answer-options label{align-items:flex-start;padding:17px 15px;gap:12px}
.answer-options label>span:last-child,.g-option-text,.option>span:nth-child(2),.part5-option strong{min-width:0;overflow-wrap:anywhere;color:var(--reading-ink)!important;-webkit-text-fill-color:currentColor;opacity:1;line-height:1.85}
.part5-option strong{font-size:var(--reading-font-size)!important;font-weight:550}
.answer-options .option-letter{width:30px;height:30px;font-size:14px;line-height:1.5;background:#273e59;color:#f1f7ff;border-color:#8fa5bf;font-weight:700}
.answer-options.ox .option-letter{font-size:23px;width:35px;height:35px}
.g-options .g-option-letter{font-size:15px;color:var(--reading-ink);font-weight:750;min-width:24px}
.option{grid-template-columns:28px minmax(0,1fr) 22px}
.option>span:first-child{font-size:16px;color:var(--reading-ink);font-weight:750}
:is(.answer-options input,.g-options input,.option input,.part5-option input){width:21px;height:21px;min-width:21px;margin-top:5px;opacity:1}
:is(.answer-options label.chosen,.g-options label:has(input:checked),.option.selected,.part5-option.selected){background-color:var(--reading-selected-bg)!important;color:var(--reading-ink)!important;border:2px solid var(--reading-selection)!important;box-shadow:0 0 0 1px var(--reading-selection)}
:is(.word-bank button,.word-answer button,.foundation-options button){font-size:var(--reading-font-size)!important;line-height:1.75!important;min-height:48px}
.word-card{height:auto;min-height:50px}
.word-select{font-size:var(--reading-font-size)!important;line-height:1.65!important;color:var(--reading-ink)!important;font-weight:600}
.word-bank button:disabled{opacity:.75;text-decoration:line-through;text-decoration-thickness:1px}
.typed-answer textarea{font-size:var(--reading-font-size)!important;line-height:1.85}
.typed-answer textarea:disabled{opacity:1;-webkit-text-fill-color:var(--reading-ink);color:var(--reading-ink)}
@media(max-width:760px){:root{--reading-font-size:18px}:root[data-reading-size=large]{--reading-font-size:20px}:root[data-reading-size=extra]{--reading-font-size:22px}.reading-tools{padding:0 12px}.reading-tools summary{font-size:15px}.reading-tools-body>p,.reading-save-note{font-size:13px}.reading-size-buttons button{flex:1}.reading-brightness{gap:9px}.reading-brightness input{min-width:95px}.answer-options label{padding:15px 12px;gap:10px}.g-options label{padding:15px 12px}.option{padding:15px 12px}}
@media(forced-colors:active){:is(.answer-options label,.g-options label,.option,.part5-option){color:CanvasText!important;background:Canvas;border-color:CanvasText}.reading-tools{forced-color-adjust:auto}}
