:root{--navy:#002B49;--teal:#146E7A;--paper:#F5F7F7;--line:#DCE4E6;--gold:#B08A2E;--white:#fff;--sans:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;--serif:Batang,'Noto Serif KR',serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:14px/1.75 var(--sans);word-break:keep-all;overflow-wrap:break-word}button,textarea,input{font:inherit}a{color:var(--teal);text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{max-width:1280px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-weight:700;font-size:16px}.brand-symbol{font-size:27px;color:var(--gold)}.brand-en{font:10px Consolas,monospace;letter-spacing:.15em;margin-left:8px;color:var(--teal)}.lesson-link{font-size:12px;text-decoration:none}main{max-width:1280px;padding:0 32px;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:38px 0 30px}.eyebrow{font:700 11px/1.7 var(--sans);letter-spacing:.08em;color:var(--teal);margin:0 0 11px}h1,h2,h3{margin:0;font-family:var(--serif);line-height:1.5;letter-spacing:-.025em}h1{font-size:34px}h2{font-size:19px}h3{font-size:22px}.mobile-break{display:none}.intro-note{margin:0 0 5px;color:var(--teal);font-size:13px}
.workspace{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:26px;align-items:start}.reading-panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--teal);font-size:12px;padding:4px 0}.reading-panel form>label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--navy);padding:13px 15px;resize:vertical;line-height:1.7}textarea::placeholder{color:#66787f;font-size:13px}#question{display:block;min-height:84px}textarea:read-only{background:var(--paper)}.question-examples{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.question-examples button,.suggestions button{border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--teal);padding:5px 10px;font-size:11px}.question-examples button:hover,.suggestions button:hover{border-color:var(--teal);background:var(--paper)}.form-note{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--teal);margin:8px 0 17px}
.card-table{position:relative;background:var(--navy);border-radius:16px;padding:19px 22px 15px;color:var(--paper);overflow:hidden}.card-table::before{content:'';position:absolute;inset:10px;border:1px solid #dce4e625;border-radius:10px;pointer-events:none}.table-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.04em;color:var(--line);margin:0 3px 12px}.table-caption>span:last-child{color:#d0b66a}.spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.slot{min-width:0;text-align:center}.position{display:block;font-size:10px;letter-spacing:.04em;color:var(--line);margin-bottom:8px}.card-button{position:relative;display:block;background:none;border:0;padding:4px;width:100%;border-radius:10px}.card-button img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 7px 7px #0003);transition:transform .2s ease}.card-button img.reversed{transform:rotate(180deg)}.card-button:disabled{opacity:1}.card-button[aria-pressed=true]{outline:2px solid #d0b66a;outline-offset:1px}.card-button:hover:not(:disabled){background:#ffffff18}.slot b{display:block;font-size:12px;margin-top:10px;font-weight:700}.slot small{font-size:10px;color:var(--line)}.table-hint{font-size:10px;color:var(--line);text-align:center;margin:14px 0 0}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:17px}.actions>button{background:var(--navy);border:1px solid var(--navy);color:var(--white);border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700}.actions>button:hover:not(:disabled){background:var(--teal);border-color:var(--teal)}.actions>button.secondary{color:var(--navy);background:var(--white);border-color:var(--line)}.check{font-size:11px;display:flex;align-items:center;gap:5px;color:var(--teal)}#read{margin-left:auto}#status{font-size:11px;min-height:20px;margin:10px 0 0;color:var(--teal)}#status.error,#chat-status.error{color:#A6432E}
.card-detail{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:22px 0 6px;margin-top:20px}.card-detail>img{width:90px;height:auto;align-self:start;border-radius:6px}.card-detail>img.reversed{transform:rotate(180deg)}.card-detail .eyebrow{margin-bottom:2px;font-size:10px}.card-detail h3{font-size:22px}.detail-en{margin:0 0 10px;font:10px/1.8 Consolas,monospace;color:var(--teal)}.keywords{display:flex;gap:5px;flex-wrap:wrap}.keywords span{font-size:10px;background:var(--line);padding:2px 7px;border-radius:4px}#detail-description{font-size:12px;margin:9px 0}.detail-footnote{font-size:10px;color:var(--teal);margin:10px 0 0}
.chat-panel{position:sticky;top:20px;display:flex;flex-direction:column;height:740px;max-height:calc(100dvh - 40px);min-height:560px;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 28px #002b4905;min-width:0}.chat-heading{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.chat-heading h2{font-size:17px}.chat-heading p{margin:3px 0 0;font-size:10px;color:var(--teal)}.avatar{width:38px;height:38px;background:var(--navy);border-radius:50%;display:grid;place-items:center;color:#d0b66a;font-size:23px;flex-shrink:0}.live-label{margin-left:auto;font:10px Consolas,monospace;border:1px solid var(--line);padding:3px 7px;border-radius:5px;color:var(--teal)}.messages{padding:20px;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100%;padding:30px 0}.welcome-star{font-size:52px;color:var(--gold);line-height:1;margin-bottom:22px}.welcome h3{font-size:23px}.welcome p{font-size:12px;color:var(--teal);line-height:1.9;margin:16px 0 22px}.sample-question{font-size:11px;border:1px dashed var(--line);padding:10px 13px;border-radius:8px;color:var(--teal)}.message{margin:0 0 20px;animation:arrive .18s ease-out}.message-label{display:block;font-size:10px;color:var(--teal);margin:0 0 6px}.message-body{white-space:pre-wrap;line-height:1.9;font-size:13px;padding:14px 16px;border-radius:0 12px 12px 12px;background:var(--paper)}.message.user{margin-left:32px}.message.user .message-label{text-align:right}.message.user .message-body{background:var(--navy);color:white;border-radius:12px 0 12px 12px}.message.pending .message-body{color:var(--teal);font-size:12px}.thinking-dots{display:inline-block;letter-spacing:3px;animation:pulse 1.1s infinite;margin-left:8px}.suggestions{padding:0 17px 11px;display:flex;flex-wrap:wrap;gap:6px}.suggestions button{font-size:10px;padding:4px 9px}.chat-form{border-top:1px solid var(--line);padding:14px 17px 11px;background:var(--white)}.composer{display:flex;gap:8px;align-items:flex-end}.composer textarea{min-height:68px;max-height:130px;padding:10px 12px;resize:none;font-size:12px}.composer textarea::placeholder{font-size:11px}.composer button{background:var(--teal);color:white;border:0;border-radius:8px;padding:12px 14px;white-space:nowrap;font-size:12px}.composer button span{margin-left:5px}.chat-note,#chat-status{font-size:10px;margin:8px 0 0;color:var(--teal)}#chat-status:empty{display:none}footer{margin:32px 0 24px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--teal)}footer p{margin:3px 0}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.3}}
@media(max-width:1080px){.workspace{gap:20px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.spread{gap:12px}.card-table{padding:18px 16px 14px}.actions{gap:8px}.actions>button{padding:10px 12px}#read{width:100%;margin-left:0}.intro-note{font-size:12px}.chat-heading{padding:16px;gap:9px}.chat-heading h2{font-size:16px}}
@media(max-width:800px){.site-header{padding:16px 20px}main{padding:0 20px}.intro{padding:29px 0 24px;display:block}.intro-note{margin:12px 0 0}.intro-note br{display:none}h1{font-size:30px}.workspace{grid-template-columns:1fr;gap:24px}.chat-panel{position:static;height:640px;min-height:0;max-height:none}.card-table{padding:21px 25px 17px}.spread{gap:25px;max-width:490px;margin:auto}.card-button img{max-height:230px}.actions>button{padding:12px 15px}#read{width:auto;margin-left:auto}.card-detail{grid-template-columns:85px minmax(0,1fr)}.card-detail>img{width:85px}.brand{font-size:14px}.brand-en{font-size:9px}.lesson-link{font-size:10px}.chat-heading{padding:18px 20px}.messages{padding:20px}}
@media(max-width:450px){.site-header{padding:13px 16px}.brand{gap:7px}.brand-en{display:none}.brand-symbol{font-size:23px}.lesson-link{font-size:10px}main{padding:0 16px}.mobile-break{display:block}.intro{padding:24px 0}h1{font-size:28px}.intro-note{font-size:11px}.panel-heading{margin-bottom:14px}h2{font-size:18px}.reading-panel form>label{font-size:12px}.form-note{font-size:9px}.card-table{padding:18px 13px 14px}.table-caption{font-size:10px}.spread{gap:10px}.slot b{font-size:11px}.position{font-size:9px}.card-button{padding:3px}.table-hint{font-size:9px}.actions>button{font-size:11px}.check{font-size:10px}#read{width:100%;margin-left:0}.card-detail{gap:14px;grid-template-columns:70px minmax(0,1fr)}.card-detail>img{width:70px}.card-detail h3{font-size:20px}.chat-panel{height:600px}.chat-heading h2{font-size:16px}.chat-heading{padding:16px}.messages{padding:16px}.message-body{font-size:12px;padding:12px 13px}.message.user{margin-left:22px}.chat-form{padding:12px}.suggestions{padding:0 12px 10px}.composer button{padding:12px 10px}.composer button span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.site-header,.question-examples,.actions,.chat-form,.suggestions,.text-button,.form-note,#status,footer{display:none}.workspace{display:block}.chat-panel{position:static;height:auto;max-height:none;border:0}.messages{overflow:visible}.message{break-inside:avoid}.reading-panel{break-after:page}.card-table{background:var(--paper);color:var(--navy)}.position,.table-caption,.slot small,.table-hint{color:var(--navy)}}