@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;800;900&display=swap";:root{--bg:#f6f7fb;--surface:#fff;--border:#e3e6ee;--text:#1d2333;--text-sub:#5b647a;--primary:#3554d1;--primary-hover:#2a44b0;--primary-soft:#eaeefc;--accent:#0e9f6e;--accent-soft:#e6f6f0;--danger:#d64545;--danger-soft:#fdecec;--mark:#fff3bf;--radius:12px;--shadow:0 1px 3px #141e3c14}*{box-sizing:border-box;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.65;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}h1,h2,h3{line-height:1.35}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}textarea,input[type=text],input[type=password]{border:1px solid var(--border);width:100%;font:inherit;color:inherit;background:var(--surface);resize:vertical;border-radius:8px;padding:10px 12px}textarea:focus,input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 18px}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{color:var(--text-sub);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px}.container{max-width:880px;margin:0 auto;padding:24px 20px 80px}.section-title{align-items:center;gap:8px;margin:0 0 14px;font-size:18px;font-weight:700;display:flex}.section-title .badge{color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.label .opt{color:var(--text-sub);font-size:13px;font-weight:400}.hint{color:var(--text-sub);font-size:13px}.error-box{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:12px 14px;font-size:14px}mark{background:var(--mark);border-radius:3px;padding:0 2px}.chip{background:var(--primary-soft);color:var(--primary);border-radius:999px;margin:0 6px 6px 0;padding:3px 12px;font-size:13px;font-weight:600;display:inline-block}table.vocab{border-collapse:collapse;width:100%;font-size:14px}table.vocab th,table.vocab td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}table.vocab th{background:var(--bg);white-space:nowrap;font-weight:600}table.vocab td.word{white-space:nowrap;font-weight:700}@media print{body{background:#fff;font-size:12px}.no-print{display:none!important}.card{box-shadow:none;border:none;padding:0 0 18px}.container{max-width:none;padding:0}mark{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--colors-primary:#cc785c;--colors-primary-hover:#a9583e;--colors-primary-disabled:#e6dfd8;--colors-accent-teal:#5db8a6;--colors-accent-amber:#e8a55a;--colors-canvas:#faf9f5;--colors-surface-soft:#f5f0e8;--colors-surface-card:#efe9de;--colors-surface-cream-strong:#e8e0d2;--colors-surface-dark:#181715;--colors-surface-dark-elevated:#252320;--colors-surface-dark-soft:#1f1e1b;--colors-hairline:#e6dfd8;--colors-hairline-soft:#ebe6df;--colors-ink:#141413;--colors-body:#3d3d3a;--colors-muted:#6c6a64;--colors-muted-soft:#8e8b82;--rounded-sm:6px;--rounded-md:8px;--rounded-lg:12px;--rounded-xl:16px;--rounded-pill:9999px;--beam-bg:var(--colors-canvas);--beam-card-bg:var(--colors-surface-card);--beam-text:var(--colors-ink);--beam-text-muted:var(--colors-muted);--beam-accent:var(--colors-primary);--beam-success:var(--colors-accent-teal);--beam-accent-glow:#cc785c26;--beam-border:var(--colors-hairline);--beam-card-hover:var(--colors-surface-cream-strong)}body{background-color:var(--colors-canvas)!important;color:var(--colors-body)!important;font-family:Inter,Noto Sans KR,sans-serif!important}h1,h2,h3,h4,h5,.editorial-title,h1 *,h2 *,h3 *,h4 *,h5 *,.editorial-title *{letter-spacing:-.015em!important;color:var(--colors-ink)!important;font-family:"Source Serif 4",Noto Sans KR,Georgia,serif!important;font-weight:700!important}@keyframes bookPulse{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1.03)translateY(-4px)}}@keyframes pageFlyLeft{0%{opacity:.9;transform:translate(0)rotate(0)scale(1)}50%{opacity:1;transform:translate(-36px)rotate(-12deg)scale(.92)}to{opacity:.9;transform:translate(0)rotate(0)scale(1)}}@keyframes pageFlyRight{0%{opacity:.9;transform:translate(0)rotate(0)scale(1)}50%{opacity:1;transform:translate(36px)rotate(12deg)scale(.92)}to{opacity:.9;transform:translate(0)rotate(0)scale(1)}}@keyframes laserScan{0%{opacity:.3;top:0%}50%{opacity:.9;top:100%}to{opacity:.3;top:0%}}.animate-book-pulse{animation:3s ease-in-out infinite bookPulse}.animate-page-left{animation:2.4s ease-in-out infinite pageFlyLeft}.animate-page-right{animation:2.4s ease-in-out infinite pageFlyRight}.animate-laser-scan{animation:2s ease-in-out infinite laserScan}.a4-page-preview,.a4-page-preview *,#lecturePassageParagraph,#lecturePassageParagraph *,.lecture-sentence,.lecture-sentence *,.ordering-box,.ordering-box *,.insertion-box,.insertion-box *,.options-grid,.options-grid *,.question-choices-card,.question-choices-card *,.question-choices-list,.question-choices-list *,.choice-row,.choice-row *,.choice-text,.choice-label,.choices,.choices *{font-family:"Source Serif 4",Noto Sans KR,Georgia,serif!important}.beam-dark-mode{--beam-bg:var(--colors-surface-dark)!important;--beam-card-bg:var(--colors-surface-dark-elevated)!important;--beam-text:#faf9f5!important;--beam-text-muted:#a09d96!important;--beam-accent:var(--colors-primary)!important;--beam-success:var(--colors-accent-teal)!important;--beam-accent-glow:#cc785c40!important;--beam-border:var(--colors-surface-dark-soft)!important;--beam-card-hover:var(--colors-surface-dark-soft)!important}.glassmorphism{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--colors-hairline);background:#efe9ded9}.gradient-bg{background:linear-gradient(135deg, var(--colors-canvas) 0%, var(--colors-surface-soft) 100%)}.theme-glow{box-shadow:0 4px 20px #1414130a}.a4-page-preview{min-h:297mm;background:var(--colors-canvas);border:1px solid var(--colors-hairline);box-sizing:border-box;border-radius:var(--rounded-xl);width:210mm;margin:0 auto 30px;padding:25mm 20mm 20mm;position:relative;box-shadow:0 4px 30px #1414130d}.tab-active{border-color:var(--colors-primary);color:var(--colors-primary);font-weight:700}.insertion-box,.ordering-box{border:1px solid var(--colors-hairline);background-color:var(--colors-surface-card);border-radius:var(--rounded-lg);color:var(--colors-body);text-align:left;word-break:keep-all;margin-top:10px;margin-bottom:16px;padding:16px 20px;font-weight:500;line-height:1.8;font-family:"Source Serif 4",Georgia,serif!important;font-size:14px!important}.beam-dark-mode .insertion-box,.beam-dark-mode .ordering-box{background-color:var(--colors-surface-dark-elevated);border-color:var(--colors-surface-dark-soft);color:#faf9f5}.ordering-paragraph{color:var(--colors-body)!important;text-align:left!important;word-break:keep-all!important;margin-top:16px!important;margin-bottom:16px!important;font-family:"Source Serif 4",Noto Sans KR,Georgia,serif!important;font-size:13.5px!important;font-weight:500!important;line-height:1.85!important}.paragraph-label{color:var(--colors-primary)!important;margin-right:8px!important;font-size:14.5px!important;font-weight:700!important}.options-grid-sequence{border-top:1px dashed var(--colors-hairline);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px;line-height:1.65;display:grid;color:var(--colors-body)!important;font-family:"Source Serif 4",Noto Sans KR,Georgia,serif!important;font-weight:500!important}.options-grid-sequence>div:nth-child(5){grid-column:span 2}#lectureOptionsArea .options-grid-sequence{font-size:14.5px!important}#lectureOptionsArea .options-grid-sequence div{padding:4px 0}#previewContentArea .options-grid-sequence{font-size:12px!important}.blank-underline{border-bottom:1.5px solid var(--colors-ink);min-width:140px;height:4px;margin:0 4px;display:inline-block;position:relative;bottom:-1px}.beam-dark-mode .blank-underline{border-bottom-color:#cbd5e1}u{text-decoration:underline;-webkit-text-decoration-color:var(--colors-primary);text-decoration-color:var(--colors-primary);text-underline-offset:4px;text-decoration-thickness:2px}.beam-dark-mode u{text-decoration-color:#fbbf24}.options-grid{border-top:1px dashed var(--colors-hairline);text-align:left;grid-template-columns:repeat(1,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:14px;line-height:1.65;display:grid;color:var(--colors-body)!important;font-family:"Source Serif 4",Georgia,serif!important;font-weight:500!important}#lectureOptionsArea .options-grid{font-size:14.5px!important}#lectureOptionsArea .options-grid div{padding:4px 0}#previewContentArea .options-grid{font-size:12px!important}#lectureViewer{background-color:var(--beam-bg);color:var(--beam-text);min-height:100vh;transition:background-color .3s,color .3s}.beam-tab-btn{border-radius:var(--rounded-md);border:1px solid var(--beam-border);background-color:var(--beam-card-bg);color:var(--beam-text-muted);padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s}.beam-tab-btn.active{background-color:var(--beam-accent);border-color:var(--beam-accent);box-shadow:0 2px 8px #cc785c40;color:#fff!important}.beam-grid{grid-template-columns:1fr;gap:20px;padding:20px;display:grid}@media (width>=1024px){.beam-grid{grid-template-columns:6.2fr 3.8fr}}.lecture-sentence{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background-color .15s,box-shadow .15s;position:relative}.lecture-sentence:hover{background-color:var(--beam-accent-glow);box-shadow:0 0 4px var(--beam-accent)}.gold-glow-pulse{border-bottom:2px dashed #f59e0b;animation:2s infinite alternate goldPulse}@keyframes goldPulse{0%{background-color:#f59e0b0d;box-shadow:0 0 2px #f59e0b33}to{background-color:#f59e0b33;box-shadow:0 0 10px #f59e0b80}}.spotlight-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:none;background-color:#020617d9;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.spotlight-backdrop.active{opacity:1;pointer-events:auto}.spotlight-card{background-color:var(--beam-card-bg);border:1px solid var(--beam-border);color:var(--beam-text);border-radius:24px;width:100%;max-width:800px;padding:32px;transition:transform .25s cubic-bezier(.16,1,.3,1);transform:scale(.95);box-shadow:0 25px 50px -12px #00000080}.spotlight-backdrop.active .spotlight-card{transform:scale(1)}.paraphrase-bridge{flex-direction:column;gap:12px;margin-top:10px;display:flex}.paraphrase-item{background-color:var(--beam-card-bg);border:1.5px solid var(--beam-border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.relation-badge{text-transform:uppercase;border-radius:6px;width:fit-content;padding:2px 6px;font-size:9px;font-weight:800;display:inline-block}.wrong-accordion{border:1px solid var(--beam-border);background-color:var(--beam-card-bg);border-radius:12px;margin-bottom:8px;overflow:hidden}.wrong-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;font-weight:700;transition:background-color .2s;display:flex}.wrong-header:hover{background-color:var(--beam-card-hover)}.wrong-body{background-color:var(--beam-card-bg);border-top:0px solid var(--beam-border);max-height:0;transition:max-height .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.wrong-body.active{border-top-width:1px}.timeline-container{border-left:2px dashed var(--beam-border);flex-direction:column;gap:16px;margin-top:10px;padding-left:16px;display:flex;position:relative}.timeline-node{position:relative}.timeline-dot{background-color:var(--beam-accent);border:2px solid var(--beam-card-bg);border-radius:9999px;width:12px;height:12px;position:absolute;top:4px;left:-23px}.panel-tab-bar{border-bottom:1.5px solid var(--beam-border);margin-bottom:16px;display:flex}.panel-tab-btn{text-align:center;color:var(--beam-text-muted);border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:11.5px;font-weight:700;transition:all .2s}.panel-tab-btn.active{color:var(--beam-accent);border-bottom-color:var(--beam-accent)}.tts-reading{transition:background-color .25s,box-shadow .25s;background-color:#6366f126!important;border-radius:6px!important;box-shadow:0 0 12px #6366f159!important}.beam-dark-mode .tts-reading{background-color:#f59e0b33!important;box-shadow:0 0 12px #f59e0b73!important}.tts-sentence-btn{color:#6366f1;cursor:pointer;opacity:0;vertical-align:middle;background-color:#6366f11a;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:22px;height:22px;margin-left:6px;font-size:11px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),background-color .2s;display:inline-flex;transform:scale(.85)}.lecture-sentence:hover .tts-sentence-btn{opacity:1;transform:scale(1)}.tts-sentence-btn:hover{color:#fff;background-color:#6366f1;transform:scale(1.1)!important}.beam-dark-mode .tts-sentence-btn{color:#fbbf24;background-color:#f59e0b26}.beam-dark-mode .tts-sentence-btn:hover{color:#1f1e1b;background-color:#fbbf24}.tts-inline-play-btn{background-color:var(--colors-surface-card);border:1px solid var(--colors-hairline);color:var(--colors-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin-left:8px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.tts-inline-play-btn:hover{background-color:var(--colors-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #cc785c26}.beam-dark-mode .tts-inline-play-btn{background-color:var(--colors-surface-dark-elevated);border-color:var(--colors-surface-dark-soft);color:#fbbf24}.beam-dark-mode .tts-inline-play-btn:hover{color:#1c1917;background-color:#fbbf24}.tts-control-active{background-color:var(--colors-primary)!important;color:#fff!important;border-color:var(--colors-primary)!important}.beam-dark-mode .tts-control-active{color:#1c1917!important;background-color:#fbbf24!important;border-color:#fbbf24!important}@media (width<=768px){.container{padding:16px 12px 60px}.header-inner{padding:10px 14px}.brand{font-size:15px}nav a{padding:6px 10px;font-size:13px}.card{border-radius:10px;padding:16px 14px}.section-title{flex-wrap:wrap;font-size:16px}table.vocab{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}table.vocab th,table.vocab td{padding:8px 6px;font-size:13px}button{touch-action:manipulation;min-height:42px;padding:8px 14px}input[type=text],textarea,select{font-size:16px!important}.modal-content-box{border-radius:14px!important;width:94vw!important;max-height:85vh!important;padding:18px 16px!important}}@media (width<=480px){.container{padding:12px 8px 50px}.brand{font-size:14px}.btn-primary,.btn-ghost{padding:8px 12px;font-size:13px}}.spotlight-ready-pulse{background-color:#f59e0b38!important;border-radius:8px!important;outline:2px solid #f59e0b!important;transition:all .15s!important;animation:1.2s ease-in-out infinite pulseGlow!important;box-shadow:0 0 16px #f59e0b8c!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #f59e0b59}50%{box-shadow:0 0 22px #f59e0bbf}}header.svelte-12qhfyh{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.header-inner.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:16px;max-width:880px;margin:0 auto;padding:12px 20px;display:flex}.brand.svelte-12qhfyh{color:var(--text);font-size:17px;font-weight:800}.brand.svelte-12qhfyh:hover{text-decoration:none}nav.svelte-12qhfyh{align-items:center;gap:4px;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-sub);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:var(--bg);text-decoration:none}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--primary);background:var(--primary-soft)}body.lecture-mode-active header{display:none!important}