.user-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #00000012;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent;min-height:240px;display:flex;flex-direction:column}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transform:scaleX(0);transition:transform .3s ease}.user-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026;border-color:#3b82f6}.user-card:hover:before{transform:scaleX(1)}.user-card-header{display:flex;align-items:center;margin-bottom:16px}.user-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600;margin-right:20px;flex-shrink:0;position:relative;overflow:hidden;border:4px solid white;box-shadow:0 6px 20px #3b82f666,0 0 0 4px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-card:hover .user-avatar{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 30px #3b82f680,0 0 0 6px #fff3}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%}.user-name{font-size:20px;font-weight:600;color:#1f2937;margin:0}.user-persona{margin-bottom:12px}.persona-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:#3b82f6;border-radius:20px;font-size:13px;font-weight:500}.user-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0;flex-grow:1}.card-hover-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);padding:12px;text-align:center;transform:translateY(100%);transition:transform .3s ease}.user-card:hover .card-hover-overlay{transform:translateY(0)}.select-text{color:#fff;font-weight:600;font-size:14px;letter-spacing:.5px}@media (max-width: 768px){.user-card{padding:20px;min-height:200px}.user-avatar{width:70px;height:70px;font-size:20px;margin-right:16px}.user-name{font-size:18px}}.selection-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.selection-container{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.page-title{margin:0 0 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.title-gradient{font-size:48px;font-weight:800;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.title-subtitle{font-size:24px;font-weight:600;color:#fff;opacity:.95}.page-description{font-size:16px;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-footer{text-align:center;padding:20px;color:#fff;font-size:14px;opacity:.8}.loading-state,.error-state{text-align:center;padding:60px 20px;color:#fff}.loading-spinner-small{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.error-message{font-size:18px;margin-bottom:20px}.retry-button{padding:12px 32px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}@media (max-width: 768px){.selection-page{padding:20px 16px}.page-header{margin-bottom:40px}.title-gradient{font-size:36px}.title-subtitle{font-size:18px}.page-description{font-size:14px}.users-grid{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1024px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.users-grid{grid-template-columns:repeat(3,1fr)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-in}.loading-content{text-align:center;color:#fff}.spinner{position:relative;width:80px;height:80px;margin:0 auto 30px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#3b82f6;border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){border-top-color:#8b5cf6;animation-delay:-.5s;animation-duration:1.8s}.spinner-ring:nth-child(3){border-top-color:#ec4899;animation-delay:-1s;animation-duration:2.1s}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.loading-message{font-size:18px;font-weight:500;letter-spacing:1px;animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite,pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gradient{0%{background-position:0% center}to{background-position:200% center}}.result-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.result-container{max-width:1400px;margin:0 auto}.result-header{margin-bottom:30px;animation:fadeInDown .6s ease-out}.result-header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.result-title{color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;gap:12px;margin:0}.title-icon{font-size:36px}.btn-back{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#fff;color:#667eea;transform:translate(-5px)}.user-context-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;animation:fadeInUp .6s ease-out .1s both}.user-context-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-context-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #e5e7eb;box-shadow:0 4px 12px #00000026;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center}.context-avatar-image{width:100%;height:100%;object-fit:cover}.user-context-section h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.user-history-box{background:#f3f4f6;border-left:4px solid #667eea;padding:16px;border-radius:8px;color:#4b5563;line-height:1.6}.stages-flow{display:flex;flex-direction:column;gap:20px}.stage-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;animation:fadeInUp .6s ease-out both}.stage-section:nth-child(2){animation-delay:.2s}.stage-section:nth-child(4){animation-delay:.4s}.stage-section:nth-child(6){animation-delay:.6s}.stage-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb;min-height:36px}.stage-number{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0;line-height:1}.stage-header h2{margin:0!important;padding:0;color:#1f2937;font-size:22px!important;font-weight:600;line-height:1.2;text-align:left!important}.stage-content{color:#4b5563}.stage-input .stage-content{background:#fef3c7;border:2px dashed #f59e0b;border-radius:8px;padding:20px}.neighbors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.neighbor-group{background:#fff;border-radius:8px;padding:16px}.neighbor-title{margin:0 0 12px;color:#1f2937;font-size:16px;font-weight:600}.chaotic-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.chaotic-item{background:#f9fafb;border-left:3px solid #d1d5db;padding:12px;border-radius:6px;font-size:13px;line-height:1.5;transition:all .2s ease;display:flex;gap:12px;align-items:flex-start}.chaotic-item:hover{background:#f3f4f6;border-left-color:#667eea;transform:translate(4px)}.neighbor-rank-badge{flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.neighbor-content{flex:1;min-width:0}.neighbor-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.neighbor-id{display:inline-block;background:#667eea;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.neighbor-score-tooltip{display:inline-block;color:#6b7280;font-size:10px;font-weight:500;padding:2px 6px;background:#e5e7eb;border-radius:3px;cursor:help}.neighbor-strength-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:6px}.strength-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#8b5cf6);border-radius:3px;transition:width .3s ease}.neighbor-text{color:#6b7280;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.stage-synthesis{background:linear-gradient(to bottom,#fff,#f0f9ff);border:2px solid #3b82f6}.facets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.facet-card{background:#fff;border:2px solid #e0e7ff;border-radius:8px;padding:16px;transition:all .3s ease}.facet-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-4px)}.facet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.facet-icon{font-size:20px}.facet-confidence{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.facet-description{color:#1f2937;font-size:14px;line-height:1.6;margin:0 0 12px;font-weight:500}.facet-support{color:#6b7280;font-size:12px}.stage-output{background:linear-gradient(to bottom,#fff,#f0fdf4);border:2px solid #10b981}.recommendation-card{background:#fff;border-radius:12px;padding:24px;border:2px solid #d1fae5}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.recommended-title{flex:1;margin:0;color:#1f2937;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.recommendation-score{display:flex;flex-direction:column;align-items:center;gap:4px}.score-label{color:#6b7280;font-size:12px}.score-value{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:8px;font-size:24px;font-weight:700;min-width:80px;text-align:center}.rationale-section{margin-top:20px}.rationale-title{margin:0 0 12px;color:#1f2937;font-size:16px;font-weight:600}.rationale-text{background:#f9fafb;border-left:4px solid #10b981;padding:16px 20px;margin:0;border-radius:4px;color:#374151;font-size:15px;line-height:1.7;font-style:italic}.flow-arrow{text-align:center;padding:16px 0;animation:fadeIn .6s ease-out both}.flow-arrow:nth-child(2){animation-delay:.3s}.flow-arrow:nth-child(4){animation-delay:.5s}.arrow-icon{font-size:32px;color:#fff;animation:bounce 2s infinite}.arrow-text{color:#fff;font-size:14px;font-weight:600;margin-top:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.result-footer{margin-top:40px;text-align:center;animation:fadeInUp .6s ease-out .8s both}.btn-next-stage{padding:20px 40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;display:inline-flex;flex-direction:column;align-items:center;gap:8px}.btn-next-stage:hover{transform:translateY(-4px);box-shadow:0 8px 20px #10b98166}.btn-subtitle{font-size:14px;opacity:.9;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.rerank-list-section{margin-top:30px;padding-top:30px;border-top:2px solid #e5e7eb}.rerank-list-title{margin:0 0 20px;color:#1f2937;font-size:18px;font-weight:600}.rerank-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.rerank-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:16px;display:flex;gap:16px;transition:all .3s ease}.rerank-item:hover{background:#f3f4f6;border-color:#d1d5db}.rerank-item.recommended{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:3px solid #3b82f6;box-shadow:0 4px 12px #3b82f633;transform:scale(1.02)}.rerank-rank{flex-shrink:0;width:40px;height:40px;background:#e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#6b7280}.rerank-item.recommended .rerank-rank{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.rerank-content{flex:1}.rerank-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.rerank-item-id{background:#667eea;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.rerank-item.recommended .rerank-item-id{background:#1e40af;font-size:13px;padding:5px 12px}.rerank-score{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600}.rerank-item.recommended .rerank-score{background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:15px;padding:5px 14px}.recommended-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;animation:pulse 2s ease-in-out infinite}.rerank-rationale{color:#6b7280;font-size:13px;line-height:1.6;font-style:italic;padding-left:4px}.rerank-item.recommended .rerank-rationale{color:#1e40af;font-weight:500}.rerank-list::-webkit-scrollbar{width:6px}.rerank-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.rerank-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.rerank-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 768px){.result-page{padding:20px 16px}.result-header{flex-direction:column;gap:16px;align-items:flex-start}.result-title{font-size:24px}.neighbors-grid,.facets-grid{grid-template-columns:1fr}.recommendation-header{flex-direction:column;gap:16px}.btn-next-stage{width:100%;padding:16px 24px}.rerank-list{max-height:400px}.rerank-header{flex-direction:column;align-items:flex-start;gap:8px}.rerank-rank{width:32px;height:32px;font-size:14px}}.diff-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.diff-container{max-width:1600px;margin:0 auto}.diff-header{margin-bottom:30px;animation:fadeInDown .6s ease-out}.diff-header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.diff-title{color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;gap:12px;margin:0}.update-badge{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:30px;padding:10px 20px;display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;animation:pulse 2s ease-in-out infinite}.badge-icon{font-size:20px}.badge-text{font-size:14px}.update-summary{background:#fff;border-radius:12px;padding:24px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;animation:fadeInUp .6s ease-out .1s both}.update-summary h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.item-box{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;border-radius:8px}.item-title{font-size:16px;font-weight:600}.diff-sections{display:flex;flex-direction:column;gap:24px}.diff-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;animation:fadeInUp .6s ease-out both}.diff-section:nth-child(1){animation-delay:.2s}.diff-section:nth-child(2){animation-delay:.3s}.diff-section:nth-child(3){animation-delay:.4s}.diff-section.highlight{border:3px solid #3b82f6;box-shadow:0 8px 16px #3b82f633}.diff-section.neighbor-update{border-left:4px solid #3b82f6;margin-top:20px}.diff-section.neighbor-update:first-of-type{margin-top:0}.neighbor-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;font-size:14px;font-weight:700;margin-right:12px;flex-shrink:0}.section-title h3{margin:0;color:#1f2937;font-size:18px;font-weight:600;display:flex;align-items:center}.diff-section.neighbor-update{border-left:4px solid #3b82f6;margin-top:24px;animation:fadeInUp .6s ease-out both}.diff-section.neighbor-update:nth-child(4){animation-delay:.1s}.diff-section.neighbor-update:nth-child(5){animation-delay:.2s}.diff-section.neighbor-update:nth-child(6){animation-delay:.3s}.diff-section.neighbor-update:nth-child(7){animation-delay:.4s}.section-header{margin-bottom:20px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:4px;min-height:64px}.section-avatar{width:64px;height:64px;border-radius:50%;border:3px solid #e5e7eb;box-shadow:0 4px 12px #00000026;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center}.section-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.section-icon{font-size:28px;display:inline-flex;align-items:center;line-height:1}.section-title h2{margin:0!important;padding:0;color:#1f2937;font-size:22px!important;font-weight:600;line-height:1.2;text-align:left!important}.section-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.propagation-rationale{margin:12px 0 0 40px;padding:12px 16px;background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:4px;color:#1e40af;font-size:14px;line-height:1.6}.diff-viewer-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.diff-viewer-wrapper table{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.diff-viewer-wrapper pre{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;white-space:pre-wrap;word-break:break-word}.propagation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;animation:fadeInUp .6s ease-out .5s both}.stats-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.stat-icon{font-size:40px;flex-shrink:0}.stat-content{flex:1}.stat-label{color:#6b7280;font-size:13px;margin-bottom:4px}.stat-value{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:4px}.stat-detail{color:#9ca3af;font-size:12px}.diff-footer{margin-top:40px;text-align:center;animation:fadeInUp .6s ease-out .6s both}.btn-complete{padding:20px 50px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}.btn-complete:hover{transform:translateY(-4px);box-shadow:0 8px 20px #10b98166}.btn-icon{font-size:24px}.btn-text{font-size:18px}.footer-note{color:#fff;font-size:14px;opacity:.9;max-width:600px;margin:0 auto;padding:16px;background:#ffffff1a;border-radius:8px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width: 1200px){.diff-container{max-width:100%}}@media (max-width: 768px){.diff-page{padding:20px 16px}.diff-header{flex-direction:column;gap:16px;align-items:flex-start}.diff-title{font-size:24px}.update-badge{width:100%;justify-content:center}.section-title{flex-direction:column;align-items:flex-start;gap:8px}.section-subtitle,.propagation-rationale{margin-left:0}.propagation-stats{grid-template-columns:1fr}.btn-complete{width:100%;justify-content:center;padding:16px 24px}.diff-viewer-wrapper table{display:block;overflow-x:auto}}.diff-viewer-wrapper .wordDiff{font-weight:600}.diff-viewer-wrapper td{max-width:none;word-wrap:break-word;overflow-wrap:break-word}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh}.result-page,.diff-page{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.result-page h2,.diff-page h2{text-align:center;margin-bottom:30px;font-size:32px}.btn-primary{padding:12px 32px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.btn-primary:active{transform:translateY(0)}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #00000012;color:#1f2937}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#667eeab3}