.report-page-wrapper{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:0;margin:0}.loading-container,.error-container,.template-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;color:beige;text-align:center;padding:20px}.loading{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.2);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{font-size:18px;color:#d4af37;margin:0}.error-container,.template-error-container{gap:20px}.error-message,.template-error{background:#00000080;padding:30px;border-radius:10px;border:2px solid #d4af37;max-width:600px}.error-message h2,.template-error h2{color:#ff6b6b;margin:0 0 15px;font-size:24px}.error-message p,.template-error p{color:beige;margin:10px 0;font-size:16px}.template-info{margin:20px 0;padding:15px;background:#d4af371a;border-radius:5px;text-align:left}.template-info p{margin:5px 0;font-size:14px}.template-info code{background:#00000080;padding:2px 8px;border-radius:3px;color:#d4af37;font-family:Courier New,monospace}.error-container button,.template-error-container button{padding:12px 30px;background:#d4af37;color:#000;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.error-container button:hover,.template-error-container button:hover{background:#f0c14b;transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d}.error-container button:active,.template-error-container button:active{transform:translateY(0)}.tabs[data-v-0d9875fd]{display:flex;gap:0;margin-bottom:32px;background:#f5f5f7;border-radius:12px;padding:4px;border:1px solid #e5e5e7}.tab[data-v-0d9875fd]{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:#6e6e73;transition:all .2s ease;position:relative}.tab[data-v-0d9875fd]:hover{color:#1d1d1f;background:#00000005}.tab.active[data-v-0d9875fd]{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #0000001a;font-weight:600}.tab-content[data-v-0d9875fd]{animation:fadeIn-0d9875fd .3s ease}@keyframes fadeIn-0d9875fd{0%{opacity:0}to{opacity:1}}.mode-selector[data-v-0d9875fd]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.mode-option[data-v-0d9875fd]{display:flex;align-items:flex-start;padding:20px;border:2px solid #e5e5e7;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.mode-option[data-v-0d9875fd]:hover{border-color:#007aff;box-shadow:0 2px 8px #007aff1a}.mode-option input[type=radio][data-v-0d9875fd]{margin-right:12px;margin-top:3px;width:18px;height:18px;cursor:pointer;position:relative;z-index:1;accent-color:#007aff}.mode-option input[type=radio]:checked~.mode-content[data-v-0d9875fd]{color:#007aff}.mode-option[data-v-0d9875fd]:has(input[type=radio]:checked){border-color:#007aff;background:#f0f7ff}.mode-content[data-v-0d9875fd]{flex:1}.mode-content p[data-v-0d9875fd]{margin:8px 0 0;font-size:14px;color:#6e6e73;line-height:1.5}.mode-content strong[data-v-0d9875fd]{font-size:15px;display:block;margin-bottom:4px;color:#1d1d1f;font-weight:600}.progress-info[data-v-0d9875fd]{margin-top:20px;padding:20px;background:#f5f5f7;border-radius:12px;text-align:center;color:#1d1d1f;border:1px solid #e5e5e7}.progress-info p[data-v-0d9875fd]{margin:0;font-size:14px;color:#6e6e73;white-space:pre-line}.info-box[data-v-0d9875fd]{display:flex;gap:12px;flex-wrap:wrap;padding:16px;background:#f5f5f7;border-radius:12px;border:1px solid #e5e5e7}.word-list[data-v-0d9875fd]{margin-top:20px;display:flex;flex-direction:column;gap:16px}.time-range-selector[data-v-0d9875fd]{display:flex;gap:20px;margin-top:15px}.time-input-group[data-v-0d9875fd]{display:flex;flex-direction:column;flex:1}.time-input-group label[data-v-0d9875fd]{font-weight:700;color:#333;margin-bottom:8px;font-size:16px}.time-input-group input[type=date][data-v-0d9875fd]{padding:10px 14px;border:2px solid #e5e5e7;border-radius:8px;font-size:15px;color:#1d1d1f;background:#fff;transition:all .2s ease}.time-input-group input[type=date][data-v-0d9875fd]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.word-list-item[data-v-0d9875fd]{padding:20px;background:#fff;border:2px solid #e5e5e7;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.word-list-item[data-v-0d9875fd]:hover{border-color:#007aff;box-shadow:0 2px 8px #007aff1a}.word-list-item.selected[data-v-0d9875fd]{background:#007aff;border-color:#007aff;color:#fff;box-shadow:0 4px 12px #007aff33}.word-list-item.selected .word-list-text[data-v-0d9875fd],.word-list-item.selected .word-list-freq[data-v-0d9875fd],.word-list-item.selected .word-contributors[data-v-0d9875fd],.word-list-item.selected .word-samples strong[data-v-0d9875fd],.word-list-item.selected .sample-item[data-v-0d9875fd]{color:#fff}.word-list-header[data-v-0d9875fd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;position:relative;z-index:1}.word-main-info[data-v-0d9875fd]{display:flex;align-items:baseline;gap:12px}.word-list-text[data-v-0d9875fd]{font-size:20px;font-weight:700;color:#333;letter-spacing:.5px}.word-list-item.selected .word-list-text[data-v-0d9875fd]{color:#fff}.word-list-freq[data-v-0d9875fd]{font-size:14px;color:#666;font-weight:500}.word-list-item.selected .word-list-freq[data-v-0d9875fd]{color:#ffffffe6}.select-indicator[data-v-0d9875fd]{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;background:#f5f5f7;color:#6e6e73;border:1px solid #e5e5e7;transition:all .2s}.word-list-item.selected .select-indicator[data-v-0d9875fd]{background:#fff3;color:#fff;border-color:#ffffff4d}.word-contributors[data-v-0d9875fd]{margin-bottom:10px;font-size:14px;color:#6e6e73;position:relative;z-index:1;line-height:1.5}.word-list-item.selected .word-contributors[data-v-0d9875fd]{color:#ffffffe6}.word-contributors strong[data-v-0d9875fd]{color:#1d1d1f;margin-right:6px;font-weight:600}.word-list-item.selected .word-contributors strong[data-v-0d9875fd]{color:#fff}.word-samples[data-v-0d9875fd]{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e7;position:relative;z-index:1}.word-list-item.selected .word-samples[data-v-0d9875fd]{border-top-color:#fff3}.word-samples strong[data-v-0d9875fd]{display:block;margin-bottom:8px;color:#1d1d1f;font-size:14px;font-weight:600}.word-list-item.selected .word-samples strong[data-v-0d9875fd]{color:#fff}.sample-item[data-v-0d9875fd]{margin:6px 0;padding:10px 14px;background:#f5f5f7;border-left:3px solid #007aff;border-radius:6px;font-size:13px;color:#6e6e73;line-height:1.5;transition:all .2s}.word-list-item.selected .sample-item[data-v-0d9875fd]{background:#ffffff26;border-left-color:#fff;color:#fff}.toggle-row[data-v-0d9875fd]{display:flex;align-items:center;gap:12px}.toggle-row input[type=checkbox][data-v-0d9875fd]{width:18px;height:18px;accent-color:#007aff}.badge[data-v-0d9875fd]{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;background:#007aff;color:#fff;transition:all .2s}.badge.success[data-v-0d9875fd]{background:#34c759}h2[data-v-0d9875fd]{font-size:28px;font-weight:700;color:#1d1d1f;margin-bottom:16px;letter-spacing:-.5px}h3[data-v-0d9875fd]{font-size:20px;font-weight:600;color:#1d1d1f;margin-bottom:12px;letter-spacing:-.3px}p[data-v-0d9875fd]{font-size:15px;line-height:1.6;color:#6e6e73}.time-range-hint[data-v-0d9875fd]{margin-top:12px;padding:12px 16px;background:#fff9e6;border-left:3px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;font-weight:400}input[type=file][data-v-0d9875fd]{padding:12px 16px;border:2px dashed #e5e5e7;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;font-size:15px;color:#1d1d1f;font-weight:400}input[type=file][data-v-0d9875fd]:hover{border-color:#007aff;background:#f0f7ff}input[type=file][data-v-0d9875fd]::file-selector-button{padding:8px 16px;margin-right:12px;background:#007aff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}input[type=file][data-v-0d9875fd]::file-selector-button:hover{background:#0051d5}.notice-box[data-v-0d9875fd]{padding:20px;background:#fff5f5;border-left:3px solid #ff3b30;border-radius:12px;margin:20px 0;border:1px solid #ffe5e5}.notice-box h3[data-v-0d9875fd]{color:#d70015;margin-bottom:12px;font-size:17px;font-weight:600}.notice-box ul[data-v-0d9875fd]{margin:0;padding-left:20px}.notice-box li[data-v-0d9875fd]{margin:8px 0;line-height:1.6;color:#8b0000;font-size:14px}.notice-box strong[data-v-0d9875fd]{color:#d70015;font-weight:600}.notice-box a[data-v-0d9875fd]{color:#007aff;text-decoration:none;font-weight:500;transition:all .2s}.notice-box a[data-v-0d9875fd]:hover{color:#0051d5;text-decoration:underline}.word-selector[data-v-0d9875fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:15px;max-height:400px;overflow-y:auto;padding:10px;background:#f9f9f9;border-radius:8px}.word-item[data-v-0d9875fd]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.word-item[data-v-0d9875fd]:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff33}.word-item.selected[data-v-0d9875fd]{background:#007bff;color:#fff;border-color:#0056b3}.word-text[data-v-0d9875fd]{font-weight:500}.word-freq[data-v-0d9875fd]{font-size:12px;opacity:.7}.selected-summary[data-v-0d9875fd]{margin-top:20px;padding:16px 24px;background:#007aff;border-radius:12px;text-align:center;font-weight:500;font-size:15px;color:#fff;transition:all .2s}.selected-summary.warning[data-v-0d9875fd]{background:#ff3b30}.success-box[data-v-0d9875fd]{padding:24px;background:#f0fdf4;border:2px solid #34c759;border-radius:12px;color:#1d1d1f}.success-box h2[data-v-0d9875fd]{color:#1d1d1f;margin-bottom:12px}.success-box p[data-v-0d9875fd]{color:#6e6e73;font-size:15px;line-height:1.6}.url-display[data-v-0d9875fd]{padding:14px 16px;background:#f5f5f7;border:1px solid #e5e5e7;border-radius:8px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;color:#007aff;word-break:break-all;font-weight:400}.ai-comments-section[data-v-0d9875fd]{margin-top:25px;padding-top:20px;border-top:2px solid #c3e6cb}.ai-comments-section h3[data-v-0d9875fd]{margin:0 0 15px;color:#155724}.ai-comment-box[data-v-0d9875fd]{background:#fff;padding:15px;border-radius:8px;border:1px solid #c3e6cb}.comment-section[data-v-0d9875fd]{margin-bottom:15px}.comment-section[data-v-0d9875fd]:last-child{margin-bottom:0}.comment-section h4[data-v-0d9875fd]{margin:0 0 10px;font-size:16px;color:#155724}.comment-section p[data-v-0d9875fd]{margin:5px 0;line-height:1.6}.comment-section ul[data-v-0d9875fd]{margin:5px 0;padding-left:20px}.comment-section li[data-v-0d9875fd]{margin:5px 0;line-height:1.6}.search-box[data-v-0d9875fd]{display:flex;gap:12px;margin-bottom:25px}.search-box input[data-v-0d9875fd]{flex:1;padding:12px 16px;border:2px solid #e5e5e7;border-radius:10px;font-size:15px;transition:all .2s;background:#fff;color:#1d1d1f}.search-box input[data-v-0d9875fd]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.reports-list[data-v-0d9875fd]{display:flex;flex-direction:column;gap:20px}.report-item[data-v-0d9875fd]{padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e5e7;transition:all .2s ease;position:relative}.report-item[data-v-0d9875fd]:hover{border-color:#007aff;box-shadow:0 2px 8px #007aff1a}.report-header[data-v-0d9875fd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;z-index:1}.report-header h3[data-v-0d9875fd]{margin:0;color:#333;font-size:20px;font-weight:700}.report-date[data-v-0d9875fd]{color:#6e6e73;font-size:13px;font-weight:400;padding:4px 10px;background:#f5f5f7;border-radius:6px}.report-info[data-v-0d9875fd]{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap;position:relative;z-index:1}.report-url[data-v-0d9875fd]{margin:15px 0;padding:12px 14px;background:#f5f5f7;border-radius:8px;border:1px solid #e5e5e7;position:relative;z-index:1}.report-url code[data-v-0d9875fd]{font-size:13px;color:#007aff;word-break:break-all;font-weight:400;font-family:SF Mono,Monaco,Courier New,monospace}.report-actions[data-v-0d9875fd]{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;position:relative;z-index:1}.report-actions button[data-v-0d9875fd]{padding:12px 24px;font-size:14px;font-weight:600;border-radius:12px;transition:all .3s}.pagination[data-v-0d9875fd]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px;background:#f5f5f7;border-radius:12px;border:1px solid #e5e5e7}.pagination button[data-v-0d9875fd]{padding:12px 24px;font-weight:600;border-radius:12px;transition:all .3s}.pagination span[data-v-0d9875fd]{font-weight:500;color:#6e6e73;font-size:14px}.empty-state[data-v-0d9875fd]{text-align:center;padding:48px 32px;color:#6e6e73;font-size:15px;background:#f5f5f7;border-radius:12px;border:2px dashed #e5e5e7}.loading[data-v-0d9875fd]{text-align:center;padding:48px 32px;color:#6e6e73;font-size:15px;font-weight:400;background:#f5f5f7;border-radius:12px}button[data-v-0d9875fd]{padding:10px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#f5f5f7;color:#1d1d1f;border:1px solid #e5e5e7}button[data-v-0d9875fd]:hover:not(:disabled){background:#e5e5e7;border-color:#d2d2d7}button[data-v-0d9875fd]:disabled{opacity:.5;cursor:not-allowed}button.primary[data-v-0d9875fd]{background:#007aff;color:#fff;border-color:#007aff}button.primary[data-v-0d9875fd]:hover:not(:disabled){background:#0051d5;border-color:#0051d5}button.danger[data-v-0d9875fd]{background:#ff3b30;color:#fff;border-color:#ff3b30}button.danger[data-v-0d9875fd]:hover:not(:disabled){background:#d70015;border-color:#d70015}.template-selector[data-v-0d9875fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}.template-option[data-v-0d9875fd]{padding:20px;background:#fff;border:2px solid #e5e5e7;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.template-option[data-v-0d9875fd]:hover{border-color:#007aff;box-shadow:0 2px 8px #007aff1a}.template-option.selected[data-v-0d9875fd]{background:#f0f7ff;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.template-name[data-v-0d9875fd]{font-size:16px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.template-desc[data-v-0d9875fd]{font-size:14px;color:#6e6e73;line-height:1.5}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:#fbfbfd;color:#1d1d1f;display:flex;justify-content:center;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#007aff;text-decoration:none}a:hover{text-decoration:underline}#app{width:100%;max-width:1080px;min-height:100vh;padding:0 20px}.container{margin:40px 0 60px}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px;margin-bottom:24px;border:1px solid #e5e5e7}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button{padding:10px 20px;border-radius:8px;border:none;background:#007aff;color:#fff;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}button:hover:not(:disabled){background:#0051d5}button[disabled]{opacity:.5;cursor:not-allowed}input[type=number],input[type=text]{padding:10px 14px;border:2px solid #e5e5e7;border-radius:8px;width:140px;font-size:15px;transition:all .2s ease}input[type=number]:focus,input[type=text]:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}input[type=file]{padding:6px 0}.tag{background:#f0f7ff;color:#007aff;padding:4px 10px;border-radius:6px;font-size:12px;margin-left:6px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.badge{display:inline-block;padding:4px 10px;background:#f0f7ff;color:#007aff;border-radius:6px;font-size:12px;font-weight:500}