:root{--paper:#eef1f3;--sheet:#fff;--ink:#1b2740;--muted:#566076;--rule:#cdd3db;--accent:#1f4e8c;--on-accent:#fff;--pen:#c1272d;--ok:#17693c;--reading:#e3edf9;--reading-rule:#a9c3e4;--writing:#fbf0d3;--writing-rule:#dcc07f;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif KR", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#12161e;--sheet:#1b212c;--ink:#e8ecf3;--muted:#a5aebd;--rule:#38414f;--accent:#9cc0f2;--on-accent:#10203a;--pen:#ff8d86;--ok:#7fd6a0;--reading:#1b2b42;--reading-rule:#3a5a86;--writing:#33290f;--writing-rule:#6f5c26}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Yu Gothic,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.65}.page{max-width:620px;margin:0 auto;padding:28px 16px 64px}.page h1{overflow-wrap:anywhere;margin:0 0 4px;font-size:1.5rem;line-height:1.3}.page h2{margin:8px 0 0;font-size:1.1rem;line-height:1.4}h3{margin:8px 0 0;font-size:1rem}.topbar{background:var(--sheet);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:4px 16px;padding:8px 16px;display:flex}.topbar a{color:var(--muted);border-bottom:2px solid #0000;padding:8px 0;text-decoration:none}.topbar a:hover{color:var(--ink)}.topbar a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.topbar .spacer{flex:1}.topbar button{min-height:36px;color:var(--muted);border-color:#0000;padding:4px 10px}.topbar button:hover{color:var(--ink);border-color:var(--rule)}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row>a{align-items:center;min-height:44px;padding:0 12px 0 0;display:inline-flex}label{flex-direction:column;gap:4px;font-weight:600;display:flex}input,select,textarea{width:100%;min-height:44px;font:inherit;color:inherit;background:var(--sheet);border:1px solid var(--rule);border-radius:4px;padding:10px 12px;font-weight:400}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237a8496' stroke-width='2'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical}.answer-input{line-height:1.9}button{min-height:44px;font:inherit;color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:10px 16px}button:hover:not(:disabled){background:var(--sheet)}button.primary{color:var(--on-accent);background:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.12)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-underline-offset:2px}.note{color:var(--muted);margin:0;font-size:.875rem}.error{color:var(--pen);margin:0}.success{color:var(--ok);margin:0}.links{margin-top:16px}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:4px;padding:16px}.card h2{overflow-wrap:anywhere;margin:0;font-size:1rem}.card h3{margin:0}.kind-reading,.kind-writing{min-height:calc(100vh - 54px)}.kind-reading{background:var(--reading)}.kind-writing{background:var(--writing)}.attempt-reading{border-left:4px solid var(--reading-rule)}.attempt-writing{border-left:4px solid var(--writing-rule)}.prose{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.passage{font-family:var(--serif);background:var(--sheet);border:1px solid var(--rule);border-radius:4px;padding:20px;font-size:1.0625rem;line-height:1.85}.answer-sheet{font-family:var(--serif);background:var(--sheet);border-left:3px solid var(--rule);padding:12px 16px}.page h2.score{color:var(--pen);border:2px solid var(--pen);border-radius:50%;align-self:flex-start;margin:12px 0 4px;padding:8px 24px;font-size:1.5rem;transform:rotate(-2deg)}.correction{border-bottom:1px solid var(--rule);gap:4px;padding:12px 0}.correction-from{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--pen);text-decoration-color:var(--pen);text-decoration-thickness:2px}.correction-to{color:var(--pen);font-weight:600}
