*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f5;--bg-hover: #e2e6ec;--text-primary: #090909;--text-secondary: #364f8e;--text-muted: #9aa5b4;--accent-cyan: #5784f1;--accent-green: #1ebd4d;--accent-orange: #f69559;--accent-red: #f44c47;--accent-gray: #6b7280;--border-color: #d8dee6;--match-color: #3b82f6;--similar-color: #22c55e;--irrelevant-color: #6b7280}body{font-family:Noto Sans KR,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loader{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{height:24px;width:auto}.header h1{font-size:.95rem;font-weight:600;color:var(--text-primary)}.stats{display:flex;gap:.5rem}.stat{font-size:.75rem;padding:.15rem .5rem;border-radius:20px;background:var(--bg-tertiary)}.stat.tagged{color:var(--accent-green)}.stat.untagged{color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:.75rem}.view-toggle{display:flex;background:var(--bg-tertiary);border:none;border-radius:6px;overflow:hidden}.toggle-btn{padding:.3rem .75rem;background:transparent;color:var(--text-muted);border:none;cursor:pointer;font-weight:500;font-size:.8rem;transition:all .2s}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent-cyan);color:#fff}.main-container{display:flex;flex:1;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-resize-handle{width:4px;cursor:col-resize;background:transparent;flex-shrink:0;transition:background .2s}.sidebar-resize-handle:hover{background:var(--accent-cyan)}.sidebar-header{padding:.5rem;border-bottom:1px solid var(--border-color)}.search-input{width:100%;padding:.4rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;margin-bottom:.5rem}.search-input:focus{outline:none;border-color:var(--accent-cyan)}.filter-buttons{display:flex;gap:.25rem}.filter-btn{flex:1;padding:.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.7rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan)}.question-list{flex:1;overflow-y:auto;padding:.25rem}.question-item{padding:.4rem .5rem;margin-bottom:.25rem;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;transition:all .2s;border:2px solid transparent}.question-item:hover{background:var(--bg-hover)}.question-item.selected{border-color:var(--accent-cyan);background:#5784f114}.question-item.tagged{border-left:3px solid var(--accent-green)}.question-name{font-size:.75rem;font-weight:500;margin-bottom:.25rem;word-break:break-all;line-height:1.2}.question-stats{display:flex;align-items:center;gap:.35rem;font-size:.65rem}.tag-count{color:var(--text-secondary)}.match-badge{background:var(--match-color);color:#fff;padding:.1rem .3rem;border-radius:3px;font-size:.6rem}.similar-badge{background:var(--similar-color);color:#fff;padding:.1rem .3rem;border-radius:3px;font-size:.6rem}.content{flex:1;overflow:hidden;background:var(--bg-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.split-view{display:flex;height:100%}.source-panel{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color);background:var(--bg-secondary);padding:.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.panel-header h2{font-size:.85rem;font-weight:600;color:var(--text-primary)}.question-number{font-size:.75rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:.15rem .5rem;border-radius:20px}.source-image-wrapper{flex:1;overflow:auto;display:flex;justify-content:center;background:var(--bg-primary);border-radius:4px;padding:.5rem;margin-bottom:.5rem}.source-image{max-width:100%;height:auto;object-fit:contain}.source-info{margin-bottom:.4rem}.source-path{font-size:.7rem;color:var(--text-muted);word-break:break-all;text-align:center}.nav-buttons{display:flex;gap:.5rem;margin-top:.5rem;margin-bottom:.25rem}.nav-btn{flex:1;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn:hover{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan)}.nav-hint{text-align:center;font-size:.65rem;color:var(--text-muted)}.difficulty-section{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.difficulty-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);flex-shrink:0}.difficulty-buttons{display:flex;gap:.25rem;flex:1}.difficulty-btn{flex:1;padding:.35rem .5rem;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);transition:all .2s}.difficulty-btn:hover{filter:brightness(1.1)}.diff-high:hover{border-color:var(--accent-red);color:var(--accent-red)}.diff-mid:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.diff-low:hover{border-color:var(--accent-green);color:var(--accent-green)}.diff-high.active{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.diff-mid.active{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.diff-low.active{background:var(--accent-green);border-color:var(--accent-green);color:#fff}.difficulty-cell{text-align:center}.diff-tag{display:inline-block;padding:.1rem .4rem;border-radius:3px;font-size:.7rem;font-weight:600}.diff-tag.diff-상{color:var(--accent-red);background:#f44c4714}.diff-tag.diff-중{color:var(--accent-orange);background:#f6955914}.diff-tag.diff-하{color:var(--accent-green);background:#1ebd4d14}.matches-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:.5rem}.panel-header-left{display:flex;align-items:center;gap:.5rem}.sort-buttons{display:flex;gap:.25rem}.sort-btn{padding:.2rem .5rem;font-size:.65rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:3px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.sort-btn:hover{background:var(--bg-hover)}.sort-btn.active{background:var(--accent-cyan);color:#fff;border-color:var(--accent-cyan)}.match-count{font-size:.75rem;color:var(--text-secondary)}.matches-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem}.match-item{display:flex;align-items:stretch;gap:.5rem;background:var(--bg-secondary);border-radius:4px;padding:.4rem;border:2px solid var(--border-color);transition:all .2s}.match-item.match{border-color:var(--match-color);background:#3b82f614}.match-item.similar{border-color:var(--similar-color);background:#22c55e14}.match-item.irrelevant{border-color:var(--irrelevant-color);background:#6b728014;opacity:.7}.match-content{flex:1;min-width:0;display:flex;flex-direction:column}.match-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.match-number{font-size:.75rem;font-weight:600;color:var(--text-primary);flex-shrink:0}.match-path{font-size:.7rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-image-container{flex:1;min-width:0;background:#fff;border-radius:4px;padding:.25rem;overflow:hidden}.match-image{width:100%;height:auto;display:block}.match-buttons{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.tag-btn{padding:.4rem .6rem;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;background:var(--bg-tertiary);color:var(--text-secondary);min-width:50px}.tag-btn:hover{filter:brightness(1.2)}.match-btn:hover{border-color:var(--match-color);color:var(--match-color)}.similar-btn:hover{border-color:var(--similar-color);color:var(--similar-color)}.irrelevant-btn:hover{border-color:var(--irrelevant-color);color:var(--irrelevant-color)}.match-btn.active{background:var(--match-color);border-color:var(--match-color);color:#fff}.similar-btn.active{background:var(--similar-color);border-color:var(--similar-color);color:#fff}.irrelevant-btn.active{background:var(--irrelevant-color);border-color:var(--irrelevant-color);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.exam-filter-buttons{display:flex;gap:.25rem}.exam-filter-buttons .filter-btn{flex:1}.school-list{flex:1;overflow-y:auto;padding:.25rem}.school-item{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;margin-bottom:.15rem;background:var(--bg-tertiary);border-radius:4px;cursor:pointer;transition:all .2s;border:2px solid transparent}.school-item:hover{background:var(--bg-hover)}.school-item.selected{border-color:var(--accent-cyan);background:#5784f114}.school-name{min-width:0;font-size:.75rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-stats{margin-left:auto}.school-stats{display:flex;align-items:center;gap:.25rem;font-size:.65rem;flex-shrink:0}.school-stat-tag{color:var(--text-primary);padding:.15rem 0;border-radius:3px;background:none;font-size:.7rem;font-weight:500;text-align:right;white-space:nowrap}.school-stat-tag.rate-green,.school-stat-tag.rate-orange,.school-stat-tag.rate-red,.school-stat-tag.rate-gray{width:6.5em}.school-stat-tag.rate-green{color:var(--accent-green)}.school-stat-tag.rate-orange{color:var(--accent-orange)}.school-stat-tag.rate-red{color:var(--accent-red)}.school-stat-tag.rate-gray{color:var(--text-muted)}.summary-content{display:flex;flex-direction:column;padding:1rem;overflow:hidden}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.summary-header h2{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.summary-question-count{font-size:.8rem;font-weight:400;color:var(--text-muted)}.match-text,.similar-text{color:var(--text-primary)}.summary-table-wrapper{flex:1;overflow:auto;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem}.summary-table{width:100%;border-collapse:collapse;font-size:.8rem;table-layout:fixed}.summary-table th,.summary-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top}.summary-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);position:sticky;top:0;white-space:nowrap}.summary-table th:first-child,.summary-table td:first-child{width:60px;min-width:60px;text-align:center}.summary-table th:nth-child(2),.summary-table td:nth-child(2){width:55px;min-width:55px;text-align:center}.summary-table th:nth-child(3){color:var(--text-primary)}.summary-table th:nth-child(4){color:var(--text-primary)}.summary-table td:nth-child(3),.summary-table td:nth-child(4){width:40%}.summary-table tr:hover{background:#5784f10a}.summary-table .question-num{font-weight:600;color:var(--text-primary)}.question-school-name{display:block;font-size:.6rem;font-weight:400;color:var(--text-muted);margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-table td.match-sources,.summary-table td.similar-sources{padding:.4rem;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.summary-table td.match-sources::-webkit-scrollbar,.summary-table td.similar-sources::-webkit-scrollbar{display:none}.summary-table td.match-sources .source-tag,.summary-table td.similar-sources .source-tag{display:inline-block;margin:.15rem;flex-shrink:0}.source-tag{display:inline-block;padding:.2rem .4rem;border-radius:3px;font-size:.7rem}.match-tag{background:#3b82f60f;color:#1e40af;border:1px solid rgba(59,130,246,.25)}.similar-tag{background:#22c55e0f;color:#166534;border:1px solid rgba(34,197,94,.25)}.no-data{color:var(--text-muted)}.summary-row{cursor:pointer;-webkit-user-select:none;user-select:none}.summary-row:hover{background:#5784f10f!important}.summary-row.expanded{background:#5784f10f}.expand-icon{display:inline-block;font-size:.7rem;margin-right:.35rem;color:var(--text-muted);transition:transform .2s}.expand-icon.open{transform:rotate(90deg);color:var(--accent-cyan)}.expanded-detail-row td{padding:0!important;border-bottom:2px solid var(--accent-cyan)}.expanded-content{display:flex;gap:1rem;padding:.75rem;background:var(--bg-primary);overflow-x:auto}.expanded-section{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex-shrink:0}.expanded-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);padding:.15rem .4rem;background:var(--bg-tertiary);border-radius:3px;text-align:center}.expanded-label.match-label{color:#1e40af;background:#3b82f61a}.expanded-label.similar-label{color:#166534;background:#22c55e1a}.expanded-images{display:flex;gap:.5rem}.expanded-image-card{background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border-color);padding:.25rem;max-width:420px;min-width:300px}.expanded-image-card.match-card{border-color:#3b82f64d}.expanded-image-card.similar-card{border-color:#22c55e4d}.expanded-image-source{font-size:.6rem;color:var(--text-muted);text-align:center;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-image-card img{width:100%;height:auto;display:block;border-radius:3px}.summary-footer{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px}.footer-row{display:flex;gap:2rem}.footer-stat{display:flex;gap:.5rem}.footer-sources{display:flex;align-items:center;gap:.5rem;padding-top:.4rem;border-top:1px solid var(--border-color);min-width:0;overflow:hidden}.source-rank-list{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.source-rank-list::-webkit-scrollbar{display:none}.source-rank-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-primary);background:var(--bg-tertiary);padding:.15rem .5rem;border-radius:3px}.source-rank-count{font-weight:600;color:var(--accent-cyan);font-size:.75rem}.footer-label{color:var(--text-primary);font-size:.85rem;white-space:nowrap;flex-shrink:0}.footer-value{font-weight:600;font-size:.85rem}