@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Source+Serif+4:wght@500;600;700&family=Caveat:wght@500;700&display=swap";:root{--bg-main:#f4f7fc;--bg-accent:#ecf2fd;--surface:#fff;--surface-muted:#f3f6fb;--surface-elevated:#fff;--border-subtle:#dce5f2;--border-strong:#c4d3e8;--text-primary:#102241;--text-secondary:#2c3e61;--text-muted:#6f7f97;--accent-primary:#1f57d6;--accent-primary-soft:#e8efff;--accent-danger:#ce2e2e;--accent-danger-soft:#ffe9e9;--accent-success:#1a8a57;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-soft:0 8px 24px #152d5b14;--shadow-strong:0 18px 44px #1029561f;--font-ui:"Manrope", "Segoe UI", sans-serif;--font-title:"Source Serif 4", Georgia, serif;--font-pen:"Caveat", "Segoe Script", cursive;--color-bg-main:var(--bg-main);--color-bg-card:var(--surface);--color-bg-hover:var(--surface-muted);--color-bg-active:var(--accent-primary-soft);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-accent:var(--accent-primary);--color-accent-hover:#1a4bc0;--color-accent-soft:#ffe9e9;--color-border:var(--border-subtle);--color-border-hover:var(--border-strong);--color-success:var(--accent-success);--color-success-soft:#eaf8f1;--shadow-card:var(--shadow-soft);--radius-card:var(--radius-lg);--font-main:var(--font-ui)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text-primary);background:radial-gradient(circle at 8% 0%, #fff 0%, #eef3fb 42%, transparent 70%), radial-gradient(circle at 95% 10%, #ebf2ff 0%, transparent 48%), var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:0}h1,h2,h3,h4,h5,h6,p{margin:0}.q-card{position:relative}.app-shell{grid-template-columns:284px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border-subtle);background:linear-gradient(#f8fbff 0%,#f3f7ff 100%);flex-direction:column;gap:24px;height:100vh;padding:26px 16px 20px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:12px;padding:8px 10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#1851ce,#3a71ec);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand-title{letter-spacing:.02em;font-size:20px;font-weight:800}.brand-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.sidebar-nav{gap:8px;display:grid}.sidebar-link{width:100%;color:var(--text-secondary);text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;font-weight:600;transition:all .14s;display:flex}.sidebar-link:hover{border-color:var(--border-subtle);background:#fff}.sidebar-link.is-active{color:var(--text-primary);border-color:var(--border-strong);background:#fff;box-shadow:0 6px 16px #15326314}.sidebar-foot{gap:10px;margin-top:auto;display:grid}.sidebar-stat{border:1px solid var(--border-subtle);color:var(--text-muted);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;font-size:13px;display:flex}.sidebar-stat strong{color:var(--text-primary);font-size:14px}.app-main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}.topbar-title{font-family:var(--font-title);color:var(--text-primary);font-size:24px;line-height:1.08}.topbar-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.topbar-meta{align-items:center;gap:12px;display:flex}.topbar-date{color:var(--text-muted);font-size:13px}.content-wrap{padding:24px 30px 36px}.page-stack{gap:16px;display:grid}.panel{padding:18px}.hero-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(120deg,#fff 0%,#eef4ff 100%);justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.hero-eyebrow{color:var(--accent-primary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.hero-title{font-family:var(--font-title);font-size:28px;line-height:1.15}.hero-subtitle{max-width:820px;color:var(--text-secondary);margin-top:8px;font-size:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi-card{align-items:center;gap:12px;padding:18px;display:flex}.kpi-icon{width:36px;height:36px;color:var(--accent-primary);background:var(--accent-primary-soft);border-radius:10px;place-items:center;display:grid}.kpi-label{color:var(--text-muted);font-size:12px}.kpi-value{letter-spacing:.01em;margin-top:2px;font-size:24px;font-weight:800}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-header h3{letter-spacing:.01em;font-size:17px;font-weight:800}.data-list{gap:10px;display:grid}.list-row{border:1px solid var(--border-subtle);text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;transition:all .14s;display:flex}.list-row:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 7px 18px #19397214}.list-main{min-width:0}.list-title{font-size:14px;font-weight:700}.list-subtitle{color:var(--text-muted);margin-top:3px;font-size:12px}.list-side{color:var(--text-muted);justify-items:end;gap:6px;font-size:12px;display:grid}.class-chart{gap:10px;display:grid}.class-row{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;padding:10px}.class-row-head{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.class-row-head strong{color:var(--text-primary)}.class-bar{background:#ecf1fa;border-radius:999px;height:8px;overflow:hidden}.class-bar span{border-radius:inherit;background:linear-gradient(90deg,#1f57d6,#5d86e8);height:100%;display:block}.insight-card{color:#24457e;background:#eff4ff;border:1px solid #dce6ff;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:11px 12px;font-size:13px;display:flex}.queue-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.queue-header h2{font-family:var(--font-title);font-size:26px}.queue-summary{gap:8px;display:flex}.queue-filters{grid-template-columns:1fr 170px 190px;gap:10px;margin-bottom:12px;display:grid}.input-wrap{border:1px solid var(--border-subtle);height:42px;color:var(--text-muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:flex}.input-wrap input{color:var(--text-primary);background:0 0;border:0;outline:0;flex:1}select{border:1px solid var(--border-subtle);color:var(--text-primary);background:#fff;border-radius:10px;height:42px;padding:0 10px}.queue-table{gap:8px;display:grid}.queue-row{border:1px solid var(--border-subtle);background:#fff;border-radius:11px;grid-template-columns:2fr .8fr .8fr .8fr 1fr 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.queue-head{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);background:#f5f8fd;font-size:12px;font-weight:700}.queue-name{font-size:14px;font-weight:700}.queue-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.error-count{color:var(--accent-danger);font-weight:700}.review-layout{grid-template-columns:240px minmax(0,1fr) 370px;align-items:start;gap:14px;display:grid}.review-left,.review-right{position:sticky;top:16px}.review-left{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-height:calc(100vh - 118px);box-shadow:var(--shadow-soft);padding:14px;overflow:auto}.review-book-meta{margin:10px 0 12px}.review-book-meta h3{font-size:16px;font-weight:800}.review-book-meta p{color:var(--text-muted);margin-top:4px;font-size:13px}.thumb-list{gap:10px;display:grid}.thumb-card{border:1px solid var(--border-subtle);text-align:left;background:#fff;border-radius:10px;gap:6px;padding:8px;display:grid}.thumb-card.is-active{border-color:#2a63e2;box-shadow:0 8px 18px #1845a11f}.thumb-image-wrap{aspect-ratio:1.35;background:#eff3fb;border-radius:8px;overflow:hidden}.thumb-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.thumb-card span{color:var(--text-secondary);font-size:12px;font-weight:700}.review-center{gap:12px;min-width:0;display:grid}.paper-panel,.analytics-panel,.review-right{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.paper-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.paper-title{color:var(--text-muted);font-size:14px}.paper-subtitle{margin-top:2px;font-size:18px;font-weight:800}.paper-head-right{justify-items:end;gap:8px;display:grid}.paper-toolbar{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8fbffeb;border:1px solid #d6e2f5;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.paper-toolbar-group{gap:6px;display:inline-flex}.paper-tool-btn{min-width:36px;height:30px;color:var(--text-primary);background:#fff;border:1px solid #cad8ee;border-radius:8px;font-size:13px;font-weight:700;line-height:1}.paper-tool-btn:hover:not(:disabled){background:#f7fbff;border-color:#adc1e4}.paper-tool-btn:disabled{opacity:.45;cursor:not-allowed}.paper-zoom-indicator{color:#1a4ec8;background:#eef4ff;border:1px solid #cad8ee;border-radius:8px;justify-content:center;align-items:center;min-width:52px;height:30px;font-size:12px;font-weight:800;display:inline-flex}.paper-zoom-hint{color:var(--text-muted);margin:0 0 10px;font-size:12px}.paper-stage{border:1px solid var(--border-subtle);touch-action:none;cursor:default;background:#fff;border-radius:14px;min-height:420px;position:relative;overflow:hidden}.paper-stage.is-zoomed{cursor:grab}.paper-stage.is-dragging{cursor:grabbing}.paper-transform-layer{transform-origin:0 0;will-change:transform;width:100%;position:relative}.paper-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;display:block}.redpen-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paper-minimap{pointer-events:none;background:#ffffffdb;border:1px solid #c4d3e8;border-radius:9px;width:132px;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 8px 18px #152f6133}.paper-minimap svg{width:100%;height:auto;display:block}.paper-minimap-bg{fill:#ecf3ff;stroke:#d5e0f4;stroke-width:1px}.paper-minimap-viewport{fill:#1e56cd33;stroke:#1f57d6;stroke-width:1.4px}.pen-group{opacity:0;animation:.55s forwards fadeInInk}.pen-stroke,.pen-circle,.pen-arrow{fill:none;stroke:#cc2a2a;stroke-linecap:round;stroke-linejoin:round}.pen-stroke-main{stroke-width:4.5px}.pen-stroke-soft{stroke-width:2.4px;opacity:.52}.pen-circle{stroke-width:3.3px;stroke-dasharray:4 3}.pen-arrow{stroke-width:2.8px}.pen-note{fill:#fff8f8;stroke:#efb5b5;stroke-width:1.2px}.pen-note-text{fill:#bd2020;font-family:var(--font-pen);font-size:31px}.loading-overlay{color:var(--text-secondary);background:#f7faffbd;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex;position:absolute;inset:0}.analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.analytics-grid div{border:1px solid var(--border-subtle);background:#fff;border-radius:11px;gap:5px;padding:10px;display:grid}.analytics-grid span{color:var(--text-muted);font-size:12px}.analytics-grid strong{font-size:20px;font-weight:800}.progress-line{color:#294b84;background:#edf3ff;border:1px solid #d8e6ff;border-radius:11px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px;display:flex}.progress-line strong{color:var(--accent-success)}.review-right{gap:12px;padding:16px;display:grid}.ai-detection{border:1px solid var(--border-subtle);background:#f8fbff;border-radius:12px;gap:8px;padding:10px;display:grid}.ai-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:800}.ai-detection label{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.ai-detection input{accent-color:var(--accent-primary)}.issue-list{gap:9px;max-height:50vh;padding-right:2px;display:grid;overflow:auto}.issue-card{border:1px solid var(--border-subtle);background:#fff;border-radius:12px;gap:8px;padding:10px;display:grid}.issue-type{border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.issue-type.type-ortho{color:#b92b2b;background:#ffe9e9}.issue-type.type-punct{color:#965f1b;background:#fff4df}.issue-type.type-other{color:#2450ab;background:#eaf0ff}.issue-diff{flex-direction:column;gap:2px;font-size:14px;display:flex}.issue-diff .wrong{color:#9d2e2e;text-decoration:line-through}.issue-diff .arrow{color:var(--text-muted)}.issue-diff .correct{color:#117145;font-weight:700}.issue-explain{color:var(--text-secondary);font-size:13px;line-height:1.35}.inline-error{color:#9d2e2e;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:600;display:flex}.review-empty{gap:10px;max-width:520px;display:grid}.muted-text{color:var(--text-muted);font-size:13px}.muted-text.small{font-size:12px}.error-text{color:#b52d2d;font-size:13px;font-weight:600}.btn-primary,.btn-ghost,.btn-inline,.btn-back{border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .12s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#1f57d6,#3b6ee6);height:42px;padding:0 14px;box-shadow:0 9px 20px #17409f40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px #143a924f}.btn-ghost{height:34px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#fff;padding:0 10px}.btn-inline{height:36px;color:var(--accent-primary);background:#f3f7ff;border:1px solid #cddaf4;padding:0 11px}.btn-back{width:100%;height:34px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#fff}.finish-btn{width:100%}.review-sidebar-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.review-tab{border:1px solid var(--border-subtle);height:38px;color:var(--text-secondary);background:#f2f6ff;border-radius:10px;font-size:13px;font-weight:700}.review-tab.is-active{color:var(--text-primary);background:#fff;border-color:#99b3e8;box-shadow:0 4px 10px #12357d1c}.page-analytics-wrap{gap:16px;max-height:calc(100vh - 310px);padding-right:4px;display:grid;overflow:auto}.page-analytics-header h3{font-size:20px;font-weight:800;line-height:1.15}.page-analytics-header p{color:var(--text-muted);margin-top:4px;font-size:13px}.page-analytics-card{border:1px solid var(--border-subtle);background:#fff;border-radius:14px;gap:10px;padding:14px;display:grid}.page-analytics-card-ai{background:linear-gradient(145deg,#fff 0%,#f7fbff 100%)}.page-analytics-card-head{justify-content:space-between;align-items:center;display:flex}.page-analytics-card-head h4{letter-spacing:.01em;font-size:15px;font-weight:800}.page-analytics-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.ai-score-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-score-value{color:var(--text-primary);letter-spacing:.01em;font-size:44px;font-weight:800;line-height:1}.ai-status-chip{border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:5px;padding:7px 11px;font-size:13px;font-weight:700;display:inline-flex}.ai-status-chip.is-safe{color:#11784a;background:#ecfaf3;border-color:#bde6cf}.ai-status-chip.is-risk{color:#af2e2e;background:#ffefef;border-color:#efc1c1}.ai-status-chip.is-unknown{color:#5f6e84;background:#f4f7fb;border-color:#d7dee9}.quality-card-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quality-item{border:1px solid var(--border-subtle);background:#fdfefe;border-radius:12px;gap:6px;padding:10px;display:grid}.quality-item.is-good{background:#f8fcfa;border-color:#d9ede3}.quality-item.is-warn{background:#fffaf1;border-color:#f1e2c4}.quality-item.is-neutral{background:#f7faff;border-color:#dce5f4}.quality-item-title{color:#51627c;margin:0;font-size:12px;font-weight:700}.quality-item-value{color:var(--text-primary);margin:0;font-size:17px;line-height:1.2}.quality-item-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.35}.conclusion-text{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.58}.conclusion-disclaimer{color:var(--text-muted);margin:0;font-size:12px;line-height:1.35}.page-analytics-total{min-width:32px;height:28px;color:var(--accent-primary);background:#f0f4ff;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:800;display:inline-flex}.error-breakdown-list{gap:10px;display:grid}.error-breakdown-row{gap:6px;padding:4px 0;display:grid}.error-breakdown-labels{justify-content:space-between;align-items:center;display:flex}.error-breakdown-labels span{color:var(--text-secondary);font-size:13px;font-weight:700}.error-breakdown-numbers{align-items:baseline;gap:8px;display:inline-flex}.error-breakdown-numbers strong{color:var(--text-primary);font-size:22px;line-height:1}.error-breakdown-numbers em{color:#4a5f85;font-size:14px;font-style:normal;font-weight:700}.error-breakdown-track{background:#e7eefb;border-radius:999px;height:12px;overflow:hidden}.error-breakdown-track span{border-radius:inherit;background:linear-gradient(90deg,#ca3535,#e96d6d);height:100%;display:block}.error-breakdown-row small{color:var(--text-muted);font-size:12px;font-weight:600}.trend-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.trend-chart{border:1px solid var(--border-subtle);background:linear-gradient(#f9fbff 0%,#eef4ff 100%);border-radius:10px;width:100%;height:74px}.trend-line{fill:none;stroke:#1f57d6;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.trend-point{fill:#fff;stroke:#1f57d6;stroke-width:2px}.trend-months{justify-content:space-between;gap:4px;display:flex}.trend-months span{color:var(--text-muted);font-size:10px}.page-analytics-empty{border:1px dashed var(--border-subtle);color:var(--text-muted);background:#fafcff;border-radius:12px;padding:12px;font-size:13px}.page-analytics-empty.is-error{color:#a63434;background:#fff2f2;border-color:#f0c5c5}.page-analytics-empty small{color:inherit;margin-top:4px;font-size:11px;display:block}.page-analytics-skeleton{gap:8px;display:grid}.skeleton-block{border:1px solid var(--border-subtle);background:linear-gradient(90deg,#f2f6fd 0%,#e7eef9 40%,#f2f6fd 100%) 0 0/200% 100%;border-radius:10px;height:66px;animation:1.35s infinite skeletonPulse}.skeleton-block.skeleton-head{height:44px}.badge-soft{background:var(--surface-muted);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.demo-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.demo-pill.is-on{color:#0f6b44;background:#ebfaf2;border-color:#b8e7cf}.spin{animation:1s linear infinite rotate360}.reveal-up{animation:.3s both revealUp}.reveal-stagger:first-child{animation-delay:0s}.reveal-stagger:nth-child(2){animation-delay:40ms}.reveal-stagger:nth-child(3){animation-delay:80ms}.reveal-stagger:nth-child(4){animation-delay:.12s}.reveal-stagger:nth-child(5){animation-delay:.16s}.reveal-stagger{animation:.3s both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInInk{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate360{to{transform:rotate(360deg)}}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1240px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.brand-subtitle,.sidebar-link span,.sidebar-stat span{display:none}.brand-block{justify-content:center}.sidebar-foot{justify-items:center}.sidebar-stat{justify-content:center;width:52px}.dashboard-grid,.review-layout{grid-template-columns:1fr}.review-left,.review-right{max-height:none;position:static}}@media (width<=960px){.topbar{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;height:auto;padding:14px 18px}.topbar-meta{justify-content:space-between;width:100%}.content-wrap{padding:16px}.hero-card,.paper-head{flex-direction:column;align-items:flex-start}.paper-head-right{justify-items:stretch;width:100%}.paper-toolbar{justify-content:space-between;width:100%}.paper-toolbar-group{flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-filters{grid-template-columns:1fr}.queue-head{display:none}.queue-row{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-card-grid{grid-template-columns:1fr}.page-analytics-wrap{max-height:none}}@media (width<=680px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-subtle);height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-link{justify-content:center}.topbar-title{font-size:22px}.hero-title{font-size:24px}.kpi-grid,.analytics-grid{grid-template-columns:1fr}.paper-toolbar{flex-direction:column;align-items:stretch}.paper-toolbar-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.paper-zoom-indicator{width:100%}.error-breakdown-numbers strong{font-size:20px}}