:root{color:#25241f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#25241f;--muted:#77756c;--paper:#fbfaf6;--line:#d9d6cc;--green:#a8d829;--green-dark:#637f0d;--mask-frost:#efeee870;background:#f2f0ea;font-family:Inter,Pretendard,Noto Sans KR,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select{font:inherit}button{color:inherit}label:focus-within{outline:3px solid color-mix(in srgb, var(--green) 65%, white);outline-offset:2px}button:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 65%, white);outline-offset:2px}input:focus-visible{outline:3px solid color-mix(in srgb, var(--green) 65%, white);outline-offset:2px}.start-shell{background:radial-gradient(circle at 15% 20%,#a8d82921,#0000 23rem),linear-gradient(135deg,#f7f5ef 0%,#efede5 100%);place-items:center;min-height:100vh;padding:36px 20px;display:grid}.start-card{background:#fbfaf6eb;border:1px solid #25241f24;flex-direction:column;width:min(860px,100%);padding:clamp(32px,6vw,64px);display:flex;box-shadow:0 24px 80px #2c291e1c}.brand-mark{align-items:flex-end;gap:5px;height:32px;display:flex}.brand-mark span{background:var(--ink);border-radius:1px;width:8px;transform:skew(-13deg)}.brand-mark span:first-child{height:18px}.brand-mark span:nth-child(2){background:var(--green);height:26px}.brand-mark span:nth-child(3){height:32px}.brand-mark.small{gap:3px;height:20px}.brand-mark.small span{width:5px}.brand-mark.small span:first-child{height:11px}.brand-mark.small span:nth-child(2){height:16px}.brand-mark.small span:nth-child(3){height:20px}.eyebrow{letter-spacing:.22em;color:var(--green-dark);margin:22px 0 12px;font-size:12px;font-weight:700}.start-card h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,7vw,64px);line-height:1.08}.intro{max-width:540px;color:var(--muted);word-break:keep-all;margin:24px 0 32px;line-height:1.75}.built-in-book{color:#fff;text-align:left;cursor:pointer;background:#24251f;border:1px solid #24251f;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:104px;padding:14px 18px;transition:all .16s;display:grid}.built-in-book:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #1e1f192e}.built-in-book:disabled{cursor:wait;opacity:.65}.built-in-book>span:nth-child(2){gap:3px;min-width:0;display:grid}.built-in-book small{color:var(--green);letter-spacing:.12em;font-size:10px;font-weight:700}.built-in-book strong{font-size:17px}.built-in-book em{color:#aaa99f;font-size:11px;font-style:normal}.built-in-book b{color:var(--green);white-space:nowrap;font-size:12px}.book-spine{border:1px solid #717268;border-left:6px solid var(--green);background:#34352e;place-items:center;width:48px;height:72px;font:700 30px/1 Georgia,serif;display:grid}.exam-library{background:#f7f5ef;border:1px solid #d5d2c7;margin-top:22px}.library-heading{border-bottom:1px solid #d5d2c7;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 18px;display:flex}.library-heading p{color:var(--green-dark);letter-spacing:.1em;margin:0 0 3px;font-size:10px;font-weight:700}.library-heading h2{letter-spacing:-.03em;margin:0;font-size:18px}.library-heading>span{color:var(--muted);white-space:nowrap;font-size:11px}.library-section+.library-section{border-top:1px solid #d5d2c7}.library-section h3{margin:0;padding:11px 18px;font-size:12px;font-weight:700}.library-section h3 span{color:var(--muted);margin-left:5px;font-weight:400}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 14px 14px;display:grid}.clinical-grid{padding-top:14px}.library-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d6d3c8;align-content:center;gap:4px;min-width:0;min-height:76px;padding:9px 11px;display:grid}.library-grid button:hover:not(:disabled){background:#f1f7df;border-color:#91b825}.library-grid button:disabled{opacity:.55;cursor:wait}.library-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.library-grid span{color:var(--muted);font-size:10px}.library-grid .book-metrics{background:#e4e2da;border-radius:999px;width:100%;height:6px;margin-top:5px;position:relative;overflow:hidden}.library-grid .book-progress-fill{border-radius:inherit;background:#b9c58f;height:100%;transition:width .18s;overflow:hidden}.library-grid .book-excellent-fill{border-radius:inherit;background:var(--green-dark);height:100%;transition:width .18s;display:block}.privacy-note{color:var(--muted);text-align:center;margin-top:20px;font-size:12px}.privacy-note span{color:var(--green);margin-right:6px}.alert{background:#f2ead1;border-left:3px solid #c89a28;margin-top:16px;padding:12px 14px;font-size:14px}.alert.error,.page-warning.error{background:#f9e7e2;border-color:#c8593e}.app-shell{height:100vh;background:#eeece6;grid-template-rows:58px 54px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.topbar{background:var(--ink);color:#fff;border-bottom:1px solid #44423b;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;padding:0 20px;display:grid}.compact-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:flex}.compact-brand .brand-mark span{background:#fff}.compact-brand .brand-mark span:nth-child(2){background:var(--green)}.document-title{justify-content:center;align-items:baseline;gap:10px;min-width:0;display:flex}.document-title strong{white-space:nowrap;text-overflow:ellipsis;max-width:min(52vw,600px);font-size:13px;overflow:hidden}.document-title span{color:#aaa89f;font-size:11px}.ghost-button{color:#e7e5df;cursor:pointer;background:0 0;border:1px solid #5d5a52;padding:8px 13px}.control-strip{border-bottom:1px solid var(--line);z-index:3;background:#f8f7f2;justify-content:center;align-items:center;gap:18px;min-width:0;padding:8px 16px;display:flex;box-shadow:0 2px 12px #26241c0d}.control-group,.random-controls{align-items:center;gap:7px;display:flex}.control-strip button{cursor:pointer;background:#fff;border:1px solid #ccc9be;min-width:34px;height:34px}.control-strip button:hover:not(:disabled),.control-strip button.active{background:#efeee8;border-color:#88857b}.control-strip button:disabled{opacity:.35;cursor:not-allowed}.control-strip input{text-align:center;background:#fff;border:1px solid #ccc9be;height:32px}.page-controls form{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.page-controls form input{width:60px;color:var(--ink)}.zoom-controls>span{text-align:center;min-width:58px;font-size:12px;font-weight:600}.zoom-controls .zoom-slider{width:112px;accent-color:var(--green-dark);touch-action:pan-x}.control-divider{background:var(--line);width:1px;height:24px}.random-controls{color:var(--muted);font-size:12px}.random-controls input{width:58px}.control-strip .accent-button{border-color:var(--green);background:var(--green);color:#1d2507;padding-inline-start:14px;padding-inline-end:14px;font-weight:700}.workspace{grid-template-columns:276px minmax(0,1fr);min-height:0;display:grid}.mobile-sidebar-toggle{display:none}.sidebar{border-right:1px solid var(--line);background:#f8f7f2;min-height:0;padding:20px;overflow-y:auto}.sidebar section{border-bottom:1px solid var(--line);margin-bottom:20px;padding:2px 0 22px}.sidebar section:last-child{border-bottom:0}.section-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-heading>div{align-items:center;gap:9px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:14px}.section-heading strong{color:var(--green-dark);font-size:14px}.step{color:#97948b;letter-spacing:.08em;font-size:10px;font-weight:700}.help{color:#77746b;border:1px solid #aaa79e;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.inline-ratio-heading{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.inline-ratio-heading span{color:var(--muted);font-size:12px;font-weight:700}.inline-ratio-heading strong{color:var(--green-dark);font-size:13px}.ratio-slider{width:100%;accent-color:var(--green-dark);cursor:pointer}.range-labels{color:#97948b;justify-content:space-between;font-size:10px;display:flex}.hint{color:var(--muted);word-break:keep-all;margin:10px 0 0;font-size:11px;line-height:1.55}.recall-grade{letter-spacing:.06em;border-radius:2px;padding:3px 7px;font-size:10px!important}.recall-grade.waiting{color:#77746b;background:#e8e5dc}.recall-grade.bad{color:#a53822;background:#f6ddd6}.recall-grade.hard{color:#8a5a12;background:#f4e5ca}.recall-grade.good{color:#80630b;background:#f4e9bd}.recall-grade.excellent{color:#4c6505;background:#dcecae}.recall-score{gap:8px;display:grid}.recall-meter{background:#dfdcd2;border-radius:999px;height:8px;overflow:hidden}.recall-meter span{border-radius:inherit;background:var(--green-dark);height:100%;transition:width .18s;display:block}.recall-score>div:last-child{justify-content:space-between;align-items:baseline;display:flex}.recall-score strong{letter-spacing:-.04em;font-size:24px}.recall-score span{color:var(--muted);font-size:11px}.review-schedule-setup{background:#f7f5ef;border:1px solid #d5d2c7;order:10;grid-template-columns:minmax(125px,.6fr) minmax(0,2.4fr);align-items:center;gap:18px;margin:22px 0 0;padding:16px 18px;display:grid}.review-schedule-setup>div:first-child p{color:var(--green-dark);letter-spacing:.1em;margin:0 0 3px;font-size:9px;font-weight:700}.review-schedule-setup h2{letter-spacing:-.03em;margin:0;font-size:17px}.review-settings-controls{gap:9px;min-width:0;display:grid}.review-intervals{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.review-intervals label{background:#fff;border:1px solid #d7d4c9;grid-template-columns:minmax(0,1fr) auto;gap:3px 5px;min-width:0;padding:8px;display:grid}.review-intervals label>span{color:var(--muted);letter-spacing:.04em;grid-column:1/-1;font-size:9px;font-weight:700}.review-intervals input{text-align:center;background:0 0;border:0;border-bottom:1px solid #cbc8bd;width:100%;min-width:0;height:27px;padding:2px;font-size:13px;font-weight:700}.review-intervals select{min-width:48px;height:27px;color:var(--muted);background:#f0eee7;border:0;padding:0 4px;font-size:10px}.grade-thresholds{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.grade-thresholds label{background:#fff;border:1px solid #d7d4c9;grid-template-columns:1fr auto;align-items:center;gap:3px;min-width:0;padding:6px 8px;display:grid}.grade-thresholds span{color:var(--muted);grid-column:1/-1;font-size:8px;font-weight:700}.grade-thresholds input{text-align:center;background:0 0;border:0;border-bottom:1px solid #cbc8bd;width:100%;min-width:0;height:24px;padding:1px;font-size:12px;font-weight:700}.grade-thresholds small{color:var(--muted);font-size:9px}.threshold-summary{color:var(--muted);text-align:right;margin:0;font-size:9px;line-height:1.45}.next-review{background:#e9e6dd;justify-content:space-between;align-items:center;gap:7px;margin-top:8px;padding:8px 9px;font-size:10px;display:flex}.next-review>span{color:var(--muted)}.next-review>strong{text-align:right;font-size:10px}.next-review.bad{background:#f6e2dc}.next-review.hard{background:#f4e7d1}.next-review.good{background:#f5edce}.next-review.excellent{background:#e4efc3}.action-stack{gap:7px;display:grid}.action-stack button,.edit-toggle{cursor:pointer;background:#fff;border:1px solid #cbc8bd;min-height:38px;font-size:12px;font-weight:600}.action-stack button:hover,.edit-toggle:hover{border-color:#88857c}.action-stack .primary-action{border-color:var(--ink);background:var(--ink);color:#fff}.action-stack .page-mask-toggle{color:#66635b;border-style:dashed;margin-top:4px}.action-stack .page-mask-toggle.excluded{color:#4e6509;background:#eff5da;border-style:solid;border-color:#91b825}.page-excluded-note{color:#52680d;text-align:center;background:#eff5da;margin:9px 0 0;padding:7px 9px;font-size:11px}.edit-toggle{width:100%}.edit-toggle.selected{border-color:var(--green-dark);color:#4e6509;background:#eff5da}.viewer{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;background-color:#dedcd5;background-image:radial-gradient(#c8c5bc .7px,#0000 .7px);background-size:15px 15px;min-width:0;min-height:0;padding:46px 20px 60px;position:relative;overflow:auto}.viewer-status{z-index:4;color:#fff;background:#23221ee0;align-items:center;gap:7px;padding:6px 10px;font-size:11px;display:flex;position:fixed;top:125px;right:22px;box-shadow:0 4px 16px #0000001f}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px}.status-dot.busy{animation:.9s infinite alternate pulse}@keyframes pulse{to{opacity:.25}}.page-warning{z-index:5;background:#fff6d9;border-left:3px solid #b48b25;width:-moz-fit-content;width:fit-content;margin:-32px auto 12px;padding:8px 12px;font-size:12px;position:sticky;top:0;box-shadow:0 3px 12px #00000014}.page-warning button{color:#56700a;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.review-prompt{z-index:10;white-space:nowrap;background:#fbfaf6fa;border:1px solid #aaa69a;align-items:center;gap:6px;padding:7px;display:flex;position:absolute;box-shadow:0 8px 24px #23221d3d}.review-prompt.on-right{transform:translate(8px,-50%)}.review-prompt button{cursor:pointer;background:#fff;border:1px solid;width:34px;min-width:34px;height:34px;padding:0;font-size:20px;font-weight:700;line-height:1}.review-prompt .incorrect{color:#a33b24;border-color:#c96b55}.review-prompt .incorrect:hover{background:#fae8e3}.review-prompt .correct{color:#4e6808;background:#eff7d8;border-color:#779a17}.review-prompt .correct:hover{background:#e2f0b9}.page-stage{touch-action:pan-x pan-y;background:#fff;margin:0 auto;position:relative;box-shadow:0 12px 36px #2d2a2133,0 0 0 1px #1f1e1b14}.page-stage.manual-editing{touch-action:none}.mask-layer,.mask{touch-action:pan-x pan-y}.page-stage.manual-editing .mask-layer,.page-stage.manual-editing .mask{touch-action:none}.page-stage canvas{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.mask-layer{position:absolute;top:0;bottom:0;left:0;right:0}.mask-layer.editing{cursor:crosshair;box-shadow:inset 0 0 0 3px #a8d829cc}.mask{background:var(--mask-frost);-webkit-backdrop-filter:blur(10px)saturate(.55)contrast(.45)brightness(1.18);backdrop-filter:blur(10px)saturate(.55)contrast(.45)brightness(1.18);cursor:pointer;border:1px solid #ffffff52;padding:0;transition:opacity .1s,transform .1s,background .1s;position:absolute;box-shadow:inset 0 0 10px #ffffff61,0 0 0 .5px #49484114}.mask:hover{z-index:2;background:#d9e1c27a;transform:scaleY(1.03)}.mask.revealed{opacity:0}.mask.revealed:hover{opacity:.16;background:#a8d82980}.mask.revealed:focus-visible{opacity:.16;background:#a8d82980}.mask.manual{outline:1px solid var(--green)}.mask-layer.editing .mask{cursor:move}.delete-mask{color:#fff;cursor:pointer;background:#d94f36;border-radius:50%;place-items:center;width:18px;height:18px;font-size:13px;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 5px #0003}.drag-selection{border:2px solid var(--green);pointer-events:none;background:#a8d82947;position:absolute}.viewer-footer{color:#69675f;background:#f8f7f2c7;width:-moz-fit-content;width:fit-content;margin:20px auto 0;padding:5px 10px;font-size:11px}@media (max-width:900px){.app-shell{grid-template-rows:54px auto minmax(0,1fr)}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.compact-brand>span{display:none}.control-strip{justify-content:flex-start;overflow-x:auto}.workspace{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:15px}.viewer-status{top:118px}}@media (max-width:680px){.review-schedule-setup{grid-template-columns:1fr}.review-intervals{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-thresholds{grid-template-columns:1fr}.built-in-book{grid-template-columns:44px minmax(0,1fr)}.built-in-book b{display:none}.book-spine{width:40px;height:62px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading{align-items:flex-start}.topbar{padding:0 12px}.document-title{justify-content:flex-start;padding-left:10px}.document-title span{display:none}.ghost-button{padding:7px 9px;font-size:11px}.workspace{grid-template-rows:42px minmax(0,1fr);grid-template-columns:1fr;position:relative}.mobile-sidebar-toggle{z-index:22;border:0;border-bottom:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);text-align:left;background:#f8f7f2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 12px;display:grid}.mobile-sidebar-toggle span{font-size:12px;font-weight:800}.mobile-sidebar-toggle small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-sidebar-toggle b{color:var(--green-dark);font-size:15px}.sidebar{z-index:21;border-right:0;border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;max-height:min(56dvh,430px);padding:13px 14px 18px;display:none;position:absolute;top:42px;left:0;right:0;overflow:hidden auto;box-shadow:0 14px 28px #23221d33}.sidebar.mobile-open{display:block}.sidebar section{border-right:0;border-bottom:1px solid var(--line);margin:0 0 13px;padding:0 0 13px}.sidebar section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sidebar .section-heading{margin-bottom:9px}.sidebar .action-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.sidebar .action-stack button,.sidebar .edit-toggle{min-height:34px;font-size:11px}.sidebar .hint{margin-top:7px;font-size:10px;line-height:1.4}.sidebar .inline-ratio-heading{margin-top:11px}.viewer{padding:34px 12px 52px}.viewer-status{position:absolute;top:8px;right:12px}.review-prompt button{width:32px;min-width:32px;height:32px}.control-divider,.random-controls{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mask.color-yellow{background:#fad84ead}.mask-layer.editing .mask{transform:none}.mask-layer.editing .mask.revealed{opacity:.8}.mask-layer.editing .selected-mask{z-index:3;outline:2px solid #293743}.resize-mask{cursor:nwse-resize;touch-action:none;background:#fff;border:2px solid #293743;border-radius:3px;width:15px;height:15px;position:absolute;bottom:-6px;right:-6px}.previous-recall{background:#efede5;grid-template-columns:1fr auto;gap:6px;margin-top:10px;padding:10px;font-size:12px;display:grid}.previous-recall>span,.previous-recall small{color:var(--muted)}.previous-recall small{text-align:right;grid-column:1/-1}.next-review.last-recall{background:#efede5}.mask.color-yellow.revealed,.mask.color-yellow.revealed:hover{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffda007a;border-color:#0000;transform:none}.mask.color-yellow.revealed:focus-visible{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#ffda007a;border-color:#0000;transform:none}