:root{color-scheme:dark;--bg:#102522;--deep:#132c28;--paper:#faf5e9;--ink:#1b3430;--muted:#61736a;--gold:#e4bd74;--line:#d9dfcd;--red:#a84739;--green:#286b52;--head:70px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:calc(var(--head) + 16px)}body{margin:0;background:radial-gradient(ellipse at 10% 0,#244338 0,transparent 48%),var(--bg);color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #cc942c;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}.topbar{height:var(--head);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#102522f5;backdrop-filter:blur(16px);border-bottom:1px solid #476052}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:1px}.brand small{font-size:12px;font-weight:400;margin-left:12px;color:#b7c9b9;letter-spacing:0}.brand-mark{border:1px solid var(--gold);color:var(--gold);width:34px;height:36px;display:grid;place-items:center;font-family:serif;font-size:22px}.top-actions{display:flex;align-items:center;gap:20px;font-size:13px}.progress-track{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#35463c}.progress-track span{height:100%;width:0;display:block;background:var(--gold);transition:width .25s}.text-button{background:transparent;color:#d3decf;border:1px solid #526954;padding:7px 12px;border-radius:20px;font-size:12px}.intro{position:fixed;left:max(28px,calc((100vw - 1120px)/2));top:160px;width:260px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}.intro h1{font-family:Georgia,'Apple SD Gothic Neo',serif;font-size:42px;line-height:1.25;letter-spacing:-2px;margin:23px 0}.intro p{font-size:14px;color:#bcccbc;line-height:1.9}.sample-tag{display:inline-block;margin:16px 0 24px;border-bottom:1px solid #7e916e;padding:0 0 8px;color:var(--gold);font-size:12px}.intro .aside-note{font-size:11px;color:#8faa97}#jumpNav{display:grid;grid-template-columns:repeat(5,33px);gap:8px}#jumpNav a{display:grid;place-items:center;height:33px;border:1px solid #53705a;border-radius:50%;font-size:12px;color:#cad9c7}#jumpNav a.current{border-color:var(--gold);color:var(--gold)}#jumpNav a.done{background:#446849;color:#fff;border-color:#7c9a6f}.intro #reset{margin-top:20px;font-size:10px}#feed{max-width:660px;margin:20px max(24px,calc((100vw - 1120px)/2)) 60px auto}.question-card{position:relative;scroll-snap-align:start;scroll-margin-top:calc(var(--head) + 16px);min-height:calc(100svh - var(--head) - 40px);border:1px solid #f4e8cb;border-radius:18px;background:var(--paper);color:var(--ink);margin-bottom:26px;padding:26px 30px 22px;box-shadow:0 15px 50px #00140d30;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.episode{font-size:11px;letter-spacing:1px;color:var(--muted)}.episode b{color:#9d7732;font-size:15px;margin-right:6px}.topic{font-size:10px;border:1px solid #c5d1bc;border-radius:20px;padding:4px 9px;color:#4d6655}.work{margin:0 0 3px;font-size:12px;font-weight:600;color:#53704f}.author{color:#81907a;font-weight:400;font-size:10px;margin-left:7px}.quote-label{margin-top:14px;font-size:10px;color:#778371}blockquote{font-family:Georgia,'Apple SD Gothic Neo',serif;font-size:18px;line-height:1.65;white-space:pre-line;margin:9px 0 20px;padding:3px 0 3px 16px;border-left:3px solid #caa565;letter-spacing:-.4px}.question-card h2{font-size:19px;line-height:1.55;letter-spacing:-.55px;margin:0 0 18px}.question-card h2 em{font-style:normal;color:#a34731;background:#eedccd;padding:0 3px}.options{display:grid;gap:8px}.option{display:flex;gap:11px;align-items:flex-start;text-align:left;background:#fffdf7;color:#233d31;border:1px solid #d3d9c9;border-radius:10px;padding:12px 13px;font-size:13px;line-height:1.6;transition:background .15s,border-color .15s}.option:hover:not(:disabled){background:#edf0dd;border-color:#8ea677}.option .number{flex:0 0 22px;height:22px;display:grid;place-items:center;border:1px solid #d1d8c6;border-radius:50%;font-size:10px;line-height:1;background:#fffdf7;color:#607556;margin-top:1px}.option.correct{border-color:#3d8462;background:#e4efdf}.option.correct .number{background:#376d4e;border-color:#376d4e;color:white}.option.wrong{border-color:#b96555;background:#fae7df}.option.wrong .number{background:var(--red);border-color:var(--red);color:white}.option:disabled{opacity:1}.choice-status{font-size:10px;color:#b45b41;display:block;margin-top:3px}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:23px;font-size:10px;color:#78816b}.source-button{color:#4a684c;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:5px 0;font-size:11px}.feedback{margin-top:18px;border-top:1px solid #d1d9c3;padding-top:18px}.feedback h3{font-size:15px;margin:0 0 8px;color:var(--green)}.feedback.is-wrong h3{color:var(--red)}.feedback p{font-size:13px;line-height:1.8;margin:8px 0}.mutation{padding:10px 12px;background:#eae9d8;border-radius:7px;font-size:11px!important;color:#5c624b}.feedback details{margin:12px 0;font-size:11px}.feedback summary{cursor:pointer;color:#576b4d;padding:6px 0}.rationale{margin:7px 0;padding:8px 10px;background:#eeefdf;border-radius:6px}.next{background:var(--ink);color:var(--paper);padding:11px 18px;border-radius:24px;font-size:12px;margin-top:10px;display:block;width:100%}.source-inline{font-size:10px;color:#667357;line-height:1.65}.summary-card{min-height:420px;justify-content:center;text-align:center;scroll-snap-align:start}.summary-card .seal{width:57px;height:65px;line-height:1.2;padding:7px;border:2px solid #ad6246;border-radius:5px;color:#ad6246;font-size:20px;font-family:serif;margin:0 auto 24px}.summary-card h2{font-size:29px;margin-bottom:12px}.summary-card p{font-size:13px;color:var(--muted)}.summary-score{font-size:46px;color:var(--green);font-weight:700;margin:5px 0}.summary-score small{font-size:14px;font-weight:400}.summary-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.summary-actions button{background:#e4e7d5;color:#3c5b42;padding:10px 15px;border-radius:22px;font-size:12px}.summary-actions button.primary{background:var(--ink);color:var(--paper)}dialog{border:1px solid #62745e;background:#faf5e9;color:var(--ink);padding:0;border-radius:14px;width:min(980px,96vw);max-height:92dvh}dialog::backdrop{background:#051e18d9;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#e8ecdc;position:sticky;top:0;z-index:2}dialog h2{font-size:19px;margin:4px 0}dialog header small{font-size:10px;color:#738267;letter-spacing:1px}.close{background:#d6ddc9;color:#355344;border-radius:50%;font-size:25px;line-height:1;width:34px;height:34px}#sourceLocation{font-size:12px;padding:0 22px}#sourceTabs{display:flex;gap:8px;padding:0 22px 12px}#sourceTabs button{padding:7px 11px;border:1px solid #9dae8d;border-radius:18px;background:transparent;color:var(--ink);font-size:12px}#sourceTabs button.active{background:var(--ink);color:#fff}.source-scroll{max-height:61dvh;overflow:auto;background:#d1d6c9;padding:12px}.source-scroll img{display:block;max-width:100%;height:auto;margin:auto;cursor:zoom-in}.source-scroll img.zoomed{max-width:none;width:1500px;cursor:zoom-out}.dialog-note{font-size:11px;padding:0 22px;color:#6a775e}.review-warning{background:#efe0c9;color:#755638;font-size:12px;padding:12px 20px;margin:0}#reviewContent{padding:20px}.review-item{border-bottom:1px solid #d0d8c2;padding:0 0 20px;margin-bottom:20px}.review-item h3{font-size:15px;margin:0 0 8px}.review-item p{font-size:12px;line-height:1.7;margin:7px 0}.review-item .answer-tag{background:#e0ead6;color:#2d6048;padding:3px 8px;border-radius:10px;font-size:11px}.review-item button{background:#233f32;color:#fff;font-size:11px;padding:7px 13px;border-radius:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-intro{display:none}
@font-face{font-family:OldHangul;src:url('assets/fonts/NotoOldHangul-Regular.woff2') format('woff2');font-display:swap}
.old-hangul{font-family:OldHangul,serif;font-feature-settings:"ccmp" 1;letter-spacing:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',OldHangul,sans-serif}
blockquote{font-family:Georgia,'Apple SD Gothic Neo','Malgun Gothic',OldHangul,serif}
.intro{top:110px;max-height:calc(100dvh - 130px);overflow:auto;padding-right:8px}.intro h1{margin:17px 0}.sample-tag{margin:8px 0 14px}#jumpNav{grid-template-columns:repeat(6,30px);gap:6px;max-height:228px;overflow:auto;padding:3px 6px 3px 3px}#jumpNav a{height:30px}.intro #reset{margin-top:8px}.restart-body{padding:22px}.home-link{padding:10px 15px;font-size:12px;text-decoration:underline}.episode{white-space:nowrap}.topic{max-width:52%;text-align:right}#mobileReset{display:none}
@media(min-width:1500px){#feed{margin-right:calc((100vw - 1000px)/2 - 70px)}}
@media(max-width:1060px){.intro{width:220px;left:24px}.intro h1{font-size:34px}#feed{max-width:620px;margin-left:275px;margin-right:20px}.question-card{padding:24px}}
@media(max-width:760px){:root{--head:62px}.topbar{padding:0 16px}.brand small{display:none}.brand-mark{width:28px;height:30px;font-size:18px}.brand{font-size:16px}.top-actions{gap:12px;font-size:12px}.text-button{font-size:11px;padding:6px 10px}.intro{display:none}#feed{width:auto;max-width:620px;margin:12px auto 25px;padding:0 12px}.question-card{padding:20px 18px 18px;min-height:calc(100svh - var(--head) - 24px);border-radius:13px;margin-bottom:16px;scroll-margin-top:74px}.card-top{margin-bottom:13px}.topic{font-size:9px}.work{font-size:11px}.author{font-size:9px}blockquote{font-size:16px;line-height:1.65;margin-bottom:15px}.question-card h2{font-size:17px;margin-bottom:14px}.option{font-size:12px;padding:10px;gap:9px;line-height:1.65}.options{gap:7px}.card-foot{padding-top:16px}.feedback p{font-size:12px}.quote-label{font-size:9px}.summary-card h2{font-size:24px}.summary-card{min-height:480px}dialog header{padding:14px 16px}#sourceLocation{padding:0 16px}.source-scroll{max-height:60dvh}.review-item h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track span,.option{transition:none}}
@media(max-width:760px){.option{font-size:14px;line-height:1.6}#mobileReset{display:inline-block}.top-actions{gap:5px}.brand{gap:6px;font-size:13px;letter-spacing:-.5px}.brand small{display:block;margin:0;font-size:8px;letter-spacing:0}.topbar{padding:0 11px}.brand-mark{width:25px;height:28px;font-size:17px}.text-button{font-size:10px;padding:6px 8px}.topic{font-size:9px}.episode{font-size:9px}.episode b{font-size:14px}.restart-body{font-size:14px}}
