:root{--app-brand: #1f9e84;--app-brand-deep: #127566;--app-brand-soft: #56c9ab;--app-brand-pale: #e2f6f0;--app-mint: #2fb89a;--app-mint-deep: #127566;--app-mint-pale: #e2f6f0;--app-accent: #17b08f;--app-accent-soft: #a7e3d3;--app-accent-pale: #edfbf6;--app-mist: #eef8f4;--app-mist-deep: #dcefe7;--app-ink: #14342d;--app-ink-soft: rgba(20, 52, 45, .68);--app-ink-faint: rgba(20, 52, 45, .45);--app-paper: #f6fcfa;--app-paper-warm: #eaf7f2;--app-line: #d3e9e1;--app-warn: #c2553f;--app-sage: #127566;--app-shadow: rgba(18, 80, 68, .12);--app-shadow-deep: rgba(18, 80, 68, .26);--app-font-sans: "Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, sans-serif;--app-font-serif: "Noto Serif KR", serif;--app-font-display: "Playfair Display", serif;--app-font-script: "Dancing Script", cursive;--app-space-xs: 6px;--app-space-sm: 10px;--app-space-md: 16px;--app-space-lg: 24px;--app-space-xl: 36px;--app-radius-sm: 3px;--app-radius-md: 6px;--app-radius-lg: 12px;--app-font-min: 13px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--app-font-sans);background:var(--app-paper);color:var(--app-ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}.app-btn{padding:10px 20px;border:1px solid var(--app-accent);background:var(--app-accent);color:var(--app-ink);border-radius:var(--app-radius-sm);font-size:14px;font-weight:500;transition:all .2s ease}.app-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.app-btn:disabled{opacity:.5;cursor:not-allowed}.app-btn.ghost{background:transparent;border-color:#4b2e8338;color:var(--app-ink)}.app-btn.ghost:hover:not(:disabled){border-color:var(--app-accent);background:var(--app-accent-pale)}.app-btn.danger{background:transparent;border-color:#a3406b6b;color:var(--app-warn)}.app-input,.app-textarea,.app-select{width:100%;padding:10px 12px;border:1px solid rgba(75,46,131,.18);background:#fff;border-radius:var(--app-radius-sm);font-size:14px;line-height:1.6;outline:none}.app-input:focus,.app-textarea:focus,.app-select:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px #3fb99a33}.app-textarea{min-height:96px;resize:vertical;font-family:var(--app-font-serif)}.app-label{display:block;font-size:13px;font-weight:500;color:var(--app-ink-soft);margin-bottom:var(--app-space-xs);letter-spacing:.02em}.app-card{background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:var(--app-space-lg);box-shadow:0 1px 3px var(--app-shadow)}.app-hint{font-size:13px;color:var(--app-ink-faint);line-height:1.7}.app-error{font-size:13px;color:var(--app-warn);background:#a3406b14;border:1px solid rgba(163,64,107,.22);border-radius:var(--app-radius-sm);padding:9px 12px}.intro{min-height:100%;background:linear-gradient(160deg,var(--app-brand-deep) 0%,var(--app-ink) 55%,#241c38 100%);color:var(--app-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px var(--app-space-md) var(--app-space-xl);position:relative;overflow:hidden}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 85%,rgba(63,185,154,.16) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 82% 18%,rgba(201,168,76,.16) 0%,transparent 60%);pointer-events:none}.intro-inner{position:relative;z-index:1;width:100%;max-width:560px;text-align:center}.intro-eyebrow{font-family:var(--app-font-script);font-size:30px;color:var(--app-accent);line-height:1}.intro-title{font-family:var(--app-font-display);font-size:clamp(40px,8vw,64px);font-weight:700;letter-spacing:-1.5px;line-height:1.05;margin-top:-4px}.intro-korean{font-family:var(--app-font-serif);font-size:15px;color:#fdfbf79e;margin-top:var(--app-space-sm);letter-spacing:.04em}.intro-divider{width:56px;height:1px;background:var(--app-accent);margin:var(--app-space-lg) auto}.intro-book{border:1px solid rgba(201,168,76,.45);background:#fdfbf70a;border-radius:var(--app-radius-md);padding:var(--app-space-lg);text-align:left;display:flex;gap:var(--app-space-lg);align-items:center}.intro-book-cover{width:68px;height:94px;flex-shrink:0;border-radius:2px 5px 5px 2px;background:linear-gradient(135deg,var(--app-brand),var(--app-brand-deep));border-left:4px solid var(--app-accent);box-shadow:0 8px 22px #00000073;display:flex;align-items:center;justify-content:center;color:var(--app-accent-soft);font-family:var(--app-font-display);font-size:22px}.intro-book-title{font-family:var(--app-font-serif);font-size:17px;font-weight:600;line-height:1.5}.intro-book-desc{font-size:13px;color:#fdfbf799;line-height:1.8;margin-top:var(--app-space-xs)}.intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--app-space-sm);margin-top:var(--app-space-lg)}.intro-action{padding:14px 10px;border:1px solid rgba(201,168,76,.45);background:transparent;color:var(--app-paper);border-radius:var(--app-radius-sm);font-size:14px;font-weight:500;transition:all .25s ease}.intro-action:hover{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-ink);transform:translateY(-2px)}.intro-action.primary{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-ink)}.intro-action small{display:block;font-size:13px;font-weight:400;opacity:.7;margin-top:3px}.intro-action.intro-start{grid-column:1 / -1;padding:16px 10px;font-size:16px}.intro-action.intro-start:disabled{opacity:.7;cursor:wait;transform:none}.intro-foot{margin-top:var(--app-space-lg);padding-top:var(--app-space-md);border-top:1px solid rgba(201,168,76,.2)}.intro-link{background:transparent;border:none;color:#fdfbf7b3;font-size:13px;padding:6px 10px;border-radius:var(--app-radius-sm);transition:color .2s ease}.intro-link:hover{color:var(--app-accent-soft);text-decoration:underline}.intro-topbar{position:absolute;top:0;left:0;right:0;z-index:3;height:58px;padding:0 var(--app-space-lg);display:flex;align-items:center;gap:var(--app-space-md);background:#1710288c;border-bottom:1px solid rgba(201,168,76,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.intro-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.intro-brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--app-mint),var(--app-brand-soft));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:-.02em}.intro-brand-name{font-family:var(--app-font-display);font-size:17px;letter-spacing:-.2px;color:var(--app-paper)}.intro-rooms{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding-left:var(--app-space-sm);border-left:1px solid rgba(253,251,247,.16)}.intro-rooms::-webkit-scrollbar{display:none}.intro-room-chip{flex-shrink:0;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid rgba(63,185,154,.45);background:#3fb99a1f;color:#a9e6d5;white-space:nowrap}.intro-room-chip.more{border-color:#fdfbf733;background:transparent;color:#fdfbf78c}.intro-topbar-actions{display:flex;gap:6px;flex-shrink:0}.intro-topbar-btn{padding:6px 14px;font-size:13px;border-radius:var(--app-radius-sm);border:1px solid rgba(253,251,247,.22);background:transparent;color:#fdfbf7d1;transition:all .2s ease}.intro-topbar-btn:hover:not(:disabled){border-color:var(--app-accent);color:var(--app-accent-soft);background:#c9a84c1f}.intro-topbar-btn:disabled{opacity:.4;cursor:not-allowed}.intro-intent-btn{width:100%;display:flex;align-items:center;gap:var(--app-space-md);padding:18px var(--app-space-lg);border-radius:var(--app-radius-lg);border:1px solid rgba(201,168,76,.5);background:linear-gradient(120deg,#c9a84c29,#3fb99a1f);color:var(--app-paper);text-align:left;transition:all .25s ease}.intro-intent-btn:hover{border-color:var(--app-accent);background:linear-gradient(120deg,#c9a84c4d,#3fb99a33);transform:translateY(-2px);box-shadow:0 12px 30px #00000052}.intro-intent-icon{font-size:26px;flex-shrink:0}.intro-intent-text{flex:1;font-size:18px;font-weight:600;letter-spacing:-.2px}.intro-intent-text small{display:block;font-size:13px;font-weight:400;color:#fdfbf799;margin-top:4px;letter-spacing:0}.intro-intent-arrow{font-size:20px;color:var(--app-accent-soft);flex-shrink:0}@media (max-width: 720px){.intro-topbar{height:auto;flex-wrap:wrap;padding:10px var(--app-space-md);gap:8px}.intro-rooms{order:3;width:100%;border-left:none;padding-left:0}.intro-topbar-actions{margin-left:auto}.intro{padding-top:110px}}.auth{min-height:100%;background:var(--app-ink);display:flex;align-items:center;justify-content:center;padding:var(--app-space-lg)}.auth-card{width:100%;max-width:420px;background:var(--app-paper);border-radius:var(--app-radius-md);padding:var(--app-space-xl);box-shadow:0 24px 60px #0006}.auth-title{font-family:var(--app-font-serif);font-size:20px;font-weight:600}.auth-sub{font-size:13px;color:var(--app-ink-soft);margin-top:var(--app-space-xs);line-height:1.7}.auth-field{margin-top:var(--app-space-md)}.course{min-height:100%;background:var(--app-paper-warm);padding:var(--app-space-lg) var(--app-space-md) var(--app-space-xl)}.course-inner{max-width:820px;margin:0 auto}.course-hero{display:flex;gap:var(--app-space-lg);align-items:flex-start;background:var(--app-ink);color:var(--app-paper);border-radius:var(--app-radius-md);padding:var(--app-space-xl) var(--app-space-lg);margin-top:var(--app-space-md)}.course-cover{width:96px;height:132px;flex-shrink:0;border-radius:2px 6px 6px 2px;background:linear-gradient(135deg,var(--app-brand),var(--app-brand-deep));border-left:5px solid var(--app-accent);box-shadow:0 10px 26px #00000073;display:flex;align-items:center;justify-content:center;color:var(--app-accent-soft);font-family:var(--app-font-display);font-size:32px}.course-eyebrow{font-size:13.5px;letter-spacing:.18em;color:var(--app-accent);text-transform:uppercase}.course-title{font-family:var(--app-font-sans);font-size:32px;font-weight:600;margin-top:4px}.course-sub{font-size:16px;color:#fdfbf7a6;margin-top:4px}.course-lead{font-family:var(--app-font-sans);font-size:16.5px;line-height:1.95;color:#fdfbf7d9;margin-top:var(--app-space-md)}.course-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--app-space-md)}.course-facts span{font-size:13.5px;padding:3px 10px;border-radius:999px;border:1px solid rgba(201,168,76,.5);color:var(--app-accent-soft)}.course-section{margin-top:var(--app-space-xl)}.course-h2{font-family:var(--app-font-sans);font-size:21px;font-weight:600;padding-left:12px;border-left:3px solid var(--app-accent);margin-bottom:var(--app-space-md)}.course-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--app-space-sm)}.course-step{display:flex;gap:var(--app-space-sm);background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:var(--app-space-md)}.course-step-no{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--app-accent);color:var(--app-ink);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600}.course-step-title{font-weight:600;font-size:16.5px;margin-bottom:4px}.course-step-body{font-size:15px;line-height:1.85;color:var(--app-ink-soft)}.course-part{background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:var(--app-space-md);margin-bottom:var(--app-space-sm)}.course-part-head{display:flex;align-items:baseline;gap:var(--app-space-sm);padding-bottom:var(--app-space-sm);border-bottom:1px solid var(--app-line)}.course-part-label{font-size:15px;letter-spacing:.12em;color:var(--app-accent)}.course-part-title{font-family:var(--app-font-sans);font-size:21px;font-weight:600}.course-chapters{list-style:none;margin-top:var(--app-space-sm)}.course-chapters li{display:flex;align-items:baseline;gap:var(--app-space-sm);padding:7px 0;font-size:16px;border-bottom:1px dashed rgba(75,46,131,.1)}.course-chapters li:last-child{border-bottom:none}.course-ch-no{flex-shrink:0;font-size:14px;color:var(--app-ink-faint);width:42px}.course-ch-title{flex:1;line-height:1.6}.course-list{list-style:none;background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:var(--app-space-md) var(--app-space-lg)}.course-list li{position:relative;padding-left:14px;margin:9px 0;font-size:16px;line-height:1.9}.course-list li:before{content:"·";position:absolute;left:0;color:var(--app-accent);font-weight:700}.course-list em{font-style:normal;color:var(--app-warn)}.course-cta{display:flex;gap:var(--app-space-sm);margin-top:var(--app-space-xl)}@media (max-width: 620px){.course-hero{flex-direction:column}}.learner{height:100%;display:flex;flex-direction:column;background:var(--app-paper-warm)}.learner-top{background:var(--app-ink);color:var(--app-paper);padding:10px var(--app-space-lg);display:flex;align-items:center;gap:var(--app-space-md);flex-shrink:0}.learner-brand{font-family:var(--app-font-display);font-size:17px;letter-spacing:-.3px}.brand-my{font-family:var(--app-font-script);font-size:21px;color:var(--app-accent);letter-spacing:0;margin-right:2px}.learner-badge{font-size:13px;border:1px solid rgba(201,168,76,.5);color:var(--app-accent-soft);padding:3px 9px;border-radius:999px}.learner-badge.period{border-color:#fdfbf747;color:#fdfbf7c7}.learner-badge.demo{border-color:#e8d5a3b3;background:#c9a84c33;color:var(--app-accent-pale)}.chapter-tabs{display:flex;align-items:flex-end;gap:4px;padding:8px 14px 0;overflow-x:auto;background:var(--app-line);flex-shrink:0;scrollbar-width:thin}.chapter-tab{position:relative;min-width:58px;padding:8px 14px 9px;font-size:13px;font-weight:600;background:var(--app-mist);border:none;border-radius:4px 4px 0 0;box-shadow:inset 0 2px #0000000d;color:var(--app-ink-soft);white-space:nowrap;transform:translateY(3px);transition:transform .12s ease,background .12s ease}.chapter-tab:hover{transform:translateY(0)}.chapter-tab.done{background:var(--app-mint-pale);color:var(--app-ink)}.chapter-tab.active{background:var(--app-paper);color:var(--app-ink);font-weight:700;transform:translateY(0);box-shadow:inset 0 3px 0 var(--app-accent),0 -1px 4px #0000000f}.chapter-tab.preview{margin-left:10px;min-width:auto;background:var(--app-brand-pale);color:var(--app-brand)}.chapter-tab.preview.active{background:var(--app-paper);box-shadow:inset 0 3px 0 var(--app-brand),0 -1px 4px #0000000f}.chapter-tab .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--app-sage);margin-left:6px;vertical-align:middle}.chapter-tab .dot.confirmed{background:var(--app-accent)}.learner-body{flex:1;display:flex;min-height:0}.col-manuscript{flex:1;overflow-y:auto;background:var(--app-paper);padding:var(--app-space-xl) clamp(20px,5vw,56px)}.col-resizer{flex:0 0 8px;cursor:col-resize;background:var(--app-line);display:flex;align-items:center;justify-content:center;transition:background .15s ease;-webkit-user-select:none;user-select:none}.col-resizer:hover,.learner-body.dragging .col-resizer{background:var(--app-accent)}.col-resizer-grip{width:2px;height:34px;border-radius:2px;background:#4b2e834d}.col-resizer:hover .col-resizer-grip,.learner-body.dragging .col-resizer-grip{background:var(--app-ink)}.learner-body.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.col-panel{flex:0 0 auto;border-left:1px solid var(--app-line);background:var(--app-paper-warm);display:flex;flex-direction:column;min-height:0}.panel-tabs{display:flex;border-bottom:1px solid var(--app-line);flex-shrink:0}.panel-tab{flex:1;padding:11px 4px;font-size:13px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--app-ink-soft)}.panel-tab.active{color:var(--app-ink);border-bottom-color:var(--app-accent);font-weight:500;background:var(--app-paper)}.panel-body{flex:1;overflow-y:auto;padding:var(--app-space-md)}.ms-part{font-size:13px;letter-spacing:.18em;color:var(--app-accent);text-transform:uppercase}.ms-title{font-family:var(--app-font-serif);font-size:27px;font-weight:600;line-height:1.4;margin-top:var(--app-space-xs)}.ms-sub{font-size:13px;color:var(--app-ink-faint);margin-top:var(--app-space-xs)}.ms-rule{height:1px;background:var(--app-line);margin:var(--app-space-lg) 0}.ms-body{font-family:var(--app-font-serif);font-size:15.5px;line-height:2.05;color:#14342de6;max-width:720px;overflow-wrap:anywhere}.ms-body p{margin-bottom:1.1em}.ms-body p.ms-source{font-size:13.5px;font-style:italic}.ms-body h3{font-family:var(--app-font-sans);font-size:16px;font-weight:700;margin:2em 0 .9em;padding-left:12px;border-left:3px solid var(--app-accent);line-height:1.5}.ms-body h4{font-size:14px;font-weight:600;margin-bottom:.7em;color:var(--app-sage)}.ms-body h4.ms-sub{font-family:var(--app-font-sans);font-size:16px;font-weight:700;color:var(--app-ink);margin:1.9em 0 .8em;letter-spacing:-.2px;line-height:1.6}.ms-body blockquote{border-left:2px solid var(--app-accent);background:var(--app-accent-pale);padding:14px 18px;margin:1.5em 0;font-style:italic;font-size:15px}.ms-body blockquote cite{display:block;font-style:normal;font-size:13px;color:var(--app-ink-faint);margin-top:8px}.ms-body aside.callout{background:#fff;border:1px solid var(--app-accent-soft);border-radius:var(--app-radius-md);padding:14px 16px;margin:1.5em 0;font-family:var(--app-font-sans);font-size:14px;line-height:1.85}.ms-body section.reflection,.ms-body section.action{background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:16px 18px;margin:1.8em 0;font-family:var(--app-font-sans);font-size:14px}.ms-body ul.ms-list{margin:0 0 1.1em 1.2em;padding-left:.4em;line-height:1.95}.ms-body ul.ms-list li{margin-bottom:.25em}.ms-body .ms-accent{color:var(--app-brand-deep);font-weight:600}.ms-body p.ms-figure{border:1px dashed var(--app-line);border-radius:var(--app-radius-md);background:var(--app-mist);color:var(--app-ink-faint);font-family:var(--app-font-sans);font-size:13px;text-align:center;padding:22px 12px;margin:1.4em 0}.ms-body figure.ms-fig{margin:1.8em 0;break-inside:avoid;page-break-inside:avoid}.ms-body figure.ms-fig img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md)}.ms-body figure.ms-fig figcaption{margin-top:8px;font-family:var(--app-font-sans);font-size:13px;line-height:1.6;color:var(--app-ink-soft);text-align:center}.ms-body hr.ms-sep{border:0;border-top:1px solid var(--app-line);margin:2em auto;width:40%}.ms-body section.reflection ol{padding-left:1.2em;line-height:1.9}.ms-body section.action{border-color:var(--app-accent-soft);background:var(--app-accent-pale)}.ms-body section.ms-book-block h4{margin-bottom:0}.ms-body section.ms-book-block .ms-slot{border-left:0;background:transparent;border-radius:0;padding:10px 0 0;margin:10px 0 0;border-top:1px solid var(--app-line)}.ms-body section.ms-book-block .ms-slot.empty{background:transparent}.ms-body section.ms-book-block .ms-slot-label:empty{display:none}.ms-body section.ms-book-block .ms-slot-label{margin-bottom:4px}.ms-slot{border-left:3px solid var(--app-accent);background:#fff;padding:12px 16px;margin:1.2em 0 1.8em;font-family:var(--app-font-serif);font-size:14.5px;line-height:1.95;white-space:pre-wrap;border-radius:0 var(--app-radius-md) var(--app-radius-md) 0}.ms-slot.empty{color:var(--app-ink-faint);font-style:italic;background:#ffffff80;border-left-color:var(--app-line)}.ms-slot-ai{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--app-sage);color:var(--app-paper);font-size:13px;letter-spacing:0}.ms-slot-label{font-family:var(--app-font-sans);font-size:13px;color:var(--app-accent);letter-spacing:.05em;margin-bottom:6px;font-style:normal}.q-card{background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:14px;margin-bottom:var(--app-space-sm)}.q-card.action{border-color:var(--app-accent-soft);background:var(--app-accent-pale)}.q-kind{display:inline-block;font-size:13px;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--app-line);color:var(--app-ink-soft);margin-bottom:8px}.q-kind.action{background:var(--app-accent);color:var(--app-ink)}.q-text{font-size:15.5px;line-height:1.75;margin-bottom:var(--app-space-sm)}.q-items{margin:0 0 var(--app-space-sm);padding-left:1.35em;font-size:15.5px;line-height:1.85;color:#14342de0}.q-items li{margin-bottom:6px}.q-guide{font-size:15px;color:var(--app-ink-soft);line-height:1.8;background:#ffffffb3;border-radius:var(--app-radius-sm);padding:10px 12px;margin-bottom:var(--app-space-sm)}.q-status{font-size:13px;color:var(--app-ink-faint);margin-top:6px;height:15px}.q-status.saved{color:var(--app-sage)}.learner-foot{flex-shrink:0;background:var(--app-ink);color:var(--app-paper);padding:9px var(--app-space-lg);display:flex;align-items:center;gap:var(--app-space-md);font-size:13px}.progress-rail{flex:1;height:4px;background:#fdfbf726;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--app-accent);transition:width .4s ease}.admin{height:100%;display:flex;flex-direction:column;background:var(--app-paper-warm)}.admin-top{background:var(--app-ink);color:var(--app-paper);padding:12px var(--app-space-lg);display:flex;align-items:center;gap:var(--app-space-lg);flex-shrink:0}.admin-nav{display:flex;gap:var(--app-space-xs)}.admin-nav button{background:transparent;border:1px solid transparent;color:#fdfbf799;padding:6px 14px;font-size:13px;border-radius:var(--app-radius-sm)}.admin-nav button.active{color:var(--app-ink);background:var(--app-accent)}.admin-body{flex:1;overflow-y:auto;padding:var(--app-space-lg)}.admin-section-title{font-family:var(--app-font-serif);font-size:18px;font-weight:600;margin-bottom:var(--app-space-md)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--app-space-sm);margin-bottom:var(--app-space-lg)}.stat{background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:var(--app-space-md)}.stat-value{font-family:var(--app-font-display);font-size:28px;line-height:1.1}.stat-label{font-size:13px;color:var(--app-ink-soft);margin-top:4px}.filter-row{display:flex;gap:var(--app-space-sm);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--app-space-md)}.filter-row .field{min-width:150px}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.data-table th,.data-table td{padding:9px 12px;border-bottom:1px solid var(--app-line);text-align:left;white-space:nowrap}.data-table th{background:var(--app-paper-warm);font-weight:500;font-size:13px;color:var(--app-ink-soft);position:sticky;top:0}.table-scroll{overflow-x:auto;border:1px solid var(--app-line);border-radius:var(--app-radius-md)}.pill{display:inline-block;font-size:13px;padding:2px 9px;border-radius:999px;border:1px solid var(--app-line)}.pill.완주{background:var(--app-sage);color:var(--app-paper);border-color:var(--app-sage)}.pill.작성중{background:var(--app-accent-pale);border-color:var(--app-accent-soft)}.pill.미시작{background:#a3406b17;border-color:#a3406b47;color:var(--app-warn)}.pill.dl-none{color:var(--app-ink-faint)}.pill.dl-done{background:var(--app-mist);border-color:var(--app-brand-soft);color:var(--app-brand-deep)}.pill.dl-changed{background:#c2553f14;border-color:#c2553f4d;color:var(--app-warn)}.th-sort{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.chapter-dots{display:inline-flex;gap:3px}.chapter-dots span{width:9px;height:9px;border-radius:2px;background:var(--app-line);display:inline-block}.chapter-dots span.partial{background:var(--app-accent-soft)}.chapter-dots span.done{background:var(--app-sage)}.two-col{display:grid;grid-template-columns:280px 1fr;gap:var(--app-space-md);align-items:start}.two-col.even{grid-template-columns:1fr 1fr}.data-table tr.row-active td{background:var(--app-mist)}.list-item{width:100%;text-align:left;background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-sm);padding:10px 12px;font-size:13px;margin-bottom:6px}.list-item.active{border-color:var(--app-accent);background:var(--app-accent-pale)}.tag-custom{font-size:13px;color:var(--app-warn);border:1px solid rgba(163,64,107,.32);border-radius:999px;padding:1px 7px;margin-left:6px}.ai-status{font-size:13px;border-radius:8px;padding:7px 10px;margin-bottom:10px;line-height:1.5}.ai-status.on{color:#1f5132;background:#e8f4ec;border:1px solid rgba(18,80,68,.24)}.ai-status.off{color:#8a2f2f;background:#fbeceb;border:1px solid rgba(138,47,47,.24)}.ai-on{color:#1f5132;font-weight:500}.ai-off{color:#8a2f2f;font-weight:500}.env-name{display:inline-block;font-size:12.5px;border-radius:6px;padding:2px 8px;margin:0 6px 6px 0;background:#3c280a0f;border:1px solid rgba(60,40,10,.16);color:#6b5a3e}.env-name.on{background:#e8f4ec;border-color:#12504466;color:#1f5132;font-weight:600}.postcode-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#12504499;display:flex;align-items:center;justify-content:center;padding:var(--app-space-md)}.postcode-panel{width:min(520px,100%);height:min(560px,90vh);background:var(--app-paper);border-radius:var(--app-radius-md);box-shadow:0 24px 60px #0006;display:flex;flex-direction:column;overflow:hidden}.postcode-close{align-self:flex-end;margin:var(--app-space-xs) var(--app-space-xs) 0 0;padding:6px 12px;border:1px solid rgba(75,46,131,.22);background:transparent;border-radius:var(--app-radius-sm);font-size:13px;color:var(--app-ink)}.postcode-close:hover{border-color:var(--app-accent);background:var(--app-accent-pale)}.postcode-host{flex:1;min-height:0}.finish{min-height:100%;background:var(--app-paper-warm);padding:var(--app-space-xl) var(--app-space-md)}.finish-inner{max-width:780px;margin:0 auto}.book-preview{background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md);padding:clamp(24px,6vw,56px);margin-top:var(--app-space-md)}.book-preview h2{font-family:var(--app-font-serif);font-size:22px;margin:1.6em 0 .6em}.book-preview .answer{font-family:var(--app-font-serif);line-height:2;border-left:3px solid var(--app-accent);padding:8px 14px;margin:10px 0 18px;white-space:pre-wrap}.book-preview .qlabel{font-size:13px;color:var(--app-ink-faint)}@media print{.no-print{display:none!important}body{background:#fff}.book-preview{border:none;padding:0}}@media (max-width: 860px){.learner-body{flex-direction:column}.col-resizer{display:none}.col-panel{width:100%!important;border-left:none;border-top:1px solid var(--app-line);max-height:55vh}.two-col,.two-col.even,.intro-actions{grid-template-columns:1fr}}.course-chapters.toc li{display:grid;grid-template-columns:56px minmax(180px,1fr) 1.4fr;gap:var(--app-space-md);align-items:baseline;padding:14px 0}.course-chapters.toc .course-ch-no{width:auto;font-size:15px;color:var(--app-brand-soft);font-weight:600}.course-chapters.toc .course-ch-title{font-size:19px;font-weight:600;line-height:1.5;letter-spacing:-.2px}.course-ch-summary{font-size:15px;line-height:1.85;color:var(--app-ink-soft)}@media (max-width: 820px){.course-chapters.toc li{grid-template-columns:48px 1fr}.course-ch-summary{grid-column:2 / -1}}.course-devices{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--app-space-md)}.device-card{text-align:center;padding:var(--app-space-md);border-radius:var(--app-radius-md);background:var(--app-paper);border:1px solid var(--app-mist-deep)}.device-frame{display:flex;align-items:center;justify-content:center;width:132px;height:132px;margin:0 auto var(--app-space-sm);border-radius:10px;background:var(--app-line);border:1px solid var(--app-mist-deep)}.device-name{font-size:17px;font-weight:700;color:var(--app-ink)}.device-body{margin-top:10px;font-size:15px;line-height:1.85;color:var(--app-ink-soft);text-align:left}@media (max-width: 820px){.course-devices{grid-template-columns:1fr}}.course-device-tag{display:inline-block;margin-top:6px;font-size:13px;font-weight:400;padding:2px 8px;border-radius:999px;background:var(--app-mint-pale);color:var(--app-mint-deep);vertical-align:middle}.course-note{margin-top:var(--app-space-md);background:var(--app-brand-pale);border:1px solid rgba(111,79,176,.25);border-radius:var(--app-radius-md);padding:var(--app-space-md) var(--app-space-lg)}.course-note strong{display:block;font-size:16px;color:var(--app-brand);margin-bottom:8px}.course-note ul{list-style:none}.course-note li{position:relative;padding-left:14px;margin:7px 0;font-size:15.5px;line-height:1.9;color:var(--app-ink-soft)}.course-note li:before{content:"·";position:absolute;left:0;color:var(--app-brand-soft);font-weight:700}.course-note b{color:var(--app-ink)}.onboard{min-height:100%;background:linear-gradient(165deg,var(--app-brand-deep) 0%,var(--app-ink) 60%,#241c38 100%);color:var(--app-paper);padding:var(--app-space-xl) var(--app-space-md)}.onboard-inner{max-width:780px;margin:0 auto}.onboard-step{display:inline-block;font-size:13.5px;letter-spacing:.14em;padding:4px 12px;border-radius:999px;border:1px solid rgba(63,185,154,.5);background:#3fb99a1f;color:#a9e6d5;margin-bottom:var(--app-space-md)}.course .onboard-step{border-color:#2c8c7466;background:var(--app-mint-pale);color:var(--app-mint-deep)}.onboard-headline{font-family:var(--app-font-sans);font-size:clamp(24px,4.2vw,34px);font-weight:600;line-height:1.5;letter-spacing:-.4px}.onboard-sub{margin-top:var(--app-space-md);font-size:14.5px;line-height:2;color:#fdfbf7b8;max-width:640px}.onboard-video{margin-top:var(--app-space-xl);border-radius:var(--app-radius-lg);overflow:hidden;background:#000;border:1px solid rgba(201,168,76,.35);aspect-ratio:16 / 9;box-shadow:0 18px 44px #0000006b}.onboard-video video,.onboard-video iframe{width:100%;height:100%;display:block;border:0}.onboard-video-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--app-space-sm);background:#fdfbf70a;color:#fdfbf79e;font-size:13.5px;text-align:center;line-height:1.9}.onboard-video-icon{font-size:34px}.onboard-guide-btn{width:100%;margin-top:var(--app-space-md);display:flex;align-items:center;gap:var(--app-space-md);padding:16px var(--app-space-lg);border-radius:var(--app-radius-md);border:1px solid rgba(253,251,247,.2);background:#fdfbf70f;color:var(--app-paper);text-align:left;transition:all .2s ease}.onboard-guide-btn:hover{border-color:var(--app-accent);background:#c9a84c24}.onboard-guide-icon{font-size:22px}.onboard-guide-text{flex:1;font-size:15.5px;font-weight:600}.onboard-guide-text small{display:block;font-size:13px;font-weight:400;color:#fdfbf78c;margin-top:3px}.onboard-guide-arrow{color:var(--app-accent-soft)}.onboard-actions{display:flex;gap:var(--app-space-sm);flex-wrap:wrap;margin-top:var(--app-space-xl)}.onboard-note{margin-top:var(--app-space-sm);color:#fdfbf773!important}.guide{min-height:100%;background:var(--app-paper);padding:var(--app-space-lg) var(--app-space-md) var(--app-space-xl)}.guide-inner{max-width:760px;margin:0 auto}.guide-bar{display:flex;gap:var(--app-space-sm);align-items:center;margin-bottom:var(--app-space-lg)}.guide-title{font-family:var(--app-font-sans);font-size:28px;font-weight:600}.guide-sub{font-size:13.5px;color:var(--app-ink-soft);margin-top:6px;padding-bottom:var(--app-space-md);border-bottom:1px solid var(--app-line)}.guide-body{margin-top:var(--app-space-lg);font-size:15px;line-height:2;color:#14342de0}.guide-body h2{font-size:19px;font-weight:700;margin:1.9em 0 .7em;padding-left:12px;border-left:3px solid var(--app-accent)}.guide-body h3{font-size:16px;margin:1.4em 0 .5em;color:var(--app-brand)}.guide-body p{margin-bottom:1em}.guide-body ul,.guide-body ol{padding-left:1.4em;margin-bottom:1.2em}.guide-body li{margin:.45em 0}.guide-body b{color:var(--app-brand)}.guide-body img{max-width:100%;border-radius:var(--app-radius-md)}.planner-card{display:flex;gap:var(--app-space-lg);background:#fff;border:1px solid var(--app-line);border-left:4px solid var(--app-mint);border-radius:var(--app-radius-md);padding:var(--app-space-lg)}.planner-badge{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:var(--app-mint-pale);color:var(--app-mint-deep);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.planner-title{font-family:var(--app-font-sans);font-size:19px;font-weight:600;margin-bottom:8px}.planner-body{font-size:16px;line-height:1.95;color:var(--app-ink-soft)}.planner-body b{color:var(--app-ink)}.planner-list{list-style:none;margin-top:var(--app-space-sm)}.planner-list li{position:relative;padding-left:14px;margin:5px 0;font-size:15px;color:var(--app-ink-soft)}.planner-list li:before{content:"·";position:absolute;left:0;color:var(--app-mint);font-weight:700}.admin-video-row{display:flex;align-items:center;gap:var(--app-space-sm);margin-bottom:6px}.ms-slot.waiting{border-left-color:var(--app-mint);background:var(--app-mint-pale);color:var(--app-ink-soft)}.ms-slot-wait{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--app-mint);color:#fff;font-size:13px;letter-spacing:0}.ms-slot-raw{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--app-mist-deep);color:var(--app-ink-soft);font-size:13px;letter-spacing:0}.onboard .app-btn.ghost,.learner-top .app-btn.ghost{color:#fdfbf7e0;border-color:#fdfbf747}.onboard .app-btn.ghost:hover:not(:disabled),.learner-top .app-btn.ghost:hover:not(:disabled){color:var(--app-accent-soft);border-color:var(--app-accent);background:#c9a84c24}.sample-box{margin-top:var(--app-space-md);padding:var(--app-space-md);border:1px dashed rgba(111,79,176,.4);background:var(--app-brand-pale);border-radius:var(--app-radius-md)}.sample-title{font-size:13px;font-weight:600;color:var(--app-brand);display:flex;align-items:center;gap:8px}.sample-tag{font-size:13px;font-weight:400;padding:1px 8px;border-radius:999px;background:var(--app-brand);color:#fff}.sample-hint{font-size:13px;color:var(--app-ink-faint);margin:4px 0 8px}.sample-list{display:flex;flex-direction:column;gap:5px;max-height:260px;overflow-y:auto}.sample-item{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:8px 10px;border:1px solid rgba(111,79,176,.22);background:#fff;border-radius:var(--app-radius-sm);transition:all .15s ease}.sample-item:hover:not(:disabled){border-color:var(--app-brand);background:#fff;box-shadow:0 2px 8px var(--app-shadow)}.sample-item:disabled{opacity:.6}.sample-who{font-size:13px;font-weight:500;flex:1}.sample-row{display:flex;align-items:center;gap:8px;width:100%}.sample-cred{font-size:13px;color:var(--app-ink-soft);font-family:monospace;word-break:break-all}.sample-cred b{color:var(--app-ink);font-weight:500}.sample-progress{flex-shrink:0;font-size:13px;padding:1px 8px;border-radius:999px;background:var(--app-mint-pale);color:var(--app-mint-deep)}.course-steps.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.course-video{margin-top:var(--app-space-lg);border-radius:var(--app-radius-lg);overflow:hidden;background:#000;border:1px solid var(--app-line);aspect-ratio:16 / 9;box-shadow:0 12px 32px var(--app-shadow)}.course-video video,.course-video iframe{width:100%;height:100%;display:block;border:0}.course-video-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--app-space-sm);background:var(--app-brand-pale);color:var(--app-ink-soft);font-size:15px;text-align:center;line-height:1.9}.course-video-icon{font-size:38px}.course-video-caption{margin-top:var(--app-space-sm);font-size:14px;color:var(--app-ink-soft);text-align:center}.admin-video-current{margin-top:4px;font-family:monospace;word-break:break-all;color:var(--app-ink-soft)}.learner-body.preview-only{display:flex}.learner-body.preview-only .col-manuscript{padding-top:0}.ms-preview{padding-top:var(--app-space-xl)}.col-manuscript.wide{width:100%;max-width:none}.ms-preview{max-width:900px;margin:0 auto;padding-bottom:40px}.preview-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:18px 20px;margin-bottom:24px;border-radius:10px;background:var(--app-brand-pale);border:1px solid rgba(91,63,168,.18)}.preview-head.done{background:var(--app-mint-pale);border-color:#2d845e40}.preview-head-main{flex:1 1 320px}.preview-head-title{font-size:19px;font-weight:700;color:var(--app-ink)}.preview-head-sub{margin-top:5px;font-size:13.5px;line-height:1.7;color:var(--app-ink-soft)}.preview-stamp{margin-top:9px;font-size:13px;font-weight:600;color:var(--app-sage)}.preview-stamp.pending{color:var(--app-brand);font-weight:500}.preview-head-actions{flex:0 0 auto;display:flex;align-items:flex-start;gap:var(--app-space-md)}.preview-confirm-col{display:flex;flex-direction:column;align-items:stretch;gap:var(--app-space-sm);min-width:190px}.preview-pdf{display:flex;flex-direction:column;gap:6px}.preview-pdf-btn:disabled{background:#d7dfdc;border-color:#d7dfdc;color:#7b8a85;cursor:not-allowed;opacity:1}.preview-pdf-hint{font-size:var(--app-font-min);line-height:1.5;color:var(--app-ink-faint);max-width:220px}.preview-next{max-width:340px;padding-left:var(--app-space-md);border-left:1px solid rgba(75,46,131,.18)}.preview-next-title{font-size:13.5px;font-weight:600;color:var(--app-ink);line-height:1.6}.preview-next-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.preview-next-step{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(75,46,131,.2);border-radius:var(--app-radius-md);background:var(--app-paper)}.preview-next-step.done{border-color:#2d845e66;background:var(--app-mint-pale)}.preview-next-step .app-btn{padding:6px 12px;font-size:13px;white-space:nowrap}.preview-next-state{font-size:13px;color:var(--app-ink-faint);white-space:nowrap}.preview-next-step.done .preview-next-state{color:var(--app-sage);font-weight:600}.preview-next-where{margin-top:8px;font-size:13px;color:var(--app-ink-faint)}.preview-next-final{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(75,46,131,.18);font-size:13px;line-height:1.8;color:var(--app-ink-soft)}@media (max-width: 860px){.preview-head-actions{flex-direction:column;flex:1 1 100%;min-width:0;width:100%}.preview-next{padding-left:0;border-left:none;max-width:none;width:100%}.preview-next-steps{width:100%}.preview-next-step{flex:1 1 100%;min-width:0}.preview-next-step .app-btn{white-space:normal}}.preview-chapter+.preview-chapter{margin-top:34px}.preview-chapter-bar{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:6px;background:var(--app-line);position:sticky;top:0;z-index:2;box-shadow:0 6px 10px -6px var(--app-shadow)}.preview-chapter-no{font-size:13px;font-weight:700;color:var(--app-brand)}.preview-chapter-title{flex:1;font-size:13.5px;font-weight:600;color:var(--app-ink)}.preview-chapter-note{font-size:13px;color:var(--app-ink-faint)}.preview-chapter-body{padding-top:14px}.setup-block{margin-top:var(--app-space-md)}.setup-block-title{font-size:16px;font-weight:700;color:var(--app-brand);margin-bottom:var(--app-space-md);padding-bottom:8px;border-bottom:1px solid var(--app-mist-deep)}.setup-cover{display:grid;grid-template-columns:350px 1fr;gap:var(--app-space-lg);align-items:start}.setup-cover-stage{position:sticky;top:12px}.cover-preview{position:relative;border-radius:3px 7px 7px 3px;overflow:hidden;box-shadow:0 10px 26px #1a120838;background:var(--app-paper-warm)}.cover-preview:after{content:"";position:absolute;inset:0 auto 0 0;width:4%;background:linear-gradient(90deg,#00000042,#0000);pointer-events:none}.cover-preview-bg{display:block;width:100%;height:100%;object-fit:cover}.setup-count{float:right;font-weight:400;color:var(--app-ink-faint)}.setup-cover-designs{margin-top:var(--app-space-lg);padding-top:var(--app-space-md);border-top:1px solid var(--app-mist-deep)}.setup-cover-picks{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.setup-cover-pick{display:block;padding:6px 6px 4px;background:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer}.setup-cover-pick:hover{background:var(--app-line)}.setup-cover-pick.active{border-color:var(--app-accent);background:var(--app-line)}.setup-cover-pick-label{display:block;margin-top:6px;font-size:13px;color:var(--app-ink-soft);text-align:center}@media (max-width: 900px){.setup-cover{grid-template-columns:1fr}.setup-cover-stage{position:static;justify-self:center}}.profile-preview{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--app-paper);border:1px solid var(--app-mist-deep);border-radius:3px 7px 7px 3px;box-shadow:0 10px 26px var(--app-shadow);font-family:var(--app-font-serif);overflow:hidden}.profile-preview-eyebrow{align-self:flex-start;font-family:var(--app-font-sans);font-weight:700;color:var(--app-ink);letter-spacing:.02em}.profile-preview-rule.top{width:100%;background:var(--app-ink);opacity:.55}.profile-preview-photo{border:1px solid var(--app-mist-deep);background:var(--app-paper-warm);display:flex;align-items:center;justify-content:center;color:var(--app-ink-faint);font-family:var(--app-font-sans);flex-shrink:0}.profile-preview-photo.empty{border-style:dashed}.profile-preview-nickname{font-weight:700;color:var(--app-ink);line-height:1.3;word-break:keep-all}.profile-preview-name{font-family:var(--app-font-sans);color:var(--app-ink-soft)}.profile-preview-rule{height:1px;background:var(--app-accent);flex-shrink:0}.profile-preview-bio{line-height:1.9;color:var(--app-ink-soft);white-space:pre-wrap;word-break:keep-all;overflow:hidden}.learner-badge.locked{border-color:var(--app-accent);color:var(--app-accent-soft)}.produce.done{border-color:#2d845e59;background:var(--app-mint-pale)}.produce-title{font-size:16px;font-weight:700;color:var(--app-brand);margin-bottom:var(--app-space-md);padding-bottom:8px;border-bottom:1px solid var(--app-mist-deep)}.produce-books{display:flex;flex-wrap:wrap;gap:var(--app-space-lg);align-items:flex-start}.produce-book{text-align:center;flex-shrink:0}.produce-book-label{margin-top:8px;font-size:13px;color:var(--app-ink-faint)}.produce-facts{flex:1 1 240px;min-width:220px;display:flex;flex-direction:column;gap:var(--app-space-md)}.produce-fact{display:flex;flex-direction:column;gap:4px}.produce-fact-label{font-size:13px;color:var(--app-ink-faint)}.produce-fact-value{font-size:15px;font-weight:600;color:var(--app-ink)}.produce-fact-value.ok{color:var(--app-sage)}.produce-fact-value.wait{color:var(--app-warn)}.progress-rail.slim{height:6px;margin-top:4px;background:var(--app-line);border-radius:999px;overflow:hidden}.produce-blockers{margin:var(--app-space-md) 0 0 18px;font-size:13.5px;color:var(--app-warn);line-height:1.9}.produce-btn{margin-top:var(--app-space-md);padding:12px 26px;font-size:15px;font-weight:600}.produce-notice{margin-top:10px;font-size:13.5px;line-height:1.8;color:var(--app-ink-soft);white-space:pre-line}.produce-done{margin-top:var(--app-space-md);padding-top:var(--app-space-md);border-top:1px solid rgba(45,132,94,.3)}.produce-done-title{font-size:16px;font-weight:700;color:var(--app-sage)}.produce-done-body{margin-top:6px;font-size:14px;line-height:1.9;color:var(--app-ink-soft)}.help{min-height:100%;background:var(--app-paper-warm)}.help-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--app-space-md);padding:12px clamp(16px,5vw,48px);background:var(--app-paper);border-bottom:1px solid var(--app-mist-deep)}.help-tabs{display:flex;gap:6px}.help-tab{padding:9px 20px;font-size:14px;font-weight:600;color:var(--app-ink-soft);background:var(--app-line);border:none;border-radius:var(--app-radius-md) var(--app-radius-md) 0 0;border-bottom:3px solid transparent}.help-tab:hover{color:var(--app-ink)}.help-tab.active{background:var(--app-paper);color:var(--app-brand);border-bottom-color:var(--app-accent)}.q-scroll{max-height:520px;overflow-y:auto;border:1px solid var(--app-mist-deep);border-radius:var(--app-radius-md);padding:10px;background:var(--app-paper-warm)}.q-scroll::-webkit-scrollbar{width:10px}.q-scroll::-webkit-scrollbar-thumb{background:var(--app-line);border-radius:999px}.q-scroll::-webkit-scrollbar-thumb:hover{background:var(--app-mist-deep)}.q-field+.q-field{margin-top:10px}.q-field .app-label{margin-bottom:4px}.q-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--app-space-sm)}.download-ready{display:flex;align-items:center;gap:var(--app-space-md);flex-wrap:wrap;margin-top:var(--app-space-md);padding:var(--app-space-md);border:1px solid var(--app-accent);border-radius:var(--app-radius-md);background:var(--app-accent-pale)}.download-ready-main{flex:1 1 280px}.download-ready-name{font-weight:700;font-size:14px;color:var(--app-ink);word-break:break-all}.download-ready .app-btn{text-decoration:none;white-space:nowrap}.course-video-list{display:grid;gap:var(--app-space-lg)}.video-list{display:grid;gap:var(--app-space-sm)}.video-row{display:grid;grid-template-columns:28px 200px 1fr auto;gap:var(--app-space-md);align-items:center;padding:var(--app-space-md);background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md)}.video-row-no{font-weight:700;color:var(--app-brand);text-align:center}.video-row-player{aspect-ratio:16 / 9;background:var(--app-ink);border-radius:var(--app-radius-sm);overflow:hidden}.video-row-player video,.video-row-player iframe{width:100%;height:100%;border:0;display:block}.video-row-player .course-video-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--app-ink-faint);font-size:13px}.video-row-main .app-hint{word-break:break-all}.video-row-actions{display:flex;gap:6px;align-items:center}.video-row-actions .app-btn{padding:6px 12px}@media (max-width: 900px){.video-row{grid-template-columns:1fr}}.cover-admin-row{display:grid;grid-template-columns:28px 120px 1fr auto;gap:var(--app-space-md);align-items:center;padding:var(--app-space-md);background:#fff;border:1px solid var(--app-line);border-radius:var(--app-radius-md)}.cover-admin-row.hidden{background:var(--app-paper-warm)}.cover-admin-row.hidden .cover-preview{opacity:.55}.cover-admin-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cover-admin-badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--app-accent-pale);color:var(--app-brand)}.cover-admin-badge.off{background:var(--app-line);color:var(--app-ink-soft)}.cover-admin-badge.plain{background:transparent;border:1px solid var(--app-line);color:var(--app-ink-soft)}.cover-admin-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.cover-admin-actions .app-btn{padding:6px 12px;font-size:13px}.cover-admin-editor{display:grid;grid-template-columns:260px 1fr;gap:var(--app-space-lg);margin-top:6px;padding:var(--app-space-md);background:#fff;border:1px dashed var(--app-line);border-radius:var(--app-radius-md)}.cover-admin-editor-form fieldset{border:1px solid var(--app-line);border-radius:var(--app-radius-sm);padding:8px 12px 10px;margin:0 0 var(--app-space-sm)}.cover-admin-editor-form legend{font-weight:600;font-size:13px;padding:0 4px}.cover-admin-field{display:grid;grid-template-columns:76px 1fr 70px;align-items:center;gap:8px;font-size:13px;margin-top:4px}.cover-admin-field b{font-weight:500;color:var(--app-ink-soft);font-variant-numeric:tabular-nums}.cover-admin-field input[type=range]{accent-color:var(--app-brand)}.cover-admin-field input[type=color]{width:44px;height:28px;padding:0;border:1px solid var(--app-line);border-radius:4px;background:none}@media (max-width: 900px){.cover-admin-row,.cover-admin-editor{grid-template-columns:1fr}.cover-admin-actions{flex-direction:row;flex-wrap:wrap}}.q-block-label{font-size:13px;font-weight:700;color:var(--app-brand);background:var(--app-brand-pale);padding:3px 9px;border-radius:999px;white-space:nowrap}@media (max-width: 1100px){.learner-top{flex-wrap:wrap;row-gap:8px;padding:8px var(--app-space-md)}.learner-top>span[style*="flex: 1"],.learner-top>div[style*="flex: 1"]{display:none}.learner-brand{font-size:15px;white-space:nowrap}.learner-badge{white-space:nowrap}.learner-badge.period{display:none}.learner-top .app-btn{padding:8px 12px;font-size:13px;white-space:nowrap;min-height:38px}}@media (max-width: 860px){.learner-body{flex-direction:column}.col-manuscript{flex:1 1 auto;padding:var(--app-space-md)}.col-resizer{display:none}.col-panel{width:auto!important;flex:0 0 46%;border-left:none;border-top:2px solid var(--app-line)}.learner-foot{flex-wrap:wrap;row-gap:6px;padding:8px var(--app-space-md)}.learner-foot .progress-rail{order:10;flex-basis:100%}.learner-foot .app-btn{min-height:34px}}@media (max-width: 640px){.form-2col{grid-template-columns:1fr!important}}.q-meter{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}.q-count{font-size:13px;color:var(--app-ink-faint);white-space:nowrap}.q-count.ready{color:var(--app-sage);font-weight:600}.ai-roles{display:grid;grid-template-columns:1fr 1fr;gap:var(--app-space-md);margin-top:var(--app-space-md)}.ai-role-title{font-size:14px;font-weight:700;color:var(--app-brand);margin-bottom:4px}@media (max-width: 900px){.ai-roles{grid-template-columns:1fr}}.pick-list{margin-top:var(--app-space-md);border:1px solid var(--app-mist-deep);border-radius:var(--app-radius-md);overflow:hidden}.pick-head{display:flex;align-items:center;gap:var(--app-space-md);padding:10px 14px;background:var(--app-line);border-bottom:1px solid var(--app-mist-deep)}.pick-all{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--app-ink);cursor:pointer}.pick-scroll{max-height:420px;overflow-y:auto}.pick-list .data-table tbody tr{cursor:pointer}.pick-list .data-table tbody tr:hover{background:var(--app-accent-pale)}.pick-list .data-table tbody tr.picked{background:var(--app-mint-pale)}.pick-list input[type=checkbox]{width:16px;height:16px;accent-color:var(--app-brand);cursor:pointer}.roster-result{margin-top:var(--app-space-md);padding:var(--app-space-md);border-radius:var(--app-radius-md);background:var(--app-paper-warm);border:1px solid var(--app-mist-deep)}.roster-result.ok{background:var(--app-mint-pale);border-color:#2d845e59}.roster-result-title{font-weight:700;font-size:14px;color:var(--app-ink);margin-bottom:8px}.roster-table{margin-top:4px}.roster-table code{background:#fff;padding:2px 8px;border-radius:4px;border:1px solid var(--app-mist-deep);font-size:13px}.boot-error{position:fixed;top:0;left:0;right:0;z-index:50;padding:12px clamp(16px,4vw,40px);background:var(--app-warn);color:#fff;font-size:14px;font-weight:600;line-height:1.6;text-align:center;box-shadow:0 2px 10px var(--app-shadow-deep)}.report-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--app-space-sm, 10px);margin-top:var(--app-space-sm, 10px)}.report-filters>div{min-width:150px}.report-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-sm, 10px)}.report-head{margin:var(--app-space-md, 16px) 0 var(--app-space-sm, 10px)}.report-head h2{margin:0 0 4px;font-size:20px}.report-meta{color:var(--app-ink-faint);font-size:13.5px}.report-card h3{margin:0 0 10px;font-size:17px}.report-bars{margin:6px 0}.report-bar{display:flex;align-items:center;gap:12px;margin:8px 0}.report-bar-name{width:42px;font-weight:700}.report-bar-rail{flex:1;height:20px;border-radius:999px;background:#3c280a14;overflow:hidden}.report-bar-fill{display:block;height:100%;border-radius:999px;background:var(--app-deep, #35205e)}.report-bar-value{width:48px;text-align:right;font-weight:700}.report-table{border-collapse:collapse;width:100%;max-width:520px;font-size:14.5px}.report-table th,.report-table td{border:1px solid var(--app-line, rgba(60, 40, 10, .16));padding:8px 12px;text-align:left}.report-table th{background:#3c280a0d}.report-themes{padding-left:20px;margin:6px 0}.report-themes>li{margin:0 0 18px}.report-themes b{font-size:15.5px;color:var(--app-deep, #35205e)}.report-themes p{margin:4px 0 6px}.report-quotes{list-style:none;padding:0;margin:0}.report-quotes li{border-left:2px solid var(--app-line, rgba(60, 40, 10, .16));padding:5px 0 5px 12px;margin:6px 0;font-size:14px;line-height:1.8}.report-quote-label{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;background:#12504414;color:var(--app-deep, #35205e);font-size:12px;font-weight:700}@media (max-width: 700px){.report-filters>div{min-width:100%}}.ms-slot-edited{margin-left:8px;padding:1px 8px;border-radius:999px;background:#2c8c741f;color:var(--app-mint, #2c8c74);font-size:11.5px;font-weight:700;letter-spacing:-.2px}.ms-slot-hint{margin-left:8px;color:var(--app-ink-faint);font-size:11.5px;opacity:0;transition:opacity .15s}.ms-slot:hover .ms-slot-hint,.ms-slot:focus-visible .ms-slot-hint{opacity:1}.ms-slot.editing{cursor:default;outline:2px solid var(--app-accent);outline-offset:2px}.ms-edit{margin-top:6px;cursor:default}.ms-edit-box{width:100%;min-height:190px;box-sizing:border-box;padding:12px 14px;border:1px solid var(--app-accent);border-radius:10px;background:var(--app-paper, #fdfaf4);color:inherit;font-family:inherit;font-size:inherit;line-height:1.9;resize:vertical}.ms-edit-box:focus{outline:none}.ms-edit-bar{display:flex;align-items:center;gap:8px;margin-top:8px}.ms-edit-count{font-size:12.5px;color:var(--app-ink-faint)}.ms-edit-count.over{color:var(--app-danger, #b3261e);font-weight:700}.admin-nav.ordered{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.admin-nav .nav-no{font-weight:800;margin-right:3px;opacity:.85}.admin-nav .nav-arrow{opacity:.45;padding:0 2px;font-size:13px}.admin-nav .nav-split{width:1px;height:18px;margin:0 10px;background:currentColor;opacity:.28}.staff-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--app-space-sm, 10px)}.staff-rooms{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.staff-room{display:flex;align-items:center;gap:6px;font-size:14px;padding:5px 10px;border:1px solid var(--app-line, rgba(60, 40, 10, .16));border-radius:8px}.staff-table{border-collapse:collapse;width:100%;font-size:14px}.staff-table th,.staff-table td{border-bottom:1px solid var(--app-line, rgba(60, 40, 10, .16));padding:9px 10px;text-align:left;vertical-align:middle}.staff-table th{background:#3c280a0d;font-weight:700}.staff-table tr.revoked td{opacity:.5}.staff-role{padding:2px 9px;border-radius:999px;background:#3c280a14;font-size:12.5px;font-weight:700}.staff-role.master{background:#1250441a;color:var(--app-deep, #35205e)}.staff-me{margin-left:6px;padding:1px 7px;border-radius:999px;background:#b8860a26;color:var(--app-accent, #b8860a);font-size:11.5px;font-weight:700}.staff-actions{display:flex;flex-wrap:wrap;gap:6px}.staff-actions .app-btn{font-size:12.5px;padding:4px 9px}@media (max-width: 860px){.staff-table{display:block;overflow-x:auto}.admin-nav .nav-arrow{display:none}}.demo-account{margin-bottom:var(--app-space-md, 16px);padding:14px 16px;border:1px solid var(--app-accent, #b8860a);border-radius:12px;background:#b8860a12}.demo-account-title{font-weight:700;font-size:14px;color:var(--app-deep, #35205e);margin-bottom:8px}.demo-account-row{display:flex;align-items:center;gap:10px;margin:4px 0;font-size:14px}.demo-account-label{width:62px;color:var(--app-ink-faint);font-size:13px}.demo-account code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;padding:2px 8px;border-radius:6px;background:#3c280a12}.demo-account-note{margin-top:8px;font-size:12.5px;color:var(--app-ink-faint)}.guide-body .guide-shot{margin:14px 0 10px}.guide-body .guide-shot img{width:100%;max-width:900px;display:block;border:1px solid var(--app-line, rgba(60, 40, 10, .16));border-radius:12px}.guide-body .guide-marks{counter-reset:mark;list-style:none;padding-left:0;margin:12px 0}.guide-body .guide-marks>li{counter-increment:mark;position:relative;padding-left:34px;margin:9px 0;line-height:1.85}.guide-body .guide-marks>li:before{content:counter(mark);position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:999px;background:var(--app-accent, #b8860a);color:#fff;font-size:13.5px;font-weight:800;text-align:center;line-height:24px}