:root{--paper: #f3f5f8;--surface: #ffffff;--ink: #1c2437;--muted: #68728a;--line: #e1e5ec;--line-strong: #c9cfdb;--blue: #2f5bea;--blue-deep: #2448c0;--blue-soft: #e8edfc;--green: #1f9d55;--green-soft: #e3f5ea;--red: #dd4f3b;--red-soft: #fcebe8;--amber: #e8a317;--amber-soft: #fff3d6;--radius: 12px;--radius-sm: 8px;--topbar-h: 56px;--shadow: 0 1px 2px rgba(28, 36, 55, .06), 0 6px 20px -12px rgba(28, 36, 55, .25);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);font-size:16px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;word-break:keep-all}#app{min-height:100%;display:flex;flex-direction:column}h1,h2,h3{margin:0 0 .4em;line-height:1.3;font-weight:700}h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}p{margin:0 0 .6em}a{color:var(--blue-deep)}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--red)}pre{white-space:pre-wrap;font-size:.85rem;background:var(--paper);padding:10px 12px;border-radius:var(--radius-sm)}.btn{font:inherit;font-weight:600;font-size:.95rem;padding:9px 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s,transform .08s}.btn:hover{background:var(--paper)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-deep)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--blue-soft)}.btn.small{padding:5px 12px;font-size:.85rem}.btn.wide{width:100%}.btn.link{border:none;background:none;color:var(--blue-deep);font-weight:500;padding:6px 0}.btn.link:hover{text-decoration:underline;background:none}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(47,91,234,.35);outline-offset:2px}input,textarea,select{font:inherit;color:inherit;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%}input[type=file]{padding:6px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--blue)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:.9rem}.field>span{color:var(--muted)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}.form-error{color:var(--red);font-size:.9rem;min-height:1.2em;margin-bottom:8px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.end{justify-content:flex-end}.toggle{display:inline-flex;gap:8px;align-items:center;font-size:.9rem;color:var(--muted);margin-bottom:12px;cursor:pointer}.page{width:100%;max-width:1100px;margin:0 auto;padding:28px 20px 60px}.page.narrow{max-width:760px}.page.center{flex:1;display:flex;align-items:center;justify-content:center}.page-head{margin-bottom:20px}.page-head p{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:20px}.empty{padding:28px 20px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty.error{color:var(--red);border-color:var(--red)}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-mark{width:18px;height:20px;border-radius:3px;background:var(--blue);position:relative;flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:4px;right:4px;height:2px;border-radius:1px;background:#fff}.brand-mark:before{top:6px}.brand-mark:after{top:11px;right:8px}.brand-mark.big{width:36px;height:40px;border-radius:6px}.brand-mark.big:before,.brand-mark.big:after{left:8px;right:8px;height:3px}.brand-mark.big:before{top:12px}.brand-mark.big:after{top:21px;right:16px}.nav{display:flex;gap:4px}.nav-link{padding:6px 12px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.nav-link:hover{background:var(--paper);color:var(--ink)}.nav-link.active{background:var(--blue-soft);color:var(--blue-deep)}.topbar-extra{margin-left:auto;margin-right:auto}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}.topbar-extra+.topbar-user{margin-left:0}.user-name{font-weight:600;font-size:.95rem}.login-page{padding:20px}.login-card{width:100%;max-width:380px;padding:28px;box-shadow:var(--shadow)}.login-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.login-head h1{margin:0}.login-card .btn.link{display:block;margin:8px auto 0}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:28px}.book-card{position:relative;display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;color:inherit;text-decoration:none;transition:border-color .12s,box-shadow .12s}.book-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}.book-spine{width:10px;flex:none;background:linear-gradient(180deg,var(--blue) 0%,var(--blue-deep) 100%)}.book-body{padding:16px 16px 14px;flex:1;min-width:0}.book-body h2{font-size:1.05rem;margin-bottom:4px}.book-body p{margin:0 0 4px}.book-delete{position:absolute;top:8px;right:8px;color:var(--muted)}.progress{height:6px;background:var(--paper);border-radius:3px;overflow:hidden;margin:10px 0 6px}.progress-bar{height:100%;background:var(--blue);border-radius:3px;transition:width .3s}.upload-card .progress{margin:4px 0 8px}.upload-status{min-height:1.3em;font-size:.9rem;color:var(--muted);margin-bottom:10px}.study{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 440px;height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));overflow:hidden}.pdf-viewer{overflow:auto;background:#e4e7ee;padding:16px;display:flex;justify-content:center;align-items:flex-start}.pdf-canvas{display:block;background:#fff;box-shadow:0 2px 12px #1c24372e}.pdf-loading{align-self:center;color:var(--muted)}.pager{display:flex;align-items:center;gap:4px}.page-input{width:64px;text-align:center;padding:5px 6px;-moz-appearance:textfield}.page-input::-webkit-inner-spin-button,.page-input::-webkit-outer-spin-button{-webkit-appearance:none}.page-label{color:var(--muted);font-variant-numeric:tabular-nums;padding-right:4px}.panel{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--line)}.tabs{display:flex;gap:6px;padding:12px 14px 0;background:var(--paper);border-bottom:1px solid var(--line)}.tab{font:inherit;font-weight:700;font-size:.95rem;padding:9px 14px 8px;border:1px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0;background:#eceff5;color:var(--muted);cursor:pointer;position:relative;top:1px;border-top:4px solid var(--line-strong)}.tab-summary{border-top-color:var(--blue)}.tab-quiz{border-top-color:var(--green)}.tab-ask{border-top-color:var(--amber)}.tab.active{background:var(--surface);color:var(--ink);border-color:var(--line);border-bottom:1px solid var(--surface)}.tab.active.tab-summary{border-top-color:var(--blue)}.tab.active.tab-quiz{border-top-color:var(--green)}.tab.active.tab-ask{border-top-color:var(--amber)}.panel-body{flex:1;min-height:0;overflow:auto;padding:20px 20px 32px}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:12px;border-top:1px dashed var(--line)}.summary h2{font-size:1.15rem;padding-left:12px;border-left:4px solid var(--blue)}.key-points{margin:12px 0 16px;padding-left:22px}.key-points li{margin-bottom:6px}.key-points li::marker{color:var(--blue)}.terms{margin:0 0 16px;display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;font-size:.95rem}.terms dt{font-weight:700;color:var(--blue-deep)}.terms dd{margin:0}.easy,.check-q{padding:12px 14px;border-radius:var(--radius-sm);margin-bottom:12px}.easy{background:var(--blue-soft)}.check-q{background:var(--amber-soft)}.easy h3,.check-q h3{font-size:.85rem;color:var(--muted);margin-bottom:4px}.easy p,.check-q p{margin:0}.quiz-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:.85rem}.quiz-count{font-weight:700;color:var(--green);font-variant-numeric:tabular-nums}.quiz-type{color:var(--muted)}.quiz-q{font-size:1.05rem;font-weight:600;margin-bottom:14px}.choices{display:flex;flex-direction:column;gap:8px}.choice{font:inherit;text-align:left;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer}.choice:hover:not(:disabled){border-color:var(--blue);background:var(--blue-soft)}.choice:disabled{cursor:default;opacity:.85}.choice.correct{border-color:var(--green);background:var(--green-soft);opacity:1}.choice.wrong{border-color:var(--red);background:var(--red-soft);opacity:1}.choice-no{flex:none;width:22px;height:22px;border-radius:50%;background:var(--paper);font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.choice.correct .choice-no{background:var(--green);color:#fff}.choice.wrong .choice-no{background:var(--red);color:#fff}.ox-row{flex-direction:row}.choice.ox{flex:1;justify-content:center;font-size:1.4rem;font-weight:800;padding:14px}.short-row{display:flex;gap:8px}.feedback{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--paper)}.feedback.ok{background:var(--green-soft)}.feedback.no{background:var(--red-soft)}.feedback strong{display:block;margin-bottom:4px}.feedback p{margin:0 0 4px}.feedback .explain{color:var(--muted);font-size:.95rem}.quiz .row.end{margin-top:14px}.quiz-result{text-align:center;padding:20px 0}.quiz-result .row{justify-content:center;margin-top:12px}.ask{display:flex;flex-direction:column;height:100%;min-height:0}.thread{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.bubble{max-width:92%;padding:10px 14px;border-radius:14px;font-size:.97rem}.bubble.user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--amber-soft);border-bottom-left-radius:4px}.ask-row{display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:1px solid var(--line)}.ask-input{resize:none;flex:1}.wrong-list{display:flex;flex-direction:column;gap:14px}.wrong-card.resolved{opacity:.7}.wrong-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px;font-size:.9rem}.wrong-meta a{font-weight:600;text-decoration:none}.badge{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px}.badge.ok{background:var(--green-soft);color:var(--green)}.radio-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.radio{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.radio.disabled{color:var(--muted)}.radio .muted{margin-left:auto}table.users{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.95rem}table.users th,table.users td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}table.users th{color:var(--muted);font-weight:600;font-size:.85rem}.add-user{padding-top:8px;border-top:1px dashed var(--line)}.spinner{display:inline-flex;align-items:center;gap:10px;color:var(--muted);padding:8px 0}.spinner-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:.95rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:calc(100vw - 32px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{background:var(--red)}#toast.success{background:var(--green)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.01ms!important}}@media(max-width:900px){.topbar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px 12px}.topbar-extra{order:3;width:100%;display:flex;justify-content:center;margin:0}.study{grid-template-columns:1fr;grid-template-rows:46vh minmax(0,1fr);height:auto;min-height:calc(100dvh - 96px)}.panel{border-left:none;border-top:1px solid var(--line)}.pdf-viewer{padding:10px}}@media(max-width:520px){.topbar{padding:6px 10px;gap:4px 8px}.nav{order:2;width:100%;justify-content:center}.nav-link{padding:5px 10px;font-size:.9rem}.topbar-user,.topbar-extra+.topbar-user{margin-left:auto}.user-name{display:none}.page{padding:20px 14px 48px}.choice.ox{font-size:1.2rem}}