*{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;background:linear-gradient(135deg,#fff,#f8f9fa,#f1f3f5,#e9ecef,#fff);background-size:400% 400%;min-height:100vh;overflow-x:hidden;transition:background .3s ease;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(30,41,59,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(75,85,99,.02) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(107,114,128,.015) 0%,transparent 50%);pointer-events:none;z-index:0}body.dark-mode{background:#000}#root{width:100%;min-height:100vh}.app{min-height:100vh;padding:2rem;position:relative;overflow-x:hidden;scroll-behavior:smooth;z-index:1}.header{text-align:center;margin-bottom:3rem;color:#1e293b;position:relative;z-index:10}.header h1{font-size:4rem;font-weight:900;margin-bottom:.5rem;letter-spacing:2px;background:linear-gradient(135deg,#1e293b,#4b5563,#6b7280);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.header p{font-size:1.3rem;color:#4b5563;opacity:.9;font-weight:300;text-transform:uppercase;letter-spacing:3px}.comparison-mode-toggle{display:flex;justify-content:center;margin-bottom:2rem;margin-top:-1rem}.toggle-container{display:flex;gap:.5rem;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(30,41,59,.2);border-radius:30px;padding:.25rem;box-shadow:0 4px 15px #1e293b1a}.toggle-button{padding:.75rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#4b5563;white-space:nowrap}.toggle-button:hover{color:#1e293b;background:#1e293b0d}.toggle-button.active{background:linear-gradient(135deg,#1e293b,#4b5563);color:#fff;box-shadow:0 4px 15px #1e293b33}.dark-mode .toggle-container{background:#1e293bb3;border-color:#ffffff1a}.dark-mode .toggle-button{color:#9ca3af}.dark-mode .toggle-button:hover{color:#e5e7eb;background:#ffffff0d}.dark-mode .toggle-button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 15px #6366f14d}@media(max-width:768px){.comparison-mode-toggle{margin-bottom:1.5rem;margin-top:-.5rem;padding:0 1rem}.toggle-container{gap:.25rem;padding:.2rem;border-radius:25px;max-width:100%;width:100%}.toggle-button{padding:.5rem .85rem;font-size:.75rem;border-radius:20px;flex:1;min-width:0}}@media(max-width:480px){.comparison-mode-toggle{padding:0 .5rem;margin-bottom:1rem}.toggle-container{gap:.2rem;padding:.15rem}.toggle-button{padding:.4rem .6rem;font-size:.7rem}}.agents-comparison-view{padding:2rem;text-align:center}.agents-placeholder{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(30,41,59,.2);border-radius:20px;padding:3rem;box-shadow:0 4px 15px #1e293b1a;max-width:600px;margin:0 auto}.agents-placeholder h2{font-size:2rem;color:#1e293b;margin-bottom:1rem;font-weight:700}.agents-placeholder p{font-size:1.1rem;color:#4b5563;line-height:1.6}.dark-mode .agents-placeholder{background:#1e293bb3;border-color:#ffffff1a}.dark-mode .agents-placeholder h2{color:#e5e7eb}.dark-mode .agents-placeholder p{color:#9ca3af}.header-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.refresh-button{background:#ffffffb3;border:2px solid rgba(30,41,59,.2);color:#1e293b;width:45px;height:45px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 15px #1e293b1a}.refresh-button:hover:not(:disabled){background:#ffffffe6;border-color:#1e293b4d;box-shadow:0 6px 20px #1e293b26;transform:translateY(-2px)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.view-toggle-button{background:#ffffffb3;border:2px solid rgba(30,41,59,.2);color:#1e293b;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 15px #1e293b1a}.view-toggle-button:hover{background:#ffffffe6;border-color:#1e293b4d;box-shadow:0 6px 20px #1e293b26;transform:translateY(-2px)}.dark-mode-toggle{background:#ffffffb3;border:2px solid rgba(30,41,59,.2);color:#1e293b;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 15px #1e293b1a}.dark-mode-toggle:hover{background:#ffffffe6;border-color:#1e293b4d;box-shadow:0 6px 20px #1e293b26;transform:translateY(-2px)}.data-source-badge{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#4b5563;border:1px solid rgba(30,41,59,.2);box-shadow:0 2px 10px #1e293b14}.error-message{background:#ef444433;backdrop-filter:blur(10px);color:#fee2e2;padding:.75rem 1.5rem;border-radius:10px;margin-top:1rem;font-size:.9rem;border:1px solid rgba(239,68,68,.3)}.loading-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-bottom:1rem}.loading-overlay p{font-size:1.1rem;font-weight:500}.main-content{max-width:1400px;margin:0 auto}.models-container{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:3rem;align-items:start}.model-column{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;border:2px solid rgba(30,41,59,.15);box-shadow:0 8px 32px #1e293b1f}.column-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center;text-transform:uppercase;letter-spacing:2px}.search-container{position:relative;margin-bottom:1.5rem;width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.model-search-input{flex:1;padding:.75rem 2.5rem .75rem 1rem;border:2px solid rgba(30,41,59,.2);border-radius:12px;background:#ffffffe6;color:#1e293b;font-size:1rem;font-weight:500;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;box-shadow:0 2px 8px #1e293b14}.filter-toggle-button{padding:.75rem 1rem;border:2px solid rgba(30,41,59,.2);border-radius:12px;background:#ffffffb3;color:#1e293b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);white-space:nowrap;box-shadow:0 2px 8px #1e293b14}.filter-toggle-button:hover{background:#ffffffe6;border-color:#1e293b4d;box-shadow:0 4px 12px #1e293b1f}.filter-toggle-button.active{background:#1e293b26;border-color:#1e293b66;color:#1e293b;box-shadow:0 4px 12px #1e293b33}.filter-panel{margin-top:1rem;padding:1rem;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:2px solid rgba(30,41,59,.15);box-shadow:0 4px 16px #1e293b1a}.filter-group h4{color:#1e293b;font-size:.9rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.filter-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.filter-tag{padding:.5rem 1rem;border:2px solid rgba(30,41,59,.2);border-radius:20px;background:#ffffffb3;color:#4b5563;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:capitalize;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 6px #1e293b14}.filter-tag:hover{background:#ffffffe6;border-color:#1e293b4d;box-shadow:0 4px 10px #1e293b1f;transform:translateY(-1px)}.filter-tag.active{background:#1e293b33;border-color:#1e293b66;color:#1e293b;box-shadow:0 4px 12px #1e293b33}.clear-filters-button{width:100%;padding:.5rem;border:2px solid rgba(107,114,128,.3);border-radius:8px;background:#6b72801a;color:#4b5563;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.clear-filters-button:hover{background:#6b728033;border-color:#6b728066}.model-search-input:focus{outline:none;border-color:#1e293b66;background:#fff;box-shadow:0 4px 15px #1e293b26}.model-search-input::placeholder{color:#9ca3af;opacity:.7}.clear-search-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#6b728026;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;font-size:1rem;font-weight:700;transition:all .3s ease;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.clear-search-button:hover{background:#6b728040;transform:translateY(-50%) scale(1.1);color:#1e293b}.no-results{text-align:center;padding:3rem 1rem;color:#4b5563}.no-results p{font-size:1.1rem;margin-bottom:1rem;font-weight:500}.clear-search-link{background:#ffffffb3;border:2px solid rgba(30,41,59,.2);color:#1e293b;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 8px #1e293b1a}.clear-search-link:hover{background:#ffffffe6;border-color:#1e293b4d;box-shadow:0 4px 12px #1e293b26;transform:translateY(-2px)}.models-list{display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.models-list::-webkit-scrollbar{width:8px}.models-list::-webkit-scrollbar-track{background:transparent}.models-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.models-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.models-list.models-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:70vh;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.models-list.models-grid-view::-webkit-scrollbar{width:8px}.models-list.models-grid-view::-webkit-scrollbar-track{background:transparent}.models-list.models-grid-view::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.models-list.models-grid-view::-webkit-scrollbar-thumb:hover{background:#ffffff80}.models-list.models-grid-view .model-item{flex-direction:column;text-align:center;padding:.75rem .5rem;min-height:140px;justify-content:space-between}.models-list.models-grid-view .model-icon{margin:0 auto .5rem;width:50px;height:50px;background:#fffffff2!important}.models-list.models-grid-view .model-logo-img{padding:8px;background:#fff;border-radius:6px;filter:none;mix-blend-mode:normal}.models-list.models-grid-view .model-info{width:100%}.models-list.models-grid-view .model-info h3{font-size:.9rem;margin-bottom:.25rem;line-height:1.2;font-weight:700}.models-list.models-grid-view .model-meta{font-size:.65rem;margin-top:.25rem;line-height:1.3}.models-list.models-grid-view .model-info .company{font-size:.7rem;margin-top:.15rem}.model-item{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:15px;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s ease;border:2px solid rgba(30,41,59,.15);position:relative;box-shadow:0 4px 15px #1e293b1a}.model-item:hover{transform:translate(5px);box-shadow:0 6px 20px #1e293b26;border-color:#1e293b40}.model-item.selected{border-color:#4b5563;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 0 20px #1e293b4d}.model-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 4px 10px #0003;overflow:hidden;position:relative;background:#fffffff2!important}.model-logo-img{width:100%;height:100%;object-fit:contain;padding:10px;background:#fff;border-radius:8px;filter:none;mix-blend-mode:normal}.model-info{flex:1}.model-info h3{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.model-info .company{font-size:.9rem;color:#4b5563;font-weight:500;display:block;margin-bottom:.25rem}.model-meta{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;font-weight:400}.checkmark{width:35px;height:35px;background:linear-gradient(135deg,#1e293b,#4b5563);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.5rem;box-shadow:0 4px 10px #1e293b4d}.vs-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1rem;position:relative;min-height:200px;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:2px solid rgba(30,41,59,.15);box-shadow:0 8px 32px #1e293b1f}.vs-badge{width:100px;height:100px;background:linear-gradient(135deg,#1e293b,#4b5563);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:900;color:#fff;box-shadow:0 0 30px #1e293b66;border:5px solid rgba(255,255,255,.9);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.compare-button{background:linear-gradient(135deg,#1e293b,#4b5563);color:#fff;border:none;padding:1.25rem 3rem;border-radius:50px;font-size:1.3rem;font-weight:900;cursor:pointer;box-shadow:0 10px 35px #1e293b66;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;z-index:20;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 10px 35px #1e293b66}50%{box-shadow:0 15px 45px #1e293b99}}.compare-button:hover:not(:disabled){box-shadow:0 12px 40px #1e293b80;transform:translateY(-2px)}.compare-button:disabled{opacity:.6;cursor:not-allowed}.vs-battle-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;height:200px;display:flex;align-items:center;justify-content:center;z-index:10}.vs-spinning-ring{position:absolute;width:250px;height:250px;border:6px solid rgba(255,255,255,.3);border-top-color:#1e293b;border-right-color:#4b5563;border-bottom-color:#6b7280;border-left-color:#1e293b;border-radius:50%;box-shadow:0 0 30px #1e293b4d}.vs-battle-models{display:flex;gap:2rem;align-items:center;z-index:10;position:relative}.vs-battle-model{padding:1rem 2rem;border-radius:15px;color:#fff;font-size:1.2rem;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.3);box-shadow:0 6px 20px #0000004d;border:2px solid white;min-width:120px;text-align:center}.comparison-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;align-items:center;justify-content:center;width:100%;max-width:600px}.spinning-ring{position:absolute;width:400px;height:400px;border:8px solid rgba(255,255,255,.3);border-top-color:#1e293b;border-right-color:#4b5563;border-bottom-color:#6b7280;border-left-color:#1e293b;border-radius:50%;box-shadow:0 0 50px #1e293b4d}.battle-models{display:flex;gap:3rem;align-items:center;z-index:10}.battle-model{padding:1.5rem 2.5rem;border-radius:20px;color:#fff;font-size:1.5rem;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.3);box-shadow:0 8px 25px #0000004d;border:3px solid white}.results-container{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:25px;padding:3rem;margin-top:2rem;box-shadow:0 20px 60px #1e293b26;border:2px solid rgba(30,41,59,.15)}.results-title{text-align:center;font-size:2.5rem;font-weight:900;margin-bottom:2rem;background:linear-gradient(135deg,#1e293b,#4b5563,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#1e293b}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.result-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;border-top:5px solid;transition:transform .3s ease}.result-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.result-header{padding:1.5rem;color:#fff}.result-header-top{display:flex;align-items:flex-start;gap:1rem}.result-header-info{display:flex;align-items:center;gap:1rem;flex:1}.result-logo-container{width:60px;height:60px;flex-shrink:0}.result-logo-img{width:100%;height:100%;object-fit:contain;padding:8px;background:#fff;border-radius:12px;filter:none;mix-blend-mode:normal}.result-logo-placeholder{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;box-shadow:0 4px 10px #0003}.result-header h3{font-size:1.8rem;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin:0;flex:1}.score-badge{width:70px;height:70px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;border:4px solid white;color:#1a1a1a;box-shadow:0 4px 15px #0000004d;flex-shrink:0}.result-content{padding:1.5rem}.result-section{margin-bottom:1.5rem}.result-section h4{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:#333;text-transform:uppercase;letter-spacing:1px}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #0000001a}.tag.positive{background:linear-gradient(135deg,#4b5563,#6b7280);color:#fff}.tag.negative{background:linear-gradient(135deg,#1e293b,#4b5563);color:#fff}.tag.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}.tag-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.expand-icon{font-size:.7rem;opacity:.8;transition:transform .3s ease}.tag.expanded .expand-icon{transform:rotate(90deg)}.expandable-tag-wrapper{position:relative;display:flex;flex-direction:column;margin-bottom:.5rem}.tag-note{background:#fffffff2;border-radius:0 0 12px 12px;margin-top:-1px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.tag-note-content{padding:1rem;font-size:.9rem;line-height:1.6;color:#333}.tag-note-content p{margin:0 0 .75rem}.collapse-button{background:#1e293b14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(30,41,59,.15);color:#1e293b;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.collapse-button:hover{background:#1e293b1f;border-color:#1e293b40}.description{color:#4b5563;line-height:1.6;font-size:.95rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(30,41,59,.15)}.model-specs{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(30,41,59,.15);display:flex;flex-direction:column;gap:.5rem}.spec-item{font-size:.9rem;color:#4b5563;display:flex;gap:.5rem}.spec-item strong{color:#1e293b;min-width:80px}.reset-button{width:100%;background:linear-gradient(135deg,#1e293b,#4b5563);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #1e293b4d;transition:all .3s ease}.reset-button:hover{box-shadow:0 12px 35px #1e293b80;transform:translateY(-2px)}.category-comparison{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 30px #1e293b1a;border:2px solid rgba(30,41,59,.15)}.radar-chart-container{margin-bottom:2.5rem;display:flex;justify-content:center;width:100%;min-height:500px}.radar-chart-wrapper{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.radar-chart-legend{display:flex;gap:2rem;justify-content:center;margin-bottom:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:#374151}.legend-color{width:20px;height:20px;border-radius:4px;box-shadow:0 2px 4px #0003}.radar-chart-canvas-container{width:100%;display:flex;justify-content:center;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:30px 20px;border:2px solid rgba(30,41,59,.15);box-shadow:0 8px 32px #1e293b1a,inset 0 2px 8px #1e293b0d;position:relative;overflow:hidden}.radar-chart-canvas-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(30,41,59,.03) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.radar-chart-canvas{max-width:100%;height:auto;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.category-title{font-size:1.8rem;font-weight:900;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#1e293b,#4b5563,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.category-item{background:#f9fafb;border-radius:12px;padding:1.25rem;border:2px solid #e5e7eb;transition:all .3s ease}.category-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:700;font-size:1.1rem;color:#1f2937}.category-icon{font-size:1.5rem}.category-name{flex:1}.category-bars{display:flex;flex-direction:column;gap:.75rem}.category-bar-wrapper{display:flex;flex-direction:column;gap:.5rem}.category-label{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.category-bar-container{position:relative;width:100%;height:32px;background:#e5e7eb;border-radius:16px;overflow:hidden;display:flex;align-items:center}.category-bar{height:100%;border-radius:16px;transition:width .8s ease;position:relative;box-shadow:0 2px 8px #00000026}.category-score{position:absolute;right:12px;font-weight:700;font-size:.9rem;color:#1f2937;z-index:10;text-shadow:0 1px 2px rgba(255,255,255,.8)}.tech-details{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:10px;border-left:4px solid;border-left-color:inherit}.tech-item{font-size:.95rem;color:#4b5563;line-height:1.6}.tech-item strong{color:#1f2937;font-weight:700;margin-right:.5rem}.floating-battle-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:1rem}.floating-battle-button{background:linear-gradient(135deg,#1e293b,#4b5563);color:#fff;border:none;padding:1.5rem 2.5rem;border-radius:50px;font-size:1.4rem;font-weight:900;cursor:pointer;box-shadow:0 15px 40px #1e293b66;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;min-width:200px;justify-content:center;position:relative;z-index:10}.floating-battle-button:hover:not(:disabled){box-shadow:0 20px 50px #1e293b99;transform:translateY(-3px)}.floating-battle-button:disabled{opacity:.8;cursor:not-allowed}.battle-icon{font-size:1.8rem;display:inline-block}.battle-text{font-size:1.3rem}.floating-selected-models{display:flex;align-items:center;gap:1rem;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1rem 1.5rem;border-radius:20px;box-shadow:0 10px 30px #1e293b26;border:2px solid rgba(30,41,59,.2)}.selected-model-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:12px;border:2px solid rgba(30,41,59,.2);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.preview-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;color:#fff;flex-shrink:0;overflow:hidden;position:relative;background:#fffffff2!important}.preview-logo-img{width:100%;height:100%;object-fit:contain;padding:8px;background:#fff;border-radius:6px;filter:none;mix-blend-mode:normal}.preview-name{font-size:.95rem;font-weight:700;color:#1a1a1a;white-space:nowrap}.vs-divider{font-size:1.2rem;font-weight:900;color:#1e293b;padding:0 .5rem}.floating-battle-animation{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:999;background:#0000004d;backdrop-filter:blur(5px)}.floating-spinning-ring{position:absolute;width:300px;height:300px;border:8px solid rgba(255,255,255,.3);border-top-color:#1e293b;border-right-color:#4b5563;border-bottom-color:#6b7280;border-left-color:#1e293b;border-radius:50%;box-shadow:0 0 40px #1e293b4d}.floating-battle-models{display:flex;gap:3rem;align-items:center;z-index:10;position:relative}.floating-battle-model{padding:1.5rem 2.5rem;border-radius:20px;color:#fff;font-size:1.5rem;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.3);box-shadow:0 8px 25px #0000004d;border:3px solid white;min-width:150px;text-align:center}@media(max-width:768px){.models-container{display:none!important}.mobile-selection-flow{width:100%;max-width:100%}.mobile-selection-card,.mobile-battle-ready-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(30,41,59,.15);border-radius:20px;padding:1.5rem;width:100%;box-shadow:0 8px 32px #1e293b26}.mobile-column-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:#1e293b;letter-spacing:1px}.selected-model-indicator{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 4px 16px #1e293b26}.selected-model-content{display:flex;align-items:center;gap:1rem;flex:1}.selected-model-content .model-icon{width:48px;height:48px;flex-shrink:0}.selected-model-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.selected-model-info h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.selected-model-info .company{font-size:.85rem;color:#4b5563}.remove-model-button{width:32px;height:32px;border-radius:50%;background:#1e293b1a;border:1px solid rgba(30,41,59,.2);color:#1e293b;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.remove-model-button:hover{background:#ef444426;border-color:#ef444466;color:#ef4444;transform:scale(1.1)}.remove-model-button:active{transform:scale(.95)}.mobile-vs-badge{text-align:center;font-size:2rem;font-weight:900;color:#1e293b;margin:1.5rem 0;text-shadow:0 2px 8px rgba(30,41,59,.2);letter-spacing:4px}.mobile-vs-badge-small{text-align:center;font-size:1.2rem;font-weight:700;color:#4b5563;margin:.5rem 0;letter-spacing:2px}.mobile-selected-models{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.mobile-battle-button{width:100%;padding:1.25rem 2rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#1e293b,#4b5563);border:none;border-radius:16px;color:#fff;cursor:pointer;box-shadow:0 8px 24px #1e293b4d;transition:all .3s ease;letter-spacing:1px;text-transform:uppercase}.mobile-battle-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #1e293b80}.mobile-battle-button:active{transform:translateY(0)}.app{--app-padding: 1rem}.results-container{margin-left:-1rem;margin-right:-1rem;margin-top:1rem;padding:1.5rem 1rem;border-radius:20px 20px 0 0;border-left:none;border-right:none;width:calc(100% + 2rem)}.dark-mode .results-container{background:#000!important;border-color:#ffffff1a!important}.dark-mode .reset-button{color:#fff!important;background:#282828f2!important;border-color:#fff3!important}.dark-mode .reset-button:hover{background:#323232f2!important;color:#fff!important}.results-grid{gap:1rem;margin-bottom:1.5rem}.result-card{border-radius:15px;margin:0}.models-list.models-grid-view{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:65vh;gap:.5rem}.models-list.models-grid-view .model-item{padding:.5rem .4rem;min-height:115px}.models-list.models-grid-view .model-icon{width:38px;height:38px;margin:0 auto .35rem}.models-list.models-grid-view .model-info h3{font-size:.75rem;line-height:1.2}.models-list.models-grid-view .model-info .company{font-size:.65rem}.models-list.models-grid-view .model-meta{font-size:.6rem;line-height:1.2}.floating-battle-container{bottom:.75rem;right:.75rem;left:.75rem;align-items:stretch;padding:.75rem}.floating-battle-button{width:100%;padding:1rem 1.5rem;font-size:1.1rem;min-width:auto}.floating-selected-models{flex-direction:column;gap:.5rem;padding:.75rem}.selected-model-preview{padding:.5rem .75rem}.preview-icon{width:35px;height:35px}.preview-name{font-size:.85rem}.vs-divider{transform:rotate(90deg);padding:.4rem 0;font-size:.9rem}.floating-spinning-ring{width:200px;height:200px}.floating-battle-models{gap:1.5rem;flex-direction:column}.floating-battle-model{padding:.75rem 1rem;font-size:1rem;min-width:100px}}@media(max-width:1200px){.models-container{grid-template-columns:1fr 60px 1fr;gap:.75rem}.vs-section{order:0;flex-direction:column;padding:.5rem;min-height:auto;justify-content:center}.vs-badge{width:50px;height:50px;font-size:1.2rem}}@media(max-width:480px){.app{--app-padding: .4rem}.results-container{margin-left:-.4rem;margin-right:-.4rem;padding:1rem .75rem;width:calc(100% + .8rem)}.dark-mode .results-container{background:#000!important;border-color:#ffffff1a!important}.result-card{border-radius:12px}.app{padding:.4rem}.header h1{font-size:1.3rem}.header p{font-size:.65rem}.header-controls{gap:.3rem}.refresh-button,.view-toggle-button,.dark-mode-toggle{width:28px;height:28px;font-size:.75rem}.view-toggle-button,.dark-mode-toggle{width:auto;padding:.25rem .4rem;font-size:.65rem}.model-column{padding:.4rem}.column-title{font-size:.75rem;margin-bottom:.4rem}.model-search-input{font-size:.65rem;padding:.35rem 1.2rem .35rem .4rem}.model-item{padding:.4rem;gap:.4rem}.model-icon{width:28px;height:28px}.model-info h3{font-size:.7rem}.model-info .company{font-size:.55rem}.model-meta{font-size:.5rem}.vs-badge{width:30px;height:30px;font-size:.8rem}.results-title{font-size:1.1rem}.results-grid{gap:.75rem}.result-header{padding:.65rem}.result-header h3{font-size:.95rem}.result-logo-container{width:35px;height:35px}.score-badge{width:40px;height:40px;font-size:1.1rem}.result-content{padding:.65rem}.result-section h4{font-size:.8rem}.tag{font-size:.65rem;padding:.3rem .55rem}.description{font-size:.75rem}.spec-item,.tech-item{font-size:.7rem}.category-title{font-size:.9rem}.categories-grid{gap:.4rem}}.dark-mode{background:#000}.dark-mode .model-column{background:#1e1e1ef2;border-color:#ffffff1a}.dark-mode .model-item{background:#282828f2;color:#fff}.dark-mode .model-item.selected{background:#323232f2}.dark-mode .mobile-selection-card,.dark-mode .mobile-battle-ready-card{background:#141414f2;border-color:#ffffff0d}.dark-mode .selected-model-indicator{background:#1e1e1ef2;border-color:#ffffff1a}.dark-mode .remove-model-button{background:#ffffff0d;border-color:#ffffff1a}.dark-mode .model-info h3{color:#fff}.dark-mode .model-info .company{color:#fffc}.dark-mode .model-info .model-meta{color:#ffffffb3}.dark-mode .model-search-input{background:#282828f2;color:#fff;border-color:#fff3}.dark-mode .model-search-input::placeholder{color:#ffffff80}.dark-mode .filter-panel{background:#1e1e1ef2;border-color:#ffffff1a}.dark-mode .filter-tag{background:#282828f2;color:#fff;border-color:#fff3}.dark-mode .filter-tag.active{background:#3b82f64d;border-color:#3b82f680;color:#93c5fd}.dark-mode .result-card{background:#282828f2;color:#fff}.dark-mode .result-content,.dark-mode .result-section h4{color:#fff}.dark-mode .description,.dark-mode .model-specs{color:#fffc;border-top-color:#fff3}.dark-mode .spec-item{color:#ffffffe6}.dark-mode .spec-item strong{color:#fff}.dark-mode .tech-details{background:#1e1e1ef2;color:#ffffffe6}.dark-mode .tech-item{color:#ffffffe6}.dark-mode .tech-item strong{color:#fff}.dark-mode .category-comparison{background:#1e1e1ef2;color:#fff;border-color:#ffffff1a}.dark-mode .category-item{background:#282828f2;color:#fff;border-color:#ffffff1a}.dark-mode .category-header,.dark-mode .category-name{color:#fff}.dark-mode .category-label{color:#ffffffe6}.dark-mode .category-score{color:#fff}.dark-mode .no-results{color:#fffc}.dark-mode .column-title{color:#fff}.dark-mode .vs-badge{background:#282828f2;color:#fff}.dark-mode .category-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.5);opacity:1!important}.dark-mode .results-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:#000!important;text-shadow:none!important;opacity:1!important}.dark-mode .result-header-top,.dark-mode .result-header-info{color:#fff}.dark-mode .result-logo-container{background:#ffffff1a}.dark-mode .score-badge{background:#ffffff1a;color:#fff}.dark-mode .category-bar-container{background:#ffffff1a}.dark-mode .category-bar{background:#fff3}.dark-mode .category-bar-fill{background:#ffffff4d}.dark-mode .floating-battle-container{background:#282828f2;border-color:#fff3}.dark-mode .floating-battle-button{background:#282828f2;color:#fff;border-color:#fff3}.dark-mode .floating-selected-models{color:#fff}.dark-mode .selected-model-preview{background:#1e1e1ef2;border-color:#ffffff1a}.dark-mode .preview-name,.dark-mode .clear-search-button{color:#fff}.dark-mode .clear-filters-button{background:#282828f2;color:#fff;border-color:#fff3}.dark-mode .clear-filters-button:hover{background:#323232f2}.dark-mode .filter-group h4{color:#fff}.dark-mode .vs-section{background:#1e1e1ef2;border-color:#ffffff1a}.dark-mode .reset-button{background:#282828f2;color:#fff;border-color:#fff3}.dark-mode .reset-button:hover{background:#323232f2}.dark-mode .tag-note{background:#282828f2;border-color:#ffffff1a}.dark-mode .tag-note-content,.dark-mode .tag-note-content p{color:#ffffffe6}.dark-mode .collapse-button{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.dark-mode .collapse-button:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.app{padding:.5rem}.header{margin-bottom:1rem}.header h1{font-size:1.5rem;letter-spacing:.5px;margin-bottom:.2rem}.header p{font-size:.7rem;letter-spacing:1px}.header-controls{flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.refresh-button,.view-toggle-button,.dark-mode-toggle{width:32px;height:32px;padding:0;font-size:.85rem}.view-toggle-button,.dark-mode-toggle{width:auto;padding:.3rem .5rem;font-size:.7rem}.data-source-badge{font-size:.65rem;padding:.3rem .5rem}.models-container{grid-template-columns:1fr 40px 1fr;gap:.5rem;margin-bottom:1.5rem}.model-column{padding:.5rem;border-radius:10px;overflow:hidden}.column-title{font-size:.85rem;margin-bottom:.5rem;letter-spacing:1px}.search-input-wrapper{flex-wrap:nowrap;gap:.3rem}.model-search-input{font-size:.7rem;padding:.4rem 1.5rem .4rem .5rem;border-radius:8px}.clear-search-button{right:.4rem;font-size:.7rem;width:16px;height:16px}.filter-toggle-button{font-size:.65rem;padding:.3rem .5rem;white-space:nowrap}.filter-panel{padding:.5rem;font-size:.7rem}.filter-group h4{font-size:.75rem;margin-bottom:.4rem}.filter-tag,.clear-filters-button{font-size:.65rem;padding:.3rem .5rem}.model-item{padding:.5rem;gap:.5rem;border-radius:10px}.model-icon{width:32px;height:32px;flex-shrink:0}.model-logo-img{padding:4px}.model-info{min-width:0;flex:1}.model-info h3{font-size:.75rem;margin-bottom:.15rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-info .company{font-size:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-meta{font-size:.55rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-section{padding:.3rem;min-height:auto;justify-content:center}.vs-badge{width:35px;height:35px;font-size:.9rem}.results-title{font-size:1.3rem;margin-bottom:1rem}.results-grid{grid-template-columns:1fr;gap:1rem}.result-card{border-radius:10px}.result-header{padding:.75rem}.result-header-top,.result-header-info{gap:.5rem}.result-header h3{font-size:1rem;line-height:1.3}.result-logo-container{width:40px;height:40px}.result-logo-img{padding:5px}.score-badge{width:45px;height:45px;font-size:1.2rem;border-width:2px}.result-content{padding:.75rem}.result-section{margin-bottom:.75rem}.result-section h4{font-size:.85rem;margin-bottom:.5rem;letter-spacing:.5px}.tag{font-size:.7rem;padding:.35rem .65rem;border-radius:12px}.tag-content{gap:.4rem}.expand-icon{font-size:.65rem}.tag-note{border-radius:0 0 8px 8px}.tag-note-content{padding:.75rem;font-size:.75rem;line-height:1.5}.tag-note-content p{margin-bottom:.5rem}.collapse-button{font-size:.7rem;padding:.35rem .65rem}.description{font-size:.8rem;margin-top:.75rem;padding-top:.75rem;line-height:1.5}.model-specs{margin-top:.75rem;padding-top:.75rem;gap:.5rem}.spec-item{font-size:.75rem;gap:.5rem}.spec-item strong{font-size:.75rem;min-width:80px}.tech-details{padding:.75rem;border-radius:8px}.tech-item{font-size:.75rem;line-height:1.5}.tech-item strong{font-size:.75rem;margin-right:.5rem}.category-comparison{padding:.75rem;border-radius:10px;margin-bottom:1rem}.category-title{font-size:1rem;margin-bottom:.75rem}.categories-grid{grid-template-columns:1fr 1fr;gap:.5rem}.category-item{padding:.5rem;border-radius:8px}.category-header{font-size:.75rem;margin-bottom:.5rem;gap:.4rem}.category-icon{font-size:1rem}.category-name{font-size:.75rem}.category-bar-container{height:24px;border-radius:12px}.category-label{font-size:.6rem}.category-score{font-size:.7rem;right:8px}.reset-button{padding:.5rem 1rem;font-size:.85rem}.spinning-ring{width:250px;height:250px}.battle-models{gap:1rem;flex-direction:column}.battle-model{padding:.75rem 1rem;font-size:1rem}}