@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700;900&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f5f2eb;--ink:#282e2b;--muted:#82867d;--line:#deddd3;--green:#536756;--red:#a54636;--serif:'Noto Serif KR',Batang,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'Noto Sans KR',sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23776f55' opacity='.055' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:#faf9f4;color:var(--ink);padding:11px 16px;transition:background .15s}button:hover{background:#e7e9df}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7a66c;outline-offset:2px}.dark,.primary{background:var(--ink);color:white;border-color:var(--ink)}.dark:hover,.primary:hover{background:#475349}.primary{background:var(--green);border-color:var(--green);display:flex;justify-content:space-between;margin-top:20px;padding:15px 19px}.full{width:100%}.text-button{border:0;padding:0;background:none;color:var(--green);font-size:12px}.text-button:hover{background:none;text-decoration:underline}header{height:90px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:inherit;display:flex;gap:13px;align-items:center;font:700 25px var(--serif)}.brand small{font:12px 'Noto Sans KR';border-left:1px solid #c9cbbf;padding-left:14px;margin-left:13px;color:#777e71}.seal{background:var(--red);color:#fff3e2;font:20px var(--serif);padding:6px 7px;border-radius:2px;outline:1px solid var(--red);outline-offset:3px}.header-right{display:flex;align-items:center;gap:24px}.local-note{color:var(--muted);font-size:12px}main{max-width:1380px;margin:auto;padding:40px 5% 45px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:2px}h1{font:600 33px var(--serif);margin:12px 0}p{line-height:1.8;color:#797e74;margin:8px 0}.intro p{font-size:13px}.chapter{font:20px var(--serif);color:#9b9e8d;letter-spacing:9px;writing-mode:vertical-rl;max-height:100px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px}.panel{padding:23px;background:#fbfaf6b8;border:1px solid var(--line);border-radius:7px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}h2{font-size:15px;margin:0;font-weight:600}.step{font:18px var(--serif);color:var(--green)}.badge{font-size:10px;background:#e9ece3;color:var(--green);padding:4px 8px;border-radius:4px;margin-left:auto}label{display:block;font-size:12px;margin-bottom:10px;margin-top:16px;font-weight:500}select,input,textarea{width:100%;border:1px solid #dcded3;border-radius:4px;background:#fffefa;color:var(--ink);padding:11px;margin-top:8px}select{cursor:pointer}textarea{resize:vertical;line-height:1.8;margin-top:0}.range-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.segmented{display:flex;gap:8px}.segmented button{flex:1;padding:11px 5px;font-size:13px}.segmented small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.segmented .active{background:#e9ede3;border-color:var(--green);color:#3f5944}.muted{font-size:11px;color:var(--muted);font-weight:400;margin-left:7px}.timer-buttons{display:flex;gap:8px}.timer-buttons button:first-child{flex:1}.hint{font-size:11px;color:var(--muted);line-height:1.7}.panel>.hint{text-align:center;margin-bottom:0}.guide{margin-top:18px}.guide .step{float:left;margin-right:10px}.guide p{font-size:12px;margin-top:16px}.guide-bottom{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--green)}.guide-bottom span{margin:0 15px}.preview-panel{border:1px solid #d4d8cc;border-radius:7px;overflow:hidden;background:#fbfaf6}.preview-heading,.preview-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:12px}.live-dot{display:inline-block;width:6px;height:6px;background:#6a886a;border-radius:50%;margin-right:8px}.preview-footer{color:var(--muted);font-size:10px;border-top:1px solid var(--line)}iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--paper)}#quizControl{margin-top:20px}.empty-control{display:flex;gap:20px;align-items:center;padding:2px 5px}.calligraphy{font:48px var(--serif);color:#9aab94}.empty-control h3{font:500 17px var(--serif);margin:0}.empty-control p{font-size:12px}.storage-note{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:16px 3px}.library{margin-top:28px}.library-layout{display:grid;grid-template-columns:240px 1fr;gap:34px}.page-inputs{display:flex;align-items:center;gap:10px}.bulk-footer{display:flex;justify-content:space-between;align-items:center}.library .section-title{margin-bottom:6px}.library label{margin-top:10px}#validation{font-size:12px;color:var(--red)}footer{border-top:1px solid var(--line);padding:25px 5%;font:17px var(--serif);color:#8d9687}footer span{font:11px 'Noto Sans KR';margin-left:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;z-index:10;border-radius:6px;max-width:90vw}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.question-teacher{font:600 22px var(--serif)}.teacher-answer{color:var(--green);margin-left:15px;font-size:16px}.rules{font-size:11px;color:var(--muted);line-height:1.8}.student-body{background:#202722;overflow:hidden}.student-body #student{height:100dvh;display:flex;align-items:center;justify-content:center}.student-body.embed{background:var(--paper)}#slide{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);position:relative;overflow:hidden;background:var(--paper);container-type:size;background-image:inherit}.slide-inner{height:100%;position:relative;padding:5cqw 7cqw;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.slide-top{display:flex;justify-content:space-between;width:100%;font-size:1.3cqw;letter-spacing:.2cqw;color:#687260}.slide-top .stamp{color:var(--red);border:1px solid var(--red);padding:.5cqw .8cqw;font-family:var(--serif)}.slide-title{font:500 7cqw var(--serif);margin:3.2cqw 0 1cqw;letter-spacing:-.3cqw}.slide-range{font:400 2.6cqw var(--serif);color:#747663;margin-bottom:1.5cqw}.ornament{width:7cqw;border-top:1px solid #929b82;margin:1cqw auto}.timer-ring{width:19cqw;height:19cqw;position:relative}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke:#dfe2d6;stroke-width:3}.timer-ring .progress{stroke:var(--green);stroke-linecap:round;stroke-dasharray:565.487;stroke-dashoffset:565.487}.clock-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.clock{font:400 4.4cqw Georgia,serif;font-variant-numeric:tabular-nums}.clock-center small{font-size:1.1cqw;color:#89917f;margin-top:.6cqw}.slide-bottom{position:absolute;bottom:3cqw;left:7cqw;right:7cqw;display:flex;justify-content:space-between;font-size:1.1cqw;letter-spacing:.15cqw;color:#7e8876}.landscape{position:absolute;bottom:-1%;left:0;width:100%;height:44%;opacity:.23;pointer-events:none}.branch{position:absolute;top:0;right:0;width:28%;height:35%;opacity:.8;pointer-events:none}#fullscreen{position:fixed;bottom:15px;right:15px;font-size:11px;opacity:.25;z-index:5}#fullscreen:hover{opacity:1}.embed #fullscreen{display:none}.quiz-title{font:500 3.2cqw var(--serif);margin:3cqw 0 1cqw}.quiz-prompt{font:600 6cqw var(--serif);margin:2.3cqw 0}.answer-box{border:1px solid #bcc5af;min-width:19cqw;height:15cqw;display:flex;align-items:center;justify-content:center;font:500 10cqw var(--serif);background:#fffefa70;color:var(--green)}.answer-box.hidden-answer{font:2cqw var(--serif);color:#9caa91}.quiz-caption{font-size:1.5cqw;color:#76876d;margin-top:2cqw}.reels{display:flex;gap:2cqw;margin:3cqw 0 1cqw}.reel{width:17cqw;height:19cqw;border:1px solid #bac4aa;border-radius:1cqw;background:#fffcf4c9;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 1cqw 2cqw #68726012;font:600 4cqw var(--serif)}.reel img{height:9cqw;max-width:12cqw;object-fit:contain;margin-bottom:1cqw}.reel small{font:1.5cqw 'Noto Sans KR'}.reel.spinning{animation:shake .15s infinite}.reward{font:600 3cqw var(--serif);color:var(--green);margin-top:1.5cqw}.coin{border-radius:50%;background:#dac080;border:double .6cqw #a28342;width:10cqw;height:10cqw;display:flex;align-items:center;justify-content:center;font-size:2.6cqw;color:#725725}.slide-message{font:500 5cqw var(--serif);margin-top:8cqw}@keyframes shake{50%{transform:translateY(.8cqw);filter:blur(1px)}}@media(max-width:900px){main{padding:25px 4%}.workspace{grid-template-columns:260px 1fr;gap:15px}.panel{padding:18px}.header-right .local-note{display:none}.intro h1{font-size:28px}.library-layout{grid-template-columns:210px 1fr}.storage-note{line-height:1.8}}@media(max-width:700px){header{height:75px}.brand small{display:none}.workspace{grid-template-columns:1fr}.right-column{grid-row:1}.library-layout{grid-template-columns:1fr;gap:12px}.chapter{display:none}.intro h1{font-size:26px}.library .section-title .muted{display:none}.guide{display:none}.storage-note{font-size:11px}.preview-heading{padding:12px}.preview-heading .muted{display:none}}