/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.stroke-1{stroke-width:1px}.stroke-2{stroke-width:2px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#18221d;--ink-soft:#526259;--paper:#fffdf7;--paper-deep:#f3efe2;--canvas:#e9eee7;--canvas-deep:#dfe7df;--line:#9cab9f;--spine:#263c31;--moss:#667a69;--class-1:#2764dc;--class-1-soft:#e7efff;--class-2:#b73b91;--class-2-soft:#fae8f5;--class-3:#168568;--class-3-soft:#dff5ee;--activity:#b66d22;--activity-soft:#fff0dd;--shadow:0 22px 70px #1d2f2529;--shadow-small:0 9px 30px #1d2f2521}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--canvas);font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}button{color:inherit;font:inherit}button:focus-visible{outline-offset:4px;outline:4px solid #f6a93b}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.course-map-app,.map-viewport{width:100%;height:100%}.map-viewport{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:radial-gradient(circle at 18% 20%, #ffffffb8, transparent 30%), radial-gradient(circle at 82% 78%, #cfdcd0b8, transparent 34%), linear-gradient(145deg, var(--canvas), var(--canvas-deep));position:relative;overflow:hidden}.map-viewport:active{cursor:grabbing}.course-world{transform-origin:0 0;will-change:transform;background-image:linear-gradient(#4c655614 2px,#0000 2px),linear-gradient(90deg,#4c655614 2px,#0000 2px);background-size:160px 160px;position:absolute;top:0;left:0}.world-heading{width:1780px;color:var(--spine);text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:84px;left:1410px}.world-heading span{letter-spacing:.12em;text-transform:uppercase;font-size:50px;font-weight:700}.world-heading strong{letter-spacing:-.05em;margin-top:10px;font-family:Georgia,Times New Roman,serif;font-size:150px;line-height:1}.world-heading small{color:var(--ink-soft);margin-top:28px;font-size:40px}.central-spine{background:linear-gradient(90deg,#1f3128,#536a5d 45%,#1e3027);border-radius:20px;width:36px;position:absolute;top:360px;bottom:220px;left:2282px;box-shadow:0 0 0 12px #fff6}.chapter-zone{width:4600px;height:660px;position:absolute;left:0}.chapter-zone:after{content:"";background:linear-gradient(90deg,#0000,#4d615461,#0000);height:2px;position:absolute;bottom:-50px;left:720px;right:720px}.chapter-node{z-index:4;border:18px solid var(--paper);background:var(--paper);width:94px;height:94px;box-shadow:inset 0 0 0 7px var(--spine), 0 7px 22px #1c2d2440;border-radius:50%;position:absolute;top:306px;left:2253px}.node-fill{background:var(--spine);clip-path:inset(100% 0 0);border-radius:50%;transition:clip-path .26s;position:absolute;inset:0}.chapter-node.is-partial .node-fill{clip-path:inset(50% 0 0)}.chapter-node.is-done .node-fill{clip-path:inset(0)}.chapter-node.is-live{box-shadow:inset 0 0 0 7px #d68528,0 7px 22px #1c2d2440}.chapter-zone.is-active .chapter-node{box-shadow:inset 0 0 0 7px #d68528,0 0 0 8px #d685284d,0 7px 22px #1c2d2440}.chapter-paper{z-index:3;width:1060px;min-height:560px;color:var(--ink);text-align:left;background:linear-gradient(90deg, #75633f1c, transparent 5%), var(--paper);box-shadow:var(--shadow);border:3px solid #4f594a33;border-radius:12px 30px 30px 12px;padding:48px 58px;position:absolute;top:70px;left:1770px;overflow:hidden}.chapter-focus-target{width:100%;color:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.chapter-paper:before{content:"";background:#997e4a45;width:2px;position:absolute;top:18px;bottom:18px;left:30px}.paper-topline,.paper-title-row,.paper-footnote{display:flex}.section-outline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:176px;margin-top:28px;display:grid;overflow:hidden}.section-outline-label{color:var(--spine);align-items:baseline;gap:14px;margin-top:24px;font-size:24px;font-weight:900;display:flex}.section-outline-label small{color:var(--ink-soft);font-size:16px;font-weight:700}.section-outline-item{min-width:0;min-height:82px;color:var(--ink);text-align:left;cursor:zoom-in;background:#fffef9f0;border:2px solid #2f413624;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:baseline;gap:3px 12px;padding:12px 16px;display:grid}.section-outline-item small{color:var(--activity);font-size:18px;font-weight:900}.section-outline-item b{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Noto Serif KR,serif;font-size:20px;overflow:hidden}.section-outline-item i{color:var(--ink-soft);grid-column:2;font-size:14px;font-style:normal}.page-detail-layer{z-index:12;width:4600px;position:absolute;top:0;left:0}.textbook-page-row{width:4600px;height:1150px;position:absolute;left:0}.textbook-page-row:after{content:"";background:linear-gradient(90deg,#0000,#4d61544d,#0000);height:2px;position:absolute;bottom:-46px;left:1480px;right:350px}.page-rib-line{z-index:0;background:linear-gradient(90deg, var(--moss), #667a6929);border-radius:99px;width:1810px;height:14px;position:absolute;top:565px;left:2610px}.pdf-page-card{z-index:3;width:780px;height:1130px;color:var(--ink);text-align:left;background:var(--paper);cursor:zoom-in;border:3px solid #38483e33;border-radius:12px 24px 24px 12px;grid-template-rows:66px minmax(0,1fr);padding:18px;display:grid;position:absolute;top:0;left:1910px;overflow:hidden;box-shadow:0 18px 48px #1d2f2533}.pdf-page-heading{border-bottom:2px solid #33433924;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:2px 5px 12px;display:flex}.pdf-page-heading>span{flex-direction:column;min-width:0;display:flex}.pdf-page-heading small{color:var(--activity);font-size:14px;font-weight:900}.pdf-page-heading strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Noto Serif KR,serif;font-size:22px;overflow:hidden}.page-number-pair{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.page-number-pair b{color:var(--spine);flex:none;font-size:19px}.page-number-pair small{color:var(--ink-soft);font-size:12px}.page-teach-action{z-index:8;color:#fff;cursor:pointer;background:#244d39;border:2px solid #244d39;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex;position:absolute;top:76px;left:2440px;box-shadow:0 8px 20px #1f43313d}.page-section-start{z-index:5;background:linear-gradient(90deg, var(--activity), #bf742d26);pointer-events:none;border-radius:99px;align-items:center;height:4px;display:flex;position:absolute;left:21px;right:21px}.page-section-start b{color:#fffdf8;background:var(--activity);border-radius:99px;margin-left:-6px;padding:4px 12px;font-size:34px;font-weight:900;line-height:1.1}.pdf-page-thumbnail,.pdf-page-placeholder{background:#fff;place-items:center;min-width:0;min-height:0;margin-top:14px;display:grid;position:relative;overflow:hidden}.pdf-page-thumbnail canvas{object-fit:contain;display:block;width:100%!important;height:100%!important}.pdf-page-thumbnail>span{color:var(--ink-soft);background:linear-gradient(135deg,#f7f4eb,#fffdf8);place-items:center;font-size:17px;font-weight:800;display:grid;position:absolute;inset:0}.pdf-page-placeholder{color:var(--ink-soft);background-color:#fffef9;background-image:linear-gradient(#3d4e440f 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-content:center;gap:16px}.pdf-page-placeholder b{color:var(--spine);font-family:Georgia,serif;font-size:72px}.pdf-page-placeholder small{text-align:center;max-width:430px;font-size:18px}.page-scene-rib{z-index:4;width:1710px;height:1130px;position:absolute;top:0;left:2690px}.page-scene-rib .scene-rib-card{top:315px}.page-scene-empty{width:430px;min-height:108px;color:var(--ink-soft);background:#fffdf8cc;border:3px dashed #364e4033;border-radius:18px;flex-direction:column;gap:6px;padding:20px 26px;display:flex;position:absolute;top:490px;left:270px}.page-scene-empty strong{color:var(--ink);font-size:22px}.page-scene-empty small{color:#7f8b84;font-size:13px}.page-scene-empty span{font-size:17px}.paper-topline{color:var(--ink-soft);letter-spacing:.06em;border-bottom:2px solid #3343392e;justify-content:space-between;gap:24px;padding-bottom:22px;font-size:25px;font-weight:700}.paper-title-row{align-items:center;gap:32px;margin-top:35px}.paper-number{width:132px;height:132px;color:var(--paper);background:var(--spine);border-radius:50%;flex:none;place-items:center;font-family:Georgia,serif;font-size:82px;transition:width .24s,height .24s,font-size .24s;display:grid}.paper-title-row>span:last-child{flex-direction:column;min-width:0;display:flex}.paper-kicker{color:var(--activity);letter-spacing:.08em;margin-bottom:6px;font-size:24px;font-weight:800}.paper-title-row strong{letter-spacing:-.035em;font-family:Georgia,Noto Serif KR,serif;font-size:54px;line-height:1.16;transition:font-size .24s}.paper-footnote{color:#7a8179;justify-content:flex-end;margin-top:18px;font-size:17px}.activity-rib,.lesson-rib{height:660px;position:absolute;top:0}.activity-rib{width:1580px;left:190px}.lesson-rib{width:1580px;left:2830px}.activity-line,.lesson-line{background:var(--line);border-radius:99px;height:16px;position:absolute;top:350px}.activity-line{background:#b66d2229;left:50px;right:0}.line-step{background:var(--activity);border-radius:99px;transition:width .3s;position:absolute;top:0;bottom:0}.line-step.prequiz{width:calc(var(--fill,0) * 50%);right:0}.line-step.practice{width:calc(var(--fill,0) * 50%);background:#b66d22b8;right:50%}.lesson-line{background:linear-gradient(90deg, var(--moss), #667a6933);left:0;right:50px}.activity-card,.lesson-card,.lesson-empty{z-index:2;text-align:left;width:480px;min-height:174px;box-shadow:var(--shadow-small);background:#fffdf7f5;border:3px solid #464f4229;border-radius:22px;flex-direction:column;align-items:flex-start;padding:28px 32px;display:flex;position:absolute}.activity-card{color:#683d18;background:var(--activity-soft);cursor:zoom-in}.activity-card.prequiz{top:271px;right:240px}.activity-card.practice{top:271px;right:800px}.activity-card.is-planned{opacity:.56}.supplemental-resource-card{z-index:5;width:510px;min-height:94px;color:var(--ink);box-shadow:var(--shadow-small);background:#eef4ed;border:3px solid #3f5c4b38;border-radius:16px;flex-direction:column;gap:4px;padding:15px 20px;text-decoration:none;display:flex;position:absolute;right:260px}.supplemental-resource-card:after{content:"";background:linear-gradient(90deg,#78937e,#0000);width:112px;height:6px;position:absolute;top:50%;left:100%}.supplemental-resource-card small{color:#3a785a;font-size:14px;font-weight:900}.supplemental-resource-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.supplemental-resource-card span{color:var(--ink-soft);font-size:14px}.lesson-card{cursor:pointer;width:380px;min-height:210px;top:248px}.lesson-empty{opacity:.58;width:380px;min-height:150px;top:260px;left:300px}.card-eyebrow{color:var(--ink-soft);letter-spacing:.04em;font-size:21px;font-weight:800}.activity-card strong,.lesson-card strong,.lesson-empty strong{margin-top:12px;font-size:29px;line-height:1.25}.activity-card>span:last-child,.lesson-card>span:last-child{color:var(--ink-soft);margin-top:auto;padding-top:16px;font-size:20px}.card-tally{color:#8a5a22;margin-top:6px;font-size:20px;font-weight:800}.class-mark{color:#fff;text-align:center;border-radius:999px;min-width:88px;padding:10px 15px;font-size:20px;font-weight:900;position:absolute;top:-24px;right:22px}.lesson-card.class-1{border-color:var(--class-1)}@supports (color:color-mix(in lab, red, red)){.lesson-card.class-1{border-color:color-mix(in srgb, var(--class-1), transparent 48%)}}.lesson-card.class-1{background:var(--class-1-soft)}.lesson-card.class-2{border-color:var(--class-2)}@supports (color:color-mix(in lab, red, red)){.lesson-card.class-2{border-color:color-mix(in srgb, var(--class-2), transparent 48%)}}.lesson-card.class-2{background:var(--class-2-soft)}.lesson-card.class-3{border-color:var(--class-3)}@supports (color:color-mix(in lab, red, red)){.lesson-card.class-3{border-color:color-mix(in srgb, var(--class-3), transparent 48%)}}.lesson-card.class-3{background:var(--class-3-soft)}.section-capture-ribs{z-index:5;flex-direction:column;justify-content:space-evenly;display:flex;position:absolute;inset:12px 0 12px 18px}.section-capture-rib-row{flex:1 1 0;align-items:center;min-height:0;max-height:160px;display:flex;position:relative}.section-capture-rib-row:before{content:"";background:linear-gradient(90deg, var(--moss), #667a6924);border-radius:999px;height:8px;position:absolute;top:calc(50% - 4px);left:0;right:36px}.section-capture-label{z-index:2;width:304px;height:calc(100% - 8px);min-height:52px;max-height:118px;color:var(--ink);text-align:left;cursor:zoom-in;background:#f7faf4fa;border:3px solid #3954443d;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #1d2f2524}.section-capture-label small{color:#327453;font-size:21px;font-weight:950}.section-capture-label strong{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Noto Serif KR,serif;font-size:21px;overflow:hidden}.section-capture-label span{color:var(--ink-soft);white-space:nowrap;font-size:16px;font-weight:850}.section-capture-strip{z-index:3;flex:1;align-items:center;gap:12px;min-width:0;height:100%;padding-left:14px;display:flex;position:relative;overflow:visible}.section-capture-card{width:260px;height:calc(100% - 8px);min-height:64px;max-height:148px;color:var(--ink);cursor:zoom-in;background:#f5f2e9;border:4px solid #344d3f33;border-radius:14px;flex:0 0 260px;padding:0;transition:transform .15s,box-shadow .15s;display:block;position:relative;overflow:hidden;box-shadow:0 7px 18px #1d2f252e}:is(.section-capture-card:hover,.section-capture-card:focus-visible){z-index:8;transform:translateY(-5px)scale(1.04);box-shadow:0 12px 28px #1d2f2542}.section-capture-card.class-1{border-color:var(--class-1)}@supports (color:color-mix(in lab, red, red)){.section-capture-card.class-1{border-color:color-mix(in srgb, var(--class-1), transparent 24%)}}.section-capture-card.class-2{border-color:var(--class-2)}@supports (color:color-mix(in lab, red, red)){.section-capture-card.class-2{border-color:color-mix(in srgb, var(--class-2), transparent 24%)}}.section-capture-card.class-3{border-color:var(--class-3)}@supports (color:color-mix(in lab, red, red)){.section-capture-card.class-3{border-color:color-mix(in srgb, var(--class-3), transparent 24%)}}.section-capture-thumb{background:linear-gradient(45deg,#44594c0f 25%,#0000 25%) 0 0/18px 18px,#f4f1e9;place-items:center;display:grid;position:absolute;inset:0}.section-capture-thumb img{object-fit:contain;pointer-events:none;width:100%;height:100%}.section-capture-card>.scene-class-badge{min-width:50px;min-height:26px;padding:2px 8px;font-size:13px;position:absolute;top:6px;right:7px;box-shadow:0 3px 9px #18241e33}.section-capture-card-meta{background:#fffdf8eb;justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:5px 9px;display:flex;position:absolute;bottom:0;left:0;right:0}.section-capture-card-meta b{font-size:16px}.section-capture-card-meta small{color:var(--ink-soft);font-size:13px;font-weight:800}.scene-rib-strip{z-index:4;position:absolute;inset:0}.scene-rib-card{width:300px;height:500px;color:var(--ink);text-align:left;cursor:zoom-in;background:#fffdf8;border:4px solid #344d3f29;border-radius:24px;grid-template-rows:minmax(0,1fr) auto;padding:0;transition:transform .16s,box-shadow .16s;display:grid;position:absolute;top:74px;overflow:hidden;box-shadow:0 14px 38px #1d2f252b}:is(.scene-rib-card:hover,.scene-rib-card:focus-visible){z-index:6;transform:translateY(-12px);box-shadow:0 22px 54px #1d2f253b}.scene-rib-card.class-1{border-color:var(--class-1)}@supports (color:color-mix(in lab, red, red)){.scene-rib-card.class-1{border-color:color-mix(in srgb, var(--class-1), transparent 28%)}}.scene-rib-card.class-2{border-color:var(--class-2)}@supports (color:color-mix(in lab, red, red)){.scene-rib-card.class-2{border-color:color-mix(in srgb, var(--class-2), transparent 28%)}}.scene-rib-card.class-3{border-color:var(--class-3)}@supports (color:color-mix(in lab, red, red)){.scene-rib-card.class-3{border-color:color-mix(in srgb, var(--class-3), transparent 28%)}}.scene-thumb-wrap{background:linear-gradient(45deg,#44594c0f 25%,#0000 25%) 0 0/24px 24px,#f4f1e9;place-items:center;min-height:0;display:grid;overflow:hidden}.scene-thumb-wrap img{object-fit:contain;pointer-events:none;width:100%;height:100%}.scene-rib-meta{background:#fffdf8fa;flex-direction:column;gap:5px;min-height:92px;padding:17px 20px 18px;display:flex}.scene-rib-meta strong{font-size:23px}.scene-rib-meta small{color:var(--ink-soft);font-size:16px;font-weight:750}.scene-class-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:58px;min-height:28px;padding:4px 10px;font-size:15px;font-weight:900;display:inline-flex}.scene-rib-card>.scene-class-badge{min-width:68px;min-height:36px;position:absolute;top:14px;right:14px;box-shadow:0 5px 15px #18241e38}.scene-class-badge.class-1{background:var(--class-1)}.scene-class-badge.class-2{background:var(--class-2)}.scene-class-badge.class-3{background:var(--class-3)}.class-1 .class-mark,.replay-class.class-1{background:var(--class-1)}.class-2 .class-mark,.replay-class.class-2{background:var(--class-2)}.class-3 .class-mark,.replay-class.class-3{background:var(--class-3)}.capture-viewer-backdrop{z-index:300;cursor:default;background:#141f19b8;place-items:center;padding:34px;display:grid;position:absolute;inset:0}.capture-viewer{background:#fffdf8;border:1px solid #253a2e2e;border-radius:24px;grid-template-rows:auto minmax(0,1fr);width:min(1120px,100vw - 68px);max-height:calc(100vh - 68px);display:grid;overflow:hidden;box-shadow:0 30px 100px #0b130f61}.capture-viewer>header{border-bottom:1px solid #253a2e1f;justify-content:space-between;align-items:center;min-height:62px;padding:10px 14px 10px 20px;display:flex}.capture-viewer-header-meta{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.capture-viewer-actions{align-items:center;gap:8px;display:flex}.capture-viewer>header button{color:#294c3b;cursor:pointer;background:#294c3b1a;border:0;border-radius:12px;min-width:64px;min-height:42px;font-weight:900}.capture-viewer>header .capture-delete-button{color:#9f332d;background:#b5372e1c}.capture-viewer>header button:disabled{cursor:wait;opacity:.56}.capture-viewer-body{grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.capture-viewer-image{background:#e9e7df;place-items:center;min-height:0;padding:20px;display:grid;overflow:auto}.capture-viewer-image img{object-fit:contain;max-width:100%;max-height:calc(100vh - 170px);display:block;box-shadow:0 10px 35px #19221d29}.capture-replay{grid-template-rows:auto minmax(300px,1fr) auto auto;gap:10px;width:100%;height:100%;min-height:390px;display:grid}:-webkit-any(.capture-replay:-webkit-full-screen,.capture-replay.is-fullscreen-fallback){width:100vw;height:100vh;min-height:0;color:var(--ink);background:#f3f1ea;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:16px}:is(.capture-replay:fullscreen,.capture-replay.is-fullscreen-fallback){width:100vw;height:100vh;min-height:0;color:var(--ink);background:#f3f1ea;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:16px}.capture-replay.is-fullscreen-fallback{z-index:400;position:fixed;inset:0}.capture-replay-view-controls{scrollbar-width:thin;align-items:center;gap:7px;min-width:0;display:flex;overflow-x:auto}.capture-replay-view-controls button{color:#28553f;cursor:pointer;touch-action:manipulation;background:#fffdf8;border:1px solid #2545342e;border-radius:10px;flex:none;min-width:44px;min-height:44px;padding:0 12px;font-size:11px;font-weight:900}.capture-replay-view-controls button[aria-pressed=true]{color:#fff;background:#28553f;border-color:#28553f}.capture-replay-view-controls button:disabled{cursor:default;opacity:.42}.capture-replay-view-controls button:focus-visible{outline-offset:2px;outline:3px solid #226c4b47}.capture-replay-view-controls output{color:#56665d;font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:52px;font-size:11px;font-weight:850}.capture-replay-view-controls .capture-replay-fullscreen-button{color:#fff;background:#28553f;border-color:#28553f;margin-left:auto}.capture-replay-view-controls .capture-replay-fullscreen-button[aria-pressed=true]{background:#9a5b35;border-color:#9a5b35}.capture-replay-stage{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;background:#d7d5ce;border-radius:8px;min-width:0;min-height:300px;padding:12px;display:block;position:relative;overflow:auto}.capture-replay-surface{background:#fff;place-items:center;width:max-content;margin:0 auto;display:grid;position:relative;box-shadow:0 10px 35px #19221d29}.capture-replay-surface.is-blank{background-color:#fffdf8;background-image:linear-gradient(#3053410f 1px,#0000 1px),linear-gradient(90deg,#3053410f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.capture-replay-pdf,.capture-replay-ink{grid-area:1/1;display:block}.capture-replay-ink{z-index:2;pointer-events:none;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.capture-replay-surface{isolation:isolate;contain:paint}.capture-replay-poster{z-index:2;object-fit:contain;background:#fffdf8;width:calc(100% - 24px);height:calc(100% - 24px);display:block;position:absolute;inset:12px;box-shadow:0 10px 35px #19221d29}.capture-replay-loading{z-index:3;color:#405248;background:#fffdf8eb;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:850;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #19221d1f}.capture-replay-fallback{place-items:center;width:100%;height:100%;padding:12px;display:grid}.capture-replay-fallback img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 35px #19221d29}.capture-replay-controls{grid-template-columns:auto auto minmax(110px,1fr) auto;align-items:center;gap:8px;display:grid}.capture-replay-controls button{color:#28553f;cursor:pointer;background:#fffdf8;border:1px solid #25453426;border-radius:10px;min-height:40px;padding:0 13px;font-size:11px;font-weight:900}.capture-replay-controls button:first-child{color:#fff;background:#28553f}.capture-replay-controls button:first-child[aria-pressed=true]{background:#9a5b35}:is(.capture-replay-controls button:focus-visible,.capture-replay-controls input:focus-visible){outline-offset:2px;outline:3px solid #226c4b47}.capture-replay-controls button:disabled{cursor:default;opacity:.42}.capture-replay-controls label,.capture-replay-controls input{width:100%}.capture-replay-controls input{accent-color:#28553f;cursor:pointer}.capture-replay-controls input:disabled{cursor:default}.capture-replay-controls output{color:#56665d;font-variant-numeric:tabular-nums;text-align:right;min-width:72px;font-size:10px}.capture-replay-status{color:#637168;min-height:18px;margin:0;font-size:10px;line-height:1.5}.capture-replay-status.is-error{color:#9d4135}.capture-viewer-body>aside{padding:30px 28px;overflow-y:auto}.capture-kicker{color:var(--moss);letter-spacing:.08em;font-size:12px;font-weight:900}.capture-viewer h2{margin:7px 0 10px;font-family:Georgia,Noto Serif KR,serif;font-size:28px}.capture-viewer aside>p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.55}.capture-viewer aside>.capture-delete-error{color:#8c2f29;background:#af393114;border:1px solid #af393147;border-radius:10px;padding:10px 12px;font-weight:800}.capture-viewer dl{gap:12px;margin:28px 0;display:grid}.capture-viewer dl div{border-bottom:1px solid #253a2e1a;justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.capture-viewer dt{color:var(--ink-soft);font-size:12px;font-weight:750}.capture-viewer dd{margin:0;font-size:13px;font-weight:900}.capture-audio{gap:10px;display:grid}.capture-audio strong{font-size:13px}.capture-audio audio{width:100%}.capture-no-audio{background:#294c3b14;border-radius:12px;padding:14px}.today-marker{z-index:7;height:96px;color:var(--paper);background:#d68528;border-radius:999px 10px 10px 999px;align-items:center;gap:14px;padding:0 30px;display:flex;position:absolute;right:2338px;box-shadow:0 10px 26px #92581452}.today-flag{letter-spacing:-.02em;font-family:Georgia,Noto Serif KR,serif;font-size:42px;font-weight:800}.today-note{background:#ffffff42;border-radius:999px;padding:4px 14px;font-size:28px;font-weight:800}.exam-layer{z-index:7;pointer-events:none;width:4600px;height:100%;position:absolute;top:0;left:0}.exam-slot{align-items:center;gap:16px;height:132px;display:flex;position:absolute;left:2338px}.exam-mark,.exam-add{height:116px;color:var(--spine);text-align:left;background:var(--paper);box-shadow:var(--shadow-small);pointer-events:auto;border:3px solid #3343393d;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 30px;display:flex}.exam-mark{border-color:#33433980;border-left:14px solid var(--spine)}.exam-mark strong{font-family:Georgia,Noto Serif KR,serif;font-size:34px}.exam-mark small{color:var(--ink-soft);margin-top:4px;font-size:21px;font-weight:700}.exam-add{color:var(--ink-soft);box-shadow:none;opacity:.42;cursor:cell;background:#fffdf79e;border-style:dashed;font-size:26px;font-weight:800}.exam-add:hover{opacity:1}.exam-editor{background:var(--paper);width:min(460px,92vw);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:14px;padding:24px;display:flex}.exam-editor h2{font-size:20px}.exam-editor label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.exam-editor input{color:var(--ink);background:#fffef9;border:2px solid #33433933;border-radius:10px;padding:10px 12px;font-size:15px}.exam-error{color:#a4331f;font-size:13px;font-weight:700}.exam-editor-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.exam-editor-actions button{background:#fffef9;border:2px solid #33433933;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:800}.exam-editor-actions .exam-save{color:var(--paper);background:var(--spine);border-color:#0000}.exam-editor-actions .exam-delete{color:#a4331f;margin-right:auto}.progress-rail-layer{z-index:6;width:150px;height:15200px;position:absolute;top:420px;left:1580px}.progress-track{width:36px;position:absolute;top:0;bottom:0}.progress-track.class-1{--rail-color:var(--class-1);left:0}.progress-track.class-2{--rail-color:var(--class-2);left:54px}.progress-track.class-3{--rail-color:var(--class-3);left:108px}.progress-track:before{content:"";background:#4b5d5133;border-radius:99px;width:6px;position:absolute;top:0;bottom:0;left:15px}.track-label{color:var(--rail-color);white-space:nowrap;font-size:32px;font-weight:900;position:absolute;top:-82px;left:50%;transform:translate(-50%)}.progress-segment{opacity:.16;background:var(--rail-color);cursor:pointer;border:0;border-radius:13px;width:24px;min-height:48px;padding:0;transition:opacity .15s,width .15s,left .15s;position:absolute;left:6px}.progress-track.class-2 .progress-segment{background:repeating-linear-gradient(to bottom, var(--rail-color) 0, var(--rail-color) 34px, #ffffff59 34px, #ffffff59 48px)}.progress-track.class-3 .progress-segment{background:repeating-linear-gradient(135deg, var(--rail-color) 0, var(--rail-color) 22px, #ffffff52 22px, #ffffff52 34px)}.progress-segment.is-visible{opacity:1}:is(.progress-segment:hover,.progress-segment:focus-visible){opacity:1;width:36px;left:0}.segment-hit{position:absolute;inset:-14px}.brand-block>span:last-child{flex-direction:column;display:flex}.brand-block strong{font-family:Georgia,Noto Serif KR,serif;font-size:17px}.brand-block small{color:var(--ink-soft);margin-top:2px;font-size:12px}.mode-switch,.layer-switch,.class-switch{background:#46574c14;border-radius:13px;gap:3px;min-height:46px;padding:4px;display:flex}.mode-switch button,.layer-switch button,.class-switch button,.open-studio,.student-portal-action,.student-roster-action,.current-progress,.map-controls button,.help-button,.help-panel button,.replay-dock button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;min-height:44px;padding:0 14px}.mode-switch button[aria-pressed=true],.layer-switch button[aria-pressed=true],.class-switch button[aria-pressed=true]{background:var(--paper);border-color:#2d3d331f;box-shadow:0 3px 11px #25362b1c}.class-choice:before{content:"";background:var(--line);border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.class-choice.class-1:before{background:var(--class-1)}.class-choice.class-2:before{background:var(--class-2);border-radius:1px}.class-choice.class-3:before{background:var(--class-3);border-radius:0;transform:rotate(45deg)}.replay-class{color:#fff;border-radius:999px;padding:4px 8px;font-weight:900}.map-controls button{min-width:44px;padding:0;font-size:22px;font-weight:800}.map-controls .text-control{min-width:auto;padding:0 11px;font-size:13px}.help-panel{z-index:40;background:var(--paper);width:min(360px,100% - 44px);box-shadow:var(--shadow);border:1px solid #30413626;border-radius:16px;padding:18px;position:absolute;bottom:78px;right:22px}.help-panel strong{font-family:Georgia,Noto Serif KR,serif;font-size:18px}.help-panel p{color:var(--ink-soft);margin:10px 0 0;font-size:13px;line-height:1.55}.help-panel button{color:#fff;background:var(--spine);width:100%;margin-top:14px}.prototype-note{z-index:10;color:#27382eb3;letter-spacing:.04em;pointer-events:none;font-size:11px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.replay-dock{z-index:35;box-shadow:var(--shadow);background:#fffdf7f5;border:1px solid #30413629;border-radius:18px;padding:14px;position:absolute;bottom:18px;left:18px;right:18px}.replay-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.replay-header>div{align-items:center;gap:9px;display:flex}.replay-header small{color:var(--ink-soft)}.replay-header>button{border-color:#30413624}.session-strip{scrollbar-width:thin;gap:7px;margin-top:12px;display:flex;overflow-x:auto}.session-strip button{background:#45574b0d;border-color:#30413621;flex-direction:column;align-items:flex-start;min-width:132px;min-height:62px;padding:8px 11px;display:flex}.session-strip button[aria-pressed=true]{color:#fff;background:var(--spine)}.session-strip span,.session-strip small{opacity:.78;font-size:11px}.session-strip strong{font-size:13px}.replay-empty{min-height:86px;color:var(--ink-soft);background:#45574b0a;border:1px dashed #30413633;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;margin-top:12px;padding:16px 18px;display:flex}.replay-empty strong{color:var(--ink);font-size:14px}.replay-empty span{font-size:12px}.playback-row{grid-template-columns:auto minmax(300px,1fr) minmax(180px,260px);align-items:stretch;gap:10px;margin-top:10px;display:grid}.play-button{color:#fff;min-width:90px;font-weight:900;background:var(--spine)!important}.route-progress{scrollbar-width:thin;gap:4px;min-width:0;display:flex;overflow-x:auto}.route-progress button{background:#45574b0d;border-color:#3041361f;flex-direction:column;align-items:flex-start;min-width:145px;min-height:66px;padding:9px 11px 9px 17px;display:flex;position:relative}.route-progress button:before{content:"";background:var(--moss);border-radius:99px;width:4px;position:absolute;top:8px;bottom:8px;left:7px}.route-progress button.board:before{background:var(--activity)}.route-progress button.question:before{background:var(--class-2)}.route-progress button.is-current{border-color:var(--spine);background:#e7ede8}.route-progress span{color:var(--ink-soft);font-size:10px}.route-progress strong{margin-top:3px;font-size:12px;line-height:1.25}.now-playing{background:#45574b12;border-radius:11px;flex-direction:column;min-width:0;padding:9px 12px;display:flex}.now-playing small,.now-playing span{color:var(--ink-soft);font-size:10px}.now-playing strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:13px;overflow:hidden}.return-to-playback{color:#fff;box-shadow:var(--shadow-small);font-weight:800;position:absolute;bottom:calc(100% + 10px);right:18px;background:var(--spine)!important}.is-overview .chapter-paper{background:var(--paper);border-width:9px;border-radius:30px}.paper-topline,.paper-kicker,.section-outline,.section-outline-label,.paper-footnote,.activity-card,.lesson-card,.lesson-empty,.scene-rib-card,.supplemental-resource-card,.today-marker,.exam-mark,.exam-add{transition:opacity .24s}.is-overview .paper-topline,.is-overview .paper-kicker,.is-overview .section-outline,.is-overview .section-outline-label,.is-overview .paper-footnote,.is-overview .activity-card,.is-overview .lesson-card,.is-overview .lesson-empty,.is-overview .scene-rib-card,.is-overview .supplemental-resource-card{visibility:hidden;opacity:0;transition:opacity .24s,visibility 0s linear .24s}.is-overview .paper-title-row{justify-content:center;height:430px;margin:0}.is-overview .paper-number{width:210px;height:210px;font-size:140px}.is-overview .paper-title-row strong{max-width:620px;font-size:76px}.is-overview .activity-line,.is-overview .lesson-line{height:28px}.is-structure .activity-card>span:last-child,.is-structure .lesson-card>span:last-child{display:none}.is-structure .chapter-paper{min-height:430px}.is-structure .chapter-zone.is-active .chapter-paper{min-height:610px}.is-structure .chapter-zone.is-active .section-outline{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;max-height:none;overflow:visible}.is-structure .chapter-zone:not(.is-active) .section-outline,.is-structure .chapter-zone:not(.is-active) .section-outline-label{visibility:hidden;opacity:0;transition:opacity .24s,visibility 0s linear .24s}.is-structure .activity-card,.is-structure .lesson-card{min-height:150px}.is-structure .scene-rib-card{height:390px;top:126px}.is-structure .scene-rib-meta{min-height:70px;padding:12px 16px}.is-structure .scene-rib-meta small{display:none}.chapter-zone{transition:opacity .24s}.is-detail .chapter-zone:not(.is-active){visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s,visibility 0s linear .24s}.chapter-zone>.chapter-node,.chapter-zone>.chapter-paper,.chapter-zone>.activity-rib,.chapter-zone>.lesson-rib,.exam-layer,.progress-rail-layer{transition:opacity .24s}.is-detail .chapter-zone.is-active>.chapter-node,.is-detail .chapter-zone.is-active>.chapter-paper,.is-detail .chapter-zone.is-active>.activity-rib,.is-detail .chapter-zone.is-active>.lesson-rib,.is-detail .today-marker,.is-detail .exam-layer,.is-detail .progress-rail-layer{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .24s,visibility 0s linear .24s}.is-detail .central-spine{opacity:.18}.is-page-far .pdf-page-card{grid-template-rows:132px minmax(0,1fr)}.is-page-far .pdf-page-heading{padding-bottom:22px}.is-page-far .pdf-page-heading small{font-size:86px;line-height:1}.is-page-far .pdf-page-heading strong{display:none}.is-page-far .page-number-pair b{font-size:74px;line-height:1}.is-page-far .page-number-pair small,.is-page-far .scene-rib-meta,.is-page-far .page-scene-empty,.is-page-far .page-teach-action{display:none}@media (max-width:1080px){.playback-row{grid-template-columns:auto minmax(260px,1fr)}.now-playing{display:none}.capture-viewer-body{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:760px){.capture-viewer-backdrop{padding:12px}.capture-viewer{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.capture-viewer-body{grid-template-columns:1fr;overflow-y:auto}.capture-viewer-image{min-height:44vh}.capture-viewer-image img{max-height:48vh}.capture-replay{grid-template-rows:auto minmax(36vh,1fr) auto auto;min-height:48vh}.capture-replay-controls{grid-template-columns:auto auto minmax(80px,1fr)}.capture-replay-controls output{text-align:right;grid-column:1/-1}.capture-viewer-body>aside{overflow:visible}}@media (max-width:900px){.map-toolbar::-webkit-scrollbar{display:none}.map-toolbar .brand-block{display:none}}@media (max-width:680px){.map-controls .text-control:last-child,.prototype-note{display:none}.replay-dock{flex-direction:column;display:flex;inset:205px 8px 8px;overflow:hidden}.replay-header>div{flex-wrap:wrap;min-width:0}.replay-header small{width:100%}.session-strip{flex:none}.playback-row{flex-direction:column;flex:1;min-height:0;display:flex}.play-button{flex:none}.route-progress{flex-direction:column;flex:1;overflow-y:auto}.route-progress button{flex:none;width:100%;min-height:56px}.return-to-playback{right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.studio-setup,.teaching-studio{color:#17231d;background:radial-gradient(circle at 14% 12%,#e07a541f,#0000 31%),radial-gradient(circle at 87% 78%,#286f5f1f,#0000 28%),#f1eee5;min-height:100dvh}.studio-setup{overscroll-behavior:contain;height:100dvh;padding:24px clamp(20px,4vw,72px) 60px;overflow-y:auto}.studio-setup-header{color:#58675e;letter-spacing:.05em;justify-content:space-between;align-items:center;width:min(1180px,100%);min-height:52px;margin:0 auto 28px;font-size:13px;font-weight:800;display:flex}.studio-back-link{color:#26392f;background:#fffdf8bf;border:1px solid #1d382b21;border-radius:12px;align-items:center;min-height:44px;padding:0 16px;text-decoration:none;display:inline-flex}.studio-setup-card{background:#fffdf7f0;border:1px solid #26392f21;border-radius:32px;width:min(1180px,100%);margin:auto;padding:clamp(28px,5vw,64px);box-shadow:0 30px 90px #1e2b2321}.studio-setup-copy{max-width:810px;margin-bottom:44px}.studio-kicker{color:#9c3e2f;letter-spacing:.08em;background:#d95b421a;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.studio-setup-copy h1{letter-spacing:-.055em;max-width:760px;margin:20px 0 14px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(34px,5vw,62px);line-height:1.08}.studio-setup-copy p{color:#617067;max-width:760px;margin:0;font-size:clamp(15px,1.5vw,18px);line-height:1.8}.studio-setup-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:20px;display:grid}.document-picker,.lesson-picker{background:#faf8f1;border:1px solid #243b2f1f;border-radius:22px;padding:24px}.setup-section-heading{align-items:center;gap:12px;min-height:48px;margin-bottom:18px;display:flex}.setup-section-heading>span{color:#fff;background:#2b4c3d;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.setup-section-heading>div{flex-direction:column;gap:3px;display:flex}.setup-section-heading strong{font-size:17px}.setup-section-heading small{color:#728077;font-size:12px}.pdf-upload-button{color:#244b39;cursor:pointer;background:#2f654b0f;border:1px dashed #1d493554;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:62px;margin-bottom:12px;font-size:15px;font-weight:900;display:flex}.pdf-upload-button>span{font-size:24px;font-weight:400}.pdf-upload-button:disabled,.start-lesson-button:disabled{cursor:wait;opacity:.55}.document-list{gap:8px;max-height:292px;display:grid;overflow:auto}.document-list>button{min-height:66px;color:inherit;text-align:left;cursor:pointer;background:#fffdf8;border:1px solid #2e43381a;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 13px;display:grid}.document-list>button.is-selected{border-color:#2f6c50;outline:3px solid #2f6c501c}.document-list>button>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.document-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-list small{color:#728077}.pdf-badge{color:#fff;background:#c84e3d;border-radius:10px;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.document-empty{color:#859088;background:#2f47390a;border-radius:13px;place-items:center;min-height:90px;font-size:13px;display:grid}.studio-class-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.studio-class-options button{color:#38473f;cursor:pointer;background:#fffdf8;border:1px solid #2c3e341f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;font-weight:900;display:flex}.studio-class-options button span{color:#fff;background:var(--studio-class-color,#415a4e);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.studio-class-options button[aria-pressed=true]{border-color:var(--studio-class-color,#415a4e);box-shadow:inset 0 0 0 2px var(--studio-class-color,#415a4e)}.studio-class-1{--studio-class-color:#e35d45}.studio-class-2{--studio-class-color:#198672}.studio-class-3{--studio-class-color:#2f6fc3}.setup-status{color:#68776e;background:#3f53480f;border-radius:12px;min-height:62px;margin:18px 0;padding:13px 15px;font-size:13px;line-height:1.5}.start-lesson-button{color:#fff;cursor:pointer;background:#294c3b;border:0;border-radius:14px;width:100%;min-height:62px;font-size:16px;font-weight:900;box-shadow:0 12px 28px #24493633}.teaching-studio{grid-template-columns:96px minmax(0,1fr) 340px;grid-template-rows:calc(var(--studio-ctl-h) + 16px) minmax(0, 1fr);background:#ddd9cf;height:100dvh;min-height:660px;display:grid;overflow:hidden}.studio-live-identity>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-live-identity strong{font-family:Georgia,Noto Serif KR,serif;font-size:17px}.studio-live-identity small{color:#718078;text-overflow:ellipsis;white-space:nowrap;max-width:32vw;font-size:11px;overflow:hidden}.studio-live-status>strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;min-width:75px}.recording-pill,.recording-pill{color:#a23a30;background:#d54d3d17}.recording-pill i{background:#d74d3d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #d74d3d1a}.recording-pill.is-recording i{animation:1.6s ease-in-out infinite studio-recording-pulse}.recording-pill.is-unavailable{color:#806d3f;background:#a37f301a}.recording-pill.is-unavailable i,.recording-pill.is-off i{box-shadow:none;background:#9c9f99}.save-state.is-saving{color:#7a5b1e;background:#bf8f2d1f}.save-state.is-saved{color:#17684a;background:#1c855d1a}.save-state.is-error{color:#a33e32;background:#cd48371a}.finish-lesson-button.is-start{color:#fffdf8;background:#294c3b;border-color:#294c3b}.studio-map-overlay{z-index:200;opacity:0;visibility:hidden;pointer-events:none;background:var(--canvas);transform-origin:50%;transition:opacity .24s,transform .36s cubic-bezier(.22,1,.36,1),visibility 0s linear .36s;position:fixed;inset:0;overflow:hidden;transform:scale(.965)}.studio-map-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:scale(1)}.studio-map-recording{z-index:80;color:#31483c;pointer-events:none;background:#fffdf7f0;border:1px solid #233d3021;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 16px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 28px #1d2f262e}.studio-map-recording i{background:#8b918d;border-radius:50%;width:8px;height:8px}.studio-map-recording.is-recording i{background:#d74d3d;animation:1.6s ease-in-out infinite studio-recording-pulse;box-shadow:0 0 0 5px #d74d3d1a}.studio-tools{z-index:30;background:#fffdf7f5;border-right:1px solid #1f30271f;flex-direction:column;grid-area:2/1;gap:9px;min-height:0;padding:10px 8px 14px;display:flex;overflow-y:auto}.tool-group,.history-tools{gap:5px;display:grid}.studio-tools button{color:#4c5d54;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;min-height:55px;font-size:10px;font-weight:850}.tool-group button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.studio-tools button[aria-pressed=true]{color:#1f4c37;background:#295d441a;border-color:#27523d29}.tool-icon{width:25px;height:25px;display:block;position:relative}.pen-icon:before,.highlighter-icon:before{content:"";background:currentColor;border-radius:4px 4px 1px 1px;width:6px;height:23px;position:absolute;transform:rotate(42deg)}.highlighter-icon:before{opacity:.5;width:10px}.eraser-icon:before{content:"";border:2px solid;border-radius:5px;position:absolute;inset:5px 2px 3px;transform:rotate(-38deg)}.color-group{border-top:1px solid #283d3217;border-bottom:1px solid #283d3217;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px 5px;display:grid}.studio-tools .color-choice{border:4px solid #fff;border-radius:50%;min-height:31px;box-shadow:0 0 0 1px #1e2d2524}.studio-tools .color-choice[aria-pressed=true]{outline-offset:1px;outline:3px solid #5b7668}.width-control{color:#63726a;text-align:center;gap:5px;padding:7px 4px 10px;font-size:10px;font-weight:800;display:grid}.width-control input{width:100%}.history-tools button{min-width:0;min-height:50px;font-size:20px}.history-tools button span{margin-top:2px;font-size:8px;display:block}.studio-tools button:disabled{cursor:default;opacity:.32}.studio-tools .background-toggle,.studio-tools .discard-ink{background:#f6f3ea;border-color:#2d42371c;min-height:48px;padding:5px}.studio-tools .discard-ink{color:#9d493c;margin-top:auto}.studio-workspace{background-color:#d6d2c8;background-image:linear-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-area:2/2;min-width:0;min-height:0;position:relative;overflow:hidden}.studio-view-controls button[aria-pressed=true]{color:#fff;background:#28553f;border-color:#28553f}.studio-view-controls button[aria-label$=축소],.studio-view-controls button[aria-label$=확대]{padding:0;font-size:22px}:is(.studio-view-controls button:focus-visible,.studio-view-controls output:focus-visible){outline-offset:2px;outline:3px solid #226c4b47}.teaching-studio{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.page-host{overflow-anchor:none;scrollbar-color:#294c3b6b #26372d12;scrollbar-width:thin;box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;padding:12px;display:block;position:absolute;inset:118px 58px 128px;overflow:auto}.page-host::-webkit-scrollbar{width:10px;height:10px}.page-frame{margin-inline:auto;position:relative}.page-surface{background:#fff;border-radius:3px;position:absolute;top:0;overflow:hidden;box-shadow:0 22px 65px #1e23203d,0 0 0 1px #232a261c}.pdf-layer,.ink-layer{display:block;position:absolute;inset:0}.page-frame>.ink-layer{inset:0}.pdf-layer{z-index:1;background:#fff}.ink-layer{z-index:3;cursor:crosshair;touch-action:none}.is-blank-board .pdf-layer{visibility:hidden}.is-blank-board .page-host::-webkit-scrollbar{width:10px;height:10px}.page-host::-webkit-scrollbar-thumb{background:#294c3b6b padding-box content-box;border:2px solid #0000;border-radius:99px}.page-host::-webkit-scrollbar-track{background:#26372d12;border-radius:99px}.page-surface{background-color:#fffdf8;background-image:linear-gradient(#3053410f 1px,#0000 1px),linear-gradient(90deg,#3053410f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.blank-board-label{z-index:2;color:#6f7b74;pointer-events:none;background:#fffdf8e0;border-radius:8px;padding:7px 10px;font-size:10px;position:absolute;top:14px;left:14px}.page-edge{z-index:10;color:#33463c;cursor:pointer;background:#fffdf8db;border:1px solid #23302926;border-radius:14px;place-items:center;width:50px;height:76px;font-family:Georgia,serif;font-size:42px;display:grid;position:absolute;top:42%;box-shadow:0 9px 24px #1e272226}.page-edge.previous{left:10px}.page-edge.next{right:10px}.page-edge:disabled{cursor:default;opacity:.25}.studio-message.is-error{white-space:normal;border-radius:8px;padding:5px 10px;overflow:visible}.scene-drawer{z-index:30;background:#fffdf7f7;border-left:1px solid #1f30271f;grid-area:2/3;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;padding:14px;display:grid}.scene-scope{background:#1f302712;border-radius:11px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;margin-bottom:10px;padding:3px;display:grid}.scene-scope button{color:#4a5b51;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:9px;min-height:34px;padding:0 8px;font-size:12px;font-weight:850}.scene-scope button[aria-pressed=true]{color:#1f3a2c;background:#fffdf8;box-shadow:0 2px 7px #1e2b231f}.scene-drawer>header{justify-content:space-between;align-items:center;gap:8px;min-height:58px;padding:4px 3px 12px;display:flex}.scene-drawer>header>div{flex-direction:column;gap:3px;display:flex}.scene-drawer>header span{color:#7a867f;font-size:10px;font-weight:850}.scene-drawer>header strong{font-size:17px}.scene-count{background:#2c5b4417;border-radius:99px;place-items:center;min-width:42px;height:32px;display:grid;color:#31503f!important}.scene-list{flex-direction:column;gap:11px;min-height:0;padding:3px 2px 10px;display:flex;overflow-y:auto}.scene-empty{color:#77837c;text-align:center;border:1px dashed #30473b38;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:26px;display:flex}.scene-empty>span{color:#9aa39e;margin-bottom:13px;font-size:46px}.scene-empty strong{color:#57665e;font-size:13px}.scene-empty p{margin:8px 0 0;font-size:11px;line-height:1.6}.scene-card{background:#f9f7f0;border:1px solid #26382e1f;border-radius:15px;padding:8px;position:relative;box-shadow:0 5px 18px #212f2712}.scene-card.is-replaying{border-color:#2a6b4b;box-shadow:0 0 0 3px #2a6b4b1f}.scene-card img{object-fit:contain;background:#fff;border:1px solid #25322b17;border-radius:9px;width:100%;max-height:230px;display:block}.scene-card-meta{justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 3px 3px;display:flex}.scene-card-meta span{font-size:13px;font-weight:900}.scene-card-meta small,.scene-trigger{color:#78847d;font-size:9px}.scene-card-actions{grid-template-columns:1fr auto;gap:6px;display:grid}.scene-card-actions button{color:#2c5b43;cursor:pointer;background:#fff;border:1px solid #25453424;border-radius:10px;min-height:42px;padding:0 12px;font-size:11px;font-weight:900}.scene-card-actions button:disabled{cursor:default;opacity:.42}.scene-trigger{margin-top:6px;padding:0 3px;display:block}.scene-drawer>footer{color:#6f7d75;border-top:1px solid #2a3d331a;padding:12px 10px 4px}.scene-drawer>footer strong{color:#43554b;font-size:11px}.scene-drawer>footer p{margin:4px 0 0;font-size:10px;line-height:1.5}@keyframes studio-recording-pulse{50%{transform:scale(.88);box-shadow:0 0 0 8px #d74d3d08}}@media (max-width:1120px){.teaching-studio{grid-template-columns:84px minmax(0,1fr) 286px}}@media (max-width:820px){.studio-setup-grid{grid-template-columns:1fr}.teaching-studio{grid-template-columns:78px minmax(0,1fr);grid-template-rows:calc(var(--studio-ctl-h) + 12px) minmax(0, 1fr);min-height:720px}.studio-tools{grid-column:1}.studio-workspace{grid-column:2}}@media (max-width:560px){.studio-setup{padding:12px}.studio-setup-card{border-radius:22px;padding:24px 16px}.studio-setup-copy h1{font-size:34px}.teaching-studio,.teaching-studio.is-drawer-closed{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(var(--studio-ctl-h) + 12px) minmax(0, 1fr) auto;min-height:560px}.studio-map-recording{max-width:calc(100% - 24px);bottom:12px;right:12px}.studio-tools{border-top:1px solid #1f30271f;border-right:0;grid-area:3/1;grid-template-columns:1fr auto auto;padding:8px;display:grid;overflow:auto hidden}.tool-group{grid-template-columns:repeat(3,64px)}.color-group{border:0;grid-template-columns:repeat(4,32px);align-content:center}.width-control,.history-tools,.studio-tools .background-toggle,.studio-tools .discard-ink{display:none}.studio-workspace{grid-area:2/1}.page-host{inset:118px 42px 122px}.page-edge{width:38px;height:62px}}@media (prefers-reduced-motion:reduce){.recording-pill.is-recording i{animation:none}}.map-warming{z-index:40;color:var(--ink-soft);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#e9eee7b8;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:800;display:flex;position:absolute;inset:0}.map-warming-mark{border:2.5px solid #263c3138;border-top-color:var(--spine);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite map-warming-spin}@keyframes map-warming-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.map-warming-mark{animation:none}}.chapter-card-hit{z-index:0;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.chapter-paper>.chapter-focus-target,.chapter-paper>.section-outline-label,.chapter-paper>.section-outline{z-index:1;position:relative}.map-scrollbar{z-index:4;cursor:pointer;touch-action:none;background:#26372d12;border-radius:99px;width:14px;padding:2px;position:absolute;top:10px;bottom:10px;right:8px}.map-scrollbar:hover{background:#26372d1f}.map-scrollbar-thumb{pointer-events:none;background:#294c3b6b;border-radius:99px;min-height:34px;position:absolute;left:2px;right:2px}.map-scrollbar:hover .map-scrollbar-thumb{background:#294c3b9e}@media (max-width:720px){.map-scrollbar{width:18px}}@media (min-width:561px){.teaching-studio.is-drawer-closed{grid-template-columns:96px minmax(0,1fr) 0}}.scene-drawer[hidden]{display:none}.scene-drawer-close{cursor:pointer;min-width:34px;min-height:34px;font:inherit;background:#f1f3ee;border:1px solid #2d3d3329;border-radius:9px;font-size:17px;font-weight:900;line-height:1}:root{--ui-t-micro:clamp(9px, .28vw + 6.5px, 11px);--ui-t-label:clamp(11px, .34vw + 8.2px, 13.5px);--ui-t-value:clamp(12.5px, .4vw + 9.4px, 15.5px);--ui-h:clamp(34px, .9vw + 24px, 42px);--ui-px:clamp(7px, .45vw + 3px, 13px);--ui-gap:clamp(5px, .35vw + 2px, 10px);--ui-r:10px}.teaching-studio{--studio-t-micro:var(--ui-t-micro);--studio-t-label:var(--ui-t-label);--studio-t-value:var(--ui-t-value);--studio-ctl-h:var(--ui-h);--studio-ctl-px:var(--ui-px);--studio-gap:var(--ui-gap);--studio-radius:var(--ui-r)}.studio-live-header{z-index:50;align-items:center;gap:var(--studio-gap);min-width:0;font-size:var(--studio-t-label);background:#fffdf7f7;border-bottom:1px solid #192d2321;grid-column:1/-1;grid-template-columns:minmax(0,auto) auto auto minmax(0,1fr) auto;padding:0 clamp(8px,.8vw,16px);display:grid;box-shadow:0 5px 24px #18241d1a}.studio-live-header>*{min-width:0}.studio-live-identity{align-items:center;gap:calc(var(--studio-gap) * .9);min-width:0;display:flex}.live-class{width:var(--studio-ctl-h);height:var(--studio-ctl-h);border-radius:var(--studio-radius);color:#fff;background:var(--studio-class-color);font-size:var(--studio-t-label);flex:none;place-items:center;font-weight:950;display:grid}.studio-live-identity>span:last-child{flex-direction:column;justify-content:center;min-width:0;display:flex}.studio-live-identity strong{font-size:var(--studio-t-label);text-overflow:ellipsis;white-space:nowrap;font-weight:900;line-height:1.25;overflow:hidden}.studio-live-identity small{color:#7b867f;font-size:var(--studio-t-micro);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.studio-live-center{align-items:center;gap:var(--studio-gap);flex:none;display:flex}.page-position{height:var(--studio-ctl-h);padding:0 calc(var(--studio-ctl-px) * .7);color:#6a776e;font-size:var(--studio-t-micro);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:var(--studio-ctl-h);border-radius:var(--studio-radius);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:baseline;gap:3px;font-family:inherit;display:flex}.page-position:hover{background:#46574c17}.page-position strong{color:#203c2e;font-size:var(--studio-t-value);font-weight:900}.page-jump{height:var(--studio-ctl-h);border-radius:calc(var(--studio-radius) + 2px);background:#46574c17;flex:none;align-items:stretch;gap:3px;padding:3px;display:flex}.page-jump button{padding:0 calc(var(--studio-ctl-px) * .6);border-radius:calc(var(--studio-radius) - 2px);color:#46574c;font-family:inherit;font-size:var(--studio-t-micro);cursor:pointer;background:0 0;border:0;font-weight:800}.page-jump button[type=submit]{color:#f4f8f2;background:#203c2e}.page-jump .page-jump-mode{background:#203c2e1f}.page-jump input{border-radius:calc(var(--studio-radius) - 2px);color:#203c2e;width:4.6em;font-family:inherit;font-size:var(--studio-t-value);font-variant-numeric:tabular-nums;text-align:center;background:#fffdf8;border:0;padding:0 6px;font-weight:900}.page-jump input:focus-visible{outline-offset:-2px;outline:2px solid #203c2e80}.studio-view-controls{height:var(--studio-ctl-h);border-radius:calc(var(--studio-radius) + 2px);background:#46574c17;flex:none;align-items:stretch;gap:3px;padding:3px;display:flex}.studio-view-controls button{min-width:calc(var(--studio-ctl-h) - 6px);padding:0 calc(var(--studio-ctl-px) * .75);border-radius:calc(var(--studio-radius) - 2px);color:#33463c;cursor:pointer;font:inherit;font-size:var(--studio-t-label);white-space:nowrap;background:0 0;border:0;font-weight:850}.studio-view-controls button[aria-pressed=true]{color:#17311f;background:var(--paper,#fffdf8);box-shadow:0 1px 4px #1e2d2424}.studio-view-controls button[aria-label$=축소],.studio-view-controls button[aria-label$=확대]{font-size:var(--studio-t-value);padding:0}.studio-view-controls button:disabled{cursor:default;opacity:.4}.studio-view-controls output{color:#56665d;min-width:4.2ch;font-size:var(--studio-t-micro);font-variant-numeric:tabular-nums;place-items:center;font-weight:850;display:grid}.studio-view-controls button.scale-percent,.readerScaleHost button.scale-percent{color:#56665d;min-width:4.6ch;font-size:var(--ui-t-micro);font-variant-numeric:tabular-nums;padding:0 4px}.scale-percent-input{border-radius:calc(var(--ui-r) - 2px);color:#203c2e;width:4.6em;font-family:inherit;font-size:var(--ui-t-value);font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;background:#fffdf8;border:0;padding:0 6px;font-weight:900}.scale-percent-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scale-percent-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scale-percent-input:focus-visible{outline-offset:-2px;outline:2px solid #203c2e80}.save-and-clear{height:var(--studio-ctl-h);padding:0 calc(var(--studio-ctl-px) * 1.3);border-radius:var(--studio-radius);color:#fff;cursor:pointer;font:inherit;font-size:var(--studio-t-label);white-space:nowrap;background:#22563e;border:0;flex:none;align-items:center;gap:7px;font-weight:900;display:flex;box-shadow:0 3px 12px #1a4d3542}.save-and-clear>span:first-child{width:calc(var(--studio-ctl-h) * .5);height:calc(var(--studio-ctl-h) * .5);font-size:var(--studio-t-micro);border:2px solid #ffffffa6;border-radius:50%;place-items:center;display:grid}.save-and-clear strong{font-size:var(--studio-t-label);font-weight:900}.save-and-clear:disabled{cursor:default;opacity:.42;box-shadow:none}.studio-live-status{width:fit-content;min-width:0;max-width:100%;height:var(--studio-ctl-h);padding:0 var(--studio-ctl-px);border-radius:var(--studio-radius);align-items:center;gap:calc(var(--studio-gap) * .9);background:#46574c12;display:flex}.studio-live-status>strong{color:#203c2e;font-size:var(--studio-t-value);font-variant-numeric:tabular-nums;flex:none}.recording-pill,.save-state{color:#6a776e;font-size:var(--studio-t-micro);white-space:nowrap;flex:none;align-items:center;gap:5px;font-weight:850;display:inline-flex}.studio-message{color:#6a776e;min-width:0;font-size:var(--studio-t-micro);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.studio-live-actions{align-items:center;gap:calc(var(--studio-gap) * .8);flex:none;display:flex}.studio-chrome-toggle,.map-during-lesson-button,.finish-lesson-button{height:var(--studio-ctl-h);padding:0 var(--studio-ctl-px);border-radius:var(--studio-radius);color:#33463c;cursor:pointer;font:inherit;font-size:var(--studio-t-label);white-space:nowrap;background:#fffdf8;border:1px solid #2d3d332e;flex:none;justify-content:center;align-items:center;font-weight:850;text-decoration:none;display:inline-flex}.studio-chrome-toggle b{color:#fffdf8;font-size:var(--studio-t-micro);font-variant-numeric:tabular-nums;background:#294c3b;border-radius:7px;margin-left:6px;padding:2px 6px}.studio-chrome-toggle[aria-pressed=true] b{color:#294c3b;background:#fffdf8}.studio-chrome-toggle[aria-pressed=true]{color:#fffdf8;background:#294c3b;border-color:#294c3b}.finish-lesson-button{color:#17311f;border-color:#223d30;font-weight:900}@media (max-width:1340px){.studio-live-identity small{display:none}}@media (max-width:1180px){.studio-message{display:none}}@media (max-width:1040px){.studio-view-controls button[aria-pressed],.recording-pill span:not([aria-hidden]){display:none}}@media (max-width:900px){.studio-live-identity>span:last-child,.save-state{display:none}.save-and-clear strong{font-size:var(--studio-t-micro)}}@media (max-width:760px){.studio-live-status{background:0 0;padding:0 6px}.studio-live-status>strong{font-size:var(--studio-t-label)}}@media (max-width:900px) and (min-width:561px){.teaching-studio,.teaching-studio.is-drawer-closed{grid-template-columns:96px minmax(0,1fr) 0}.scene-drawer{z-index:20;width:min(340px,86vw);position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 40px #18241d38}}@media (max-width:820px){.studio-live-header{scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;display:flex;overflow-x:auto}.studio-live-header::-webkit-scrollbar{display:none}.studio-live-header>*{flex:none}.studio-live-actions{margin-left:auto}}.map-dock{z-index:30;border-radius:calc(var(--ui-r) + 5px);align-items:center;gap:var(--ui-gap);max-width:calc(100% - clamp(16px,2vw,32px));font-size:var(--ui-t-label);background:#fffdf7f0;border:1px solid #30413624;flex-wrap:wrap;padding:5px;display:flex;position:absolute;bottom:clamp(8px,1vw,16px);left:clamp(8px,1vw,16px);box-shadow:0 8px 26px #18241d24}.map-dock-group{height:var(--ui-h);border-radius:calc(var(--ui-r) + 2px);background:#46574c17;align-items:stretch;gap:3px;padding:3px;display:flex}.map-dock-group button{min-width:calc(var(--ui-h) - 6px);padding:0 calc(var(--ui-px) * .7);border-radius:calc(var(--ui-r) - 2px);color:#33463c;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;font-weight:850}.map-dock-group button[aria-pressed=true]{color:#17311f;background:var(--paper);box-shadow:0 1px 4px #1e2d2424}.map-dock-group.is-levels button[aria-pressed=true]{color:#fffdf8;background:#2f6a45;box-shadow:0 2px 6px #18342247}.map-dock-group .class-choice[aria-pressed=true].class-1{color:#fffdf8;background:#2f6fd0}.map-dock-group .class-choice[aria-pressed=true].class-2{color:#fffdf8;background:#a3237f}.map-dock-group .class-choice[aria-pressed=true].class-3{color:#fffdf8;background:#1f7a4d}.map-dock-primary,.map-dock-icon{height:var(--ui-h);padding:0 var(--ui-px);border-radius:var(--ui-r);cursor:pointer;font:inherit;white-space:nowrap;border:1px solid #2d3d332e;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.map-dock-primary{color:#fffdf8;background:#294c3b;border-color:#294c3b}.map-dock-primary.continue-teaching{background:#8a4b22;border-color:#8a4b22}.map-dock-primary.continue-teaching:disabled{cursor:default;background:#b7aa9b;border-color:#b7aa9b}.map-dock-icon{min-width:var(--ui-h);color:#33463c;font-size:var(--ui-t-value);background:#fffdf8;padding:0}.map-dock-more{position:relative}.map-floating-actions{z-index:30;border-radius:calc(var(--ui-r) + 5px);align-items:center;gap:var(--ui-gap);font-size:var(--ui-t-label);background:#fffdf7f0;border:1px solid #30413624;padding:5px;display:flex;position:absolute;top:clamp(8px,1vw,16px);right:30px;box-shadow:0 8px 26px #18241d24}.map-dock-menu{border-radius:calc(var(--ui-r) + 4px);background:#fffdf8;border:1px solid #30413629;gap:2px;min-width:190px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 14px 40px #18241d38}.map-dock-menu button,.map-dock-menu a{min-height:var(--ui-h);border-radius:var(--ui-r);color:#33463c;cursor:pointer;font:inherit;font-size:var(--ui-t-label);text-align:left;font-weight:800;line-height:var(--ui-h);white-space:nowrap;background:0 0;border:0;padding:0 12px;text-decoration:none}.map-dock-menu button:hover,.map-dock-menu a:hover{background:#46574c1a}.map-dock-menu [aria-checked=true]{color:#17311f;background:#294c3b1f}@media (max-width:430px){.map-dock-group .class-choice:before{display:none}}.map-dock-menu.is-below{inset:calc(100% + 8px) 0 auto auto}@media (max-width:620px){.map-dock{justify-content:flex-start;max-width:none;right:clamp(8px,1vw,16px)}}@media (min-width:561px){.teaching-studio,.teaching-studio.is-drawer-closed{grid-template-columns:62px minmax(0,1fr) 340px}.teaching-studio.is-drawer-closed{grid-template-columns:62px minmax(0,1fr) 0}}@media (min-width:561px) and (max-width:900px){.teaching-studio,.teaching-studio.is-drawer-closed{grid-template-columns:62px minmax(0,1fr) 0}}.studio-tools{gap:6px;padding:8px 5px 10px}.studio-tools button{min-height:44px;font-size:9.5px;line-height:1.15}.color-group{grid-template-columns:1fr;gap:5px;padding:7px 3px}.studio-tools .color-choice{border-width:3px;min-height:26px}.history-tools{grid-template-columns:1fr}.history-tools button{min-height:34px;font-size:16px}.width-control{padding:0 2px}.page-host{inset:8px 58px}@media (max-width:640px){.page-host{inset:6px 44px}}.studio-map-overlay-bar{z-index:40;height:calc(var(--ui-h) + 16px);align-items:center;gap:var(--ui-gap);background:#fffdf7f7;border-bottom:1px solid #192d2321;padding:0 clamp(8px,.8vw,16px);display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 5px 24px #18241d1a}.studio-map-overlay-bar strong{font-size:var(--ui-t-label);white-space:nowrap;font-weight:900}.studio-map-overlay-bar small{color:#7b867f;font-size:var(--ui-t-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-map-overlay-bar button{height:var(--ui-h);padding:0 var(--ui-px);border-radius:var(--ui-r);color:#fffdf8;cursor:pointer;font:inherit;font-size:var(--ui-t-label);white-space:nowrap;background:#294c3b;border:1px solid #294c3b;flex:none;align-items:center;margin-left:auto;font-weight:850;text-decoration:none;display:inline-flex}.studio-leave-link{height:var(--ui-h);padding:0 var(--ui-px);border-radius:var(--ui-r);color:#33463c;font-size:var(--ui-t-label);white-space:nowrap;background:#fffdf8;border:1px solid #2d3d3338;flex:none;align-items:center;font-weight:850;text-decoration:none;display:inline-flex}.studio-leave-link:hover{color:#294c3b;border-color:#294c3b}.leave-guard-backdrop{z-index:60;background:#18221c85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.leave-guard{background:#fffdf8;border-radius:18px;flex-direction:column;gap:12px;width:min(420px,100%);padding:26px;display:flex;box-shadow:0 24px 60px #141e1866}.leave-guard strong{color:#294c3b;font-size:19px}.leave-guard p{color:#4b5a51;font-size:14px;line-height:1.6}.leave-guard-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.leave-guard-actions button{color:#33463c;background:#fffdf8;border:1px solid #2d3d3338;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:850}.leave-guard-actions .leave-guard-finish{color:#fffdf8;background:#294c3b;border-color:#0000}.leave-guard-actions button:disabled{opacity:.55}.studio-map-overlay .map-viewport{height:calc(100% - var(--ui-h) - 16px);margin-top:calc(var(--ui-h) + 16px)}.studio-tools .color-choice{justify-self:center;width:26px;height:26px;min-height:0}.color-group{justify-items:center}.studio-tools .background-toggle,.studio-tools .discard-ink,.studio-tools .paste-capture{min-height:38px;padding:0 2px}.parallel-pane{z-index:8;background:#fffdf7f5;border:1px solid #1f302724;border-radius:12px;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;position:absolute;overflow:hidden;box-shadow:0 10px 30px #18241d1f}.parallel-pane-head{background:#fffdf7fa;border-bottom:1px solid #1f30271a;align-items:center;gap:10px;min-height:44px;padding:0 8px 0 12px;display:flex}.parallel-pane-where{white-space:nowrap;flex:auto;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.parallel-pane-where strong{color:#28553f;letter-spacing:.02em;flex:none;font-size:13px;font-weight:900}.parallel-pane-where small{color:#4a5b51;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.parallel-pane-page{flex:none;align-items:center;gap:2px;display:flex}.parallel-pane-page button,.parallel-pane-close,.parallel-pane-follow.is-button{color:#33463c;cursor:pointer;background:#fffdf8;border:1px solid #1f302729;border-radius:8px;place-items:center;min-width:30px;height:30px;padding:0 6px;font-size:18px;font-weight:700;line-height:1;display:grid}.parallel-pane-page button:disabled{cursor:default;opacity:.3}.parallel-pane-page output{color:#1f3a2c;font-variant-numeric:tabular-nums;text-align:center;min-width:64px;font-size:13px;font-weight:850}.parallel-pane-page output small{color:#6b7a72;font-weight:600}.parallel-pane-follow{color:#28553f;white-space:nowrap;background:#28553f1a;border-radius:999px;flex:none;padding:4px 8px;font-size:11.5px;font-weight:800}.parallel-pane-follow.is-button{color:#fff;background:#28553f;border-color:#28553f59;height:28px;font-size:12px}.parallel-pane-close{font-size:14px}.parallel-pane-host{overflow-anchor:none;box-sizing:border-box;overscroll-behavior:contain;scrollbar-color:#294c3b6b #26372d12;scrollbar-width:thin;text-align:center;padding:12px;position:relative;overflow:auto}.parallel-pane-canvas{background:#fff;border-radius:3px;display:inline-block;box-shadow:0 12px 36px #1e232033,0 0 0 1px #232a261a}.parallel-pane-status{color:#4c5b53;background:#fffdf7f2;border-radius:11px;margin:0;padding:8px 14px;font-size:13px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #18241d1f}.studio-workspace.is-parallel .page-host{right:calc(50% + 4px)}.studio-workspace.is-parallel .parallel-pane{inset:8px 58px 8px calc(50% + 4px)}@media (orientation:portrait){.studio-workspace.is-parallel .page-host{bottom:calc(50% + 4px);right:58px}.studio-workspace.is-parallel .parallel-pane{inset:calc(50% + 4px) 58px 8px}}.lookup-layer{z-index:5;touch-action:manipulation;position:absolute;inset:0}.lookup-box{pointer-events:none;background:#28553f0d;border-radius:2px;position:absolute}.lookup-box.is-unpaired{background:0 0}.lookup-box.is-on{background:#d97a0f38;box-shadow:0 0 0 1.5px #d97a0f99}.lookup-pop{z-index:6;cursor:default;text-align:left;background:#fffdf7fa;border:1px solid #d97a0fb3;border-radius:10px;padding:10px 34px 10px 14px;font-size:15px;line-height:1.5;position:absolute;left:3%;right:3%;box-shadow:0 10px 28px #18241d33}.lookup-pop-close{color:#6b7a72;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:800;position:absolute;top:6px;right:8px}.lookup-pop-en{color:#1d1d1f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:16px}.lookup-pop-en b{color:#b8560d;font-weight:700}.lookup-pop-none{color:#6b7a72;margin:0}.lookup-pop-meta{color:#6b7a72;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.lookup-pop-terms{flex-wrap:wrap;gap:6px;display:flex}.lookup-chip{color:#4a3a2a;background:#d97a0f1f;border-radius:999px;padding:2px 8px}.lookup-chip b{color:#b8560d}.parallel-pane-sheet{line-height:0;display:inline-block;position:relative}.parallel-pane-mark{pointer-events:none;background:#d97a0f3d;border-radius:2px;position:absolute;box-shadow:0 0 0 1.5px #d97a0f99}.parallel-pane-glossary-toggle{color:#33463c;cursor:pointer;white-space:nowrap;background:#fffdf8;border:1px solid #1f302729;border-radius:8px;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:12.5px;font-weight:850;display:inline-flex}.parallel-pane-glossary-toggle b{color:#fffdf8;background:#294c3b;border-radius:7px;padding:1px 6px;font-size:11px}.parallel-pane-glossary-toggle[aria-pressed=true]{color:#fffdf8;background:#294c3b;border-color:#294c3b}.parallel-pane-glossary-toggle[aria-pressed=true] b{color:#294c3b;background:#fffdf8}.parallel-glossary{background:#fffdf7fa;border-bottom:1px solid #1f30271a;max-height:42%;padding:6px 10px;overflow:auto}.parallel-glossary ul{margin:0;padding:0;list-style:none}.parallel-glossary li button{box-sizing:border-box;cursor:pointer;width:100%;min-width:0;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:baseline;gap:10px;padding:6px 8px;display:grid}.parallel-glossary li button:hover{background:#28553f12}.parallel-glossary-ko{color:#1f3a2c;font-size:14px;font-weight:800}.parallel-glossary-en{color:#b8560d;font-family:Georgia,Times New Roman,serif;font-size:14px}.parallel-glossary li small{color:#6b7a72;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px}.parallel-glossary-empty{color:#6b7a72;margin:4px 0;font-size:13px}.lookup-icon{border:2px solid;border-radius:6px;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700;line-height:1;display:grid}.lookup-pop{overscroll-behavior:contain;touch-action:pan-y;max-height:min(360px,55vh);overflow-y:auto}.lookup-context-title{color:#50665a;margin:0 0 10px;font-size:13px;font-weight:700}.lookup-context-match,.lookup-context-neighbor{white-space:pre-wrap;border-radius:6px;margin:8px 0;padding:8px 10px}.lookup-context-match{color:#202d25;background:#fff0cf;border-left:3px solid #b8560d;font-weight:650}.lookup-context-neighbor{color:#58665d;background:#f2f4ef}.lookup-context small{margin-bottom:4px;font-size:11px;font-weight:400;display:block}.lookup-context[lang=en] span{font-family:Georgia,serif;font-size:16px}.lookup-context[lang=ko] span{word-break:keep-all;font-family:inherit;font-size:15px}.lookup-context-note{color:#6b7a72;margin:10px 0 0;font-size:11px}.parallel-reading-hint{color:#50665a;background:#f2f4ef;margin:0;padding:6px 12px;font-size:12px}.parallel-pane{grid-template-rows:auto auto minmax(0,1fr)}.parallel-pane.has-glossary{grid-template-rows:auto auto auto minmax(0,1fr)}.parallel-pane.is-wide{inset:8px 58px 76px!important}@media (max-width:700px){.parallel-pane-head{flex-wrap:wrap;gap:5px;padding:6px}.parallel-pane-where{flex-basis:100%}.parallel-pane.is-wide{left:8px!important;right:8px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
