@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0a0c10;--bg-secondary:#0d1117;--bg-card:#161b22b3;--bg-card-hover:#161b22e6;--accent-blue:#58a6ff;--accent-green:#238636;--text-primary:#c9d1d9;--text-secondary:#8b949e;--border-color:#30363d80;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--gradient-blue:linear-gradient(135deg, #58a6ff 0%, #1f6feb 100%);--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--chart-card-bg:#161b22;--repo-item-bg:#30363d33;--repo-item-hover-bg:#30363d4d;--input-placeholder:#484f58;--skeleton-base:#30363d66;--skeleton-mid:#30363db3}html[data-theme=light]{--bg-primary:#f6f8fa;--bg-secondary:#fff;--bg-card:#ffffffeb;--bg-card-hover:#fffffffa;--accent-blue:#0969da;--accent-green:#1a7f37;--text-primary:#1f2328;--text-secondary:#656d76;--border-color:#d0d7dee6;--glass-bg:#ffffffbf;--glass-border:#d0d7ded9;--gradient-blue:linear-gradient(135deg, #0969da 0%, #0550ae 100%);--shadow-sm:0 1px 3px #1f23281f;--shadow-md:0 8px 24px #1f23281a;--chart-card-bg:#fff;--repo-item-bg:#d0d7de66;--repo-item-hover-bg:#d0d7dea6;--input-placeholder:#8c959f;--skeleton-base:#d0d7de8c;--skeleton-mid:#d0d7dee6}html[data-theme=light] body{background-image:radial-gradient(at 0 0,#0969da14 0,#0000 50%),radial-gradient(at 100% 100%,#1a7f3714 0,#0000 50%)}.recharts-text,.recharts-legend-item-text,.recharts-cartesian-axis-tick-value{fill:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#1f6feb1a 0,#0000 50%),radial-gradient(at 100% 100%,#2386361a 0,#0000 50%);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.dashboard{flex-direction:column;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.hero{text-align:center;max-width:800px;animation:.8s ease-out fadeInDown}.hero h1{background:var(--gradient-blue);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.hero p{color:var(--text-secondary);font-size:1.25rem;line-height:1.6}form{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);width:100%;max-width:600px;box-shadow:var(--shadow-md);border-radius:16px;gap:.75rem;padding:.5rem;transition:transform .3s,border-color .3s;display:flex}form:focus-within{border-color:var(--accent-blue);transform:translateY(-2px)}input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:1rem}input::placeholder{color:var(--input-placeholder)}button{background:var(--gradient-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #58a6ff33}button:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 6px 16px #58a6ff4d}button:active{transform:scale(.98)}.hero-pdf-row{justify-content:flex-end;align-items:center;width:100%;max-width:600px;margin:1rem auto 0;padding-top:.25rem;display:flex}.hero-pdf-row--wide{max-width:800px}.pdf-export-actions-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.pdf-export-btn--preview{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.pdf-export-btn--preview:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue);filter:none;box-shadow:0 4px 14px #58a6ff2e}.pdf-export-btn--preview .pdf-export-btn__busy{border-color:#58a6ff59;border-top-color:var(--accent-blue)}.pdf-export-btn{letter-spacing:.08em;text-transform:uppercase;background:var(--gradient-blue);color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #58a6ff59;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.8rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.pdf-export-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 18px #58a6ff47}.pdf-export-btn:active:not(:disabled){transform:translateY(0)}.pdf-export-btn__icon{flex-shrink:0}.pdf-export-btn__label{line-height:1}.pdf-export-btn__busy{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite pdf-export-spin}@keyframes pdf-export-spin{to{transform:rotate(360deg)}}.pdf-export-btn:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.pdf-capture-root{width:100%}.pdf-capture-root.pdf-capture-active,.pdf-capture-root.pdf-capture-active *{-webkit-backdrop-filter:none!important;box-shadow:none!important;transition:none!important;animation:none!important}.pdf-capture-active{z-index:999999!important;background-color:var(--bg-primary)!important;width:1200px!important;min-width:1200px!important;color:var(--text-primary)!important;visibility:visible!important;margin:0!important;padding:40px!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important;transform:none!important}.pdf-capture-active .dashboard{gap:40px!important;max-width:1200px!important;padding:0!important}.pdf-capture-active .content{grid-template-columns:repeat(2,1fr)!important;width:100%!important;display:grid!important}.pdf-capture-active .profile-card{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:48px!important;width:100%!important;padding:40px!important;overflow:visible!important}.pdf-capture-active .profile-avatar{width:140px!important;height:140px!important}.pdf-capture-active .profile-info{text-align:left!important;align-items:flex-start!important}.pdf-capture-active .stats-inline{justify-content:flex-start!important}.pdf-capture-active,.pdf-capture-active *{-webkit-backdrop-filter:none!important;box-shadow:none!important;transition:none!important;animation:none!important}.profile-card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:2.5rem;width:100%;padding:2.5rem;transition:all .3s;animation:.6s ease-out fadeInUp;display:flex;position:relative;overflow:hidden}.profile-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#58a6ff0d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.profile-card:hover{border-color:var(--accent-blue);background:var(--bg-card-hover);box-shadow:0 0 30px #58a6ff33, var(--shadow-md);transform:translateY(-5px)}.profile-card:hover:before{opacity:1}.profile-card>*{z-index:1;position:relative}.profile-card img{border:4px solid var(--accent-blue);object-fit:cover;border-radius:36px;width:140px;height:140px;transition:all .3s;box-shadow:0 8px 24px #58a6ff40}.profile-card:hover img{border-color:#1f6feb;transform:scale(1.05);box-shadow:0 12px 32px #58a6ff66}.profile-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.profile-info h2{background:var(--gradient-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.profile-info p{color:var(--text-secondary);max-width:100%;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.stats-inline{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;display:flex}.stat-item{color:var(--text-primary);flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;display:flex}.stat-item strong{color:var(--accent-blue);font-size:1.1rem}.content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;width:100%;display:grid}.card-vignette{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:2rem}.card-vignette h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem}.repo-item{background:var(--repo-item-bg);border:1px solid #0000;border-radius:16px;margin-bottom:1rem;padding:1.25rem;transition:all .2s}.repo-item:hover{background:var(--repo-item-hover-bg);border-color:var(--glass-border);transform:translate(4px)}.repo-item a{color:var(--accent-blue);font-size:1.1rem;font-weight:600;text-decoration:none}.repo-item p{color:var(--text-secondary);margin-top:.5rem;margin-bottom:1rem;font-size:.95rem}.repo-stats{align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.repo-stats span{color:var(--text-primary);align-items:center;gap:.4rem;font-weight:500;display:flex}.repo-date{color:var(--text-secondary);margin-left:auto;font-size:.8rem}@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)}}@media (max-width:768px){.dashboard{gap:2rem;padding:2rem 1rem}.profile-card{text-align:center;flex-direction:column;align-items:center;padding:2rem}.profile-card img{width:120px;height:120px}.stats-inline{flex-wrap:wrap;justify-content:center;gap:1rem}form{box-shadow:none;background:0 0;border:none;flex-direction:column;padding:0}input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;width:100%}button{width:100%}.content{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-mid) 50%, var(--skeleton-base) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-card{background:var(--chart-card-bg);border-radius:14px;margin-top:30px;padding:20px;box-shadow:0 10px 30px #0006}html[data-theme=light] .chart-card{box-shadow:var(--shadow-md)}.chart-card h3{text-align:center;margin-bottom:15px}.comparison-search{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);width:100%;max-width:800px;box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s;display:flex}.comparison-search:focus-within{border-color:var(--accent-green);box-shadow:0 0 20px #23863633, var(--shadow-md)}.comparison-inputs{grid-template-columns:1fr auto 1fr;align-items:flex-end;gap:1.5rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.input-group input{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff05;border-radius:12px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-group input:focus{border-color:var(--accent-green);background:#ffffff0a;outline:none;box-shadow:inset 0 0 10px #2386361a}.input-group input::placeholder{color:#8b949e99}.swap-button{background:var(--glass-bg);border:1px solid var(--border-color);cursor:pointer;width:48px;height:48px;color:var(--accent-green);border-radius:12px;justify-content:center;align-items:center;padding:0;font-weight:600;transition:all .2s;display:flex}.swap-button:hover{border-color:var(--accent-green);background:#2386361a;transform:rotate(180deg);box-shadow:0 0 12px #23863633}.swap-button svg{width:20px;height:20px}.search-button{background:linear-gradient(135deg, var(--accent-green) 0%, #1a7f34 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #23863640}.search-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #23863659}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{opacity:.5;cursor:not-allowed}.search-button svg{width:18px;height:18px;transition:transform .2s}.search-button:hover:not(:disabled) svg{transform:translate(4px)}.comparison-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;display:grid}.comparison-item{width:100%}@media (max-width:768px){.comparison-inputs{grid-template-columns:1fr;align-items:stretch}.swap-button{order:3;grid-column:1/-1;width:100%;height:auto;padding:.75rem}.swap-button svg{transform:rotate(90deg)}.comparison-grid{grid-template-columns:1fr}.comparison-search{padding:1.5rem}}.pdf-capture-root--comparison{width:100%;overflow:visible}.pdf-preview-backdrop{z-index:300;-webkit-backdrop-filter:blur(6px);box-sizing:border-box;background:#0a0c12a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pdf-preview-dialog{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:min(920px,96vw);max-height:min(92vh,900px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.pdf-preview-header{border-bottom:1px solid var(--border-color);text-align:left;padding:1.1rem 1.35rem .75rem}.pdf-preview-header h2{color:var(--text-primary);margin:0 2rem .35rem 0;font-size:1.15rem;font-weight:700}.pdf-preview-sub{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.45}.pdf-preview-close{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:.65rem;right:.75rem}.pdf-preview-close:hover{background:var(--glass-bg);color:var(--text-primary)}.pdf-preview-body{background:linear-gradient(#58a6ff0a 0%,#0000 32%);flex:1;min-height:200px;padding:1rem 1.25rem;overflow:auto}.pdf-preview-loading{text-align:center;color:var(--text-secondary);padding:3rem;font-size:.95rem}.pdf-preview-sheet{background:linear-gradient(#fafbfd 0%,#f0f3f9 100%);border:1px solid #d0d7de80;border-radius:12px;padding:12px;box-shadow:inset 0 1px #fffc}html[data-theme=light] .pdf-preview-sheet{background:linear-gradient(#fff 0%,#f3f5f9 100%)}.pdf-preview-img{vertical-align:top;border-radius:8px;width:100%;height:auto;display:block}.pdf-preview-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-wrap:wrap;justify-content:flex-end;gap:.6rem;padding:.85rem 1.25rem 1.1rem;display:flex}.pdf-preview-btn{cursor:pointer;border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:transform .15s,border-color .15s;display:inline-flex}.pdf-preview-btn__icon{flex-shrink:0}.pdf-preview-btn__label{line-height:1}.pdf-preview-btn:hover:not(:disabled){border-color:var(--accent-blue);color:var(--accent-blue)}.pdf-preview-btn:disabled{opacity:.45;cursor:not-allowed}.pdf-preview-btn--primary{background:var(--gradient-blue);color:#fff;border-color:#0000}.pdf-preview-btn--primary:hover:not(:disabled){filter:brightness(1.08);color:#fff}.pdf-preview-filename{color:var(--text-secondary);text-align:center;word-break:break-all;opacity:.85;margin:0;padding:0 1.25rem 1rem;font-size:.72rem}.home-container{background:linear-gradient(135deg,#0a0c10 0%,#0d111780 100%) fixed;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;padding:3rem 2rem;display:flex}html[data-theme=light] .home-container{background:linear-gradient(135deg,#f6f8fa 0%,#fff 100%)}.github-header{align-items:center;gap:1.5rem;margin-bottom:2rem;animation:.8s ease-out fadeInDown;display:flex}.github-logo{width:48px;height:48px;color:var(--accent-blue);filter:drop-shadow(0 0 12px #58a6ff4d);transition:all .3s}.github-logo:hover{filter:drop-shadow(0 0 20px #58a6ff99);transform:rotate(5deg)scale(1.1)}.github-header h1{background:var(--gradient-blue);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:800}.hero-section{text-align:center;max-width:600px;margin-bottom:3rem}.hero-section h2{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.hero-section p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.mode-selector{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:900px;margin-bottom:3rem;display:grid}.mode-card{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;text-align:center;color:inherit;font-family:inherit;font-size:inherit;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#58a6ff0d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.mode-card:hover{border-color:var(--accent-blue);background:var(--bg-card-hover);box-shadow:0 0 20px #58a6ff33, var(--shadow-md);transform:translateY(-5px)}.mode-card:hover:before{opacity:1}.mode-card.analyzer{--accent:#58a6ff}.mode-card.comparison{--accent:#238636}.mode-card.comparison:hover{border-color:var(--accent-green);box-shadow:0 0 20px #23863633, var(--shadow-md)}.mode-icon{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex}.mode-card.analyzer .mode-icon{color:var(--accent-blue)}.mode-card.comparison .mode-icon{color:var(--accent-green)}.mode-card:hover .mode-icon{background:#58a6ff1a;transform:scale(1.1)rotate(5deg);box-shadow:0 0 15px #58a6ff26}.mode-card.comparison:hover .mode-icon{background:#2386361a;box-shadow:0 0 15px #23863626}.mode-icon svg{stroke-width:1.5px;width:36px;height:36px}.mode-card h3{color:var(--text-primary);margin:.5rem 0 0;font-size:1.5rem;font-weight:700}.mode-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.features{text-align:left;width:100%;color:var(--text-secondary);flex-direction:column;align-items:flex-start;gap:.5rem;margin:1rem 0;padding:0;font-size:.9rem;list-style:none;display:flex}.features li{align-items:center;gap:.5rem;display:flex}.features li:before{content:"✓";color:var(--accent-green);width:20px;font-weight:700}.cta-text{color:var(--accent-blue);background:#58a6ff1a;border-radius:8px;width:100%;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.mode-card.comparison .cta-text{color:var(--accent-green);background:#2386361a}.home-footer{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}@media (max-width:768px){.home-container{padding:2rem 1rem}.github-header{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.github-logo{width:40px;height:40px}.mode-selector{gap:1.5rem}.mode-card{padding:2rem 1.5rem}.mode-icon{width:60px;height:60px}.mode-icon svg{width:30px;height:30px}}@media (max-width:480px){.mode-selector{grid-template-columns:1fr}.github-header h1{font-size:1.5rem}.hero-section h2{font-size:1.4rem}}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem;position:relative}.header-actions{z-index:200;align-items:center;gap:.75rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}.theme-toggle{border:1px solid var(--glass-border);background:var(--glass-bg);width:44px;height:44px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.github-star-button{border:1px solid var(--glass-border);background:var(--glass-bg);height:44px;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.5rem;padding:0 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.github-star-button:hover,.theme-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff33}.github-star-button svg{color:#e3b341;transition:transform .3s}.github-star-button:hover svg{transform:scale(1.1)rotate(15deg)}.theme-toggle:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.back-button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:100;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:absolute;top:2rem;left:2rem}.back-button:hover{border-color:var(--accent-blue);color:var(--accent-blue);background:#58a6ff1a;transform:translate(-4px);box-shadow:0 0 12px #58a6ff33}.back-button svg{width:18px;height:18px}.comparison-view{position:relative}.comparison-container{width:100%}.comparison-header{text-align:center;margin-bottom:3rem;animation:.8s ease-out fadeInDown}.comparison-header h2{background:linear-gradient(135deg,#238636 0%,#1f6feb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.comparison-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.comparison-header strong{color:var(--accent-green);font-weight:700}.comparison-metrics{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:24px;width:100%;margin-top:2rem;padding:2.5rem;animation:.6s ease-out .3s both fadeInUp}.comparison-metrics h3{color:var(--text-primary);text-align:center;margin-bottom:2rem;font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.metric-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#2386360d 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.metric-card:hover{border-color:var(--accent-green);background:var(--bg-card-hover);box-shadow:0 0 20px #23863626}.metric-card:hover:before{opacity:1}.metric-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.metric-icon{font-size:1.5rem}.metric-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.metric-values{flex-direction:column;gap:1rem;display:flex}.value-item{text-align:left;border-left:3px solid var(--accent-blue);background:#58a6ff0d;border-radius:12px;padding:1rem;transition:all .2s;position:relative}.value-item.winner{border-left-color:var(--accent-green);background:#2386361a;transform:scale(1.02)}.value-item .value{color:var(--accent-blue);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:block}.value-item.winner .value{color:var(--accent-green)}.value-item .username{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;display:block}.progress-bar{background:#ffffff1a;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-blue), #1f6feb);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.value-item.winner .progress-fill{background:linear-gradient(90deg, var(--accent-green), #1a7f34)}.winner-badge{text-align:center;color:var(--accent-green);background:#23863626;border:1px solid #2386364d;border-radius:8px;margin-top:.75rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.account-info{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.account-info h4{color:var(--text-primary);text-align:center;margin-bottom:1.5rem;font-size:1.2rem}.timeline-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.timeline-item{background:var(--glass-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:1rem;transition:all .2s}.timeline-item:hover{border-color:var(--accent-green);background:#2386360d}.timeline-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;display:block}.timeline-value{color:var(--accent-green);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.timeline-username{color:var(--text-secondary);font-size:.85rem;font-style:italic;display:block}.comparison-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:0;width:100%;max-width:900px;margin:0 auto 2rem;display:grid;position:relative}.comparison-item{z-index:1;width:100%;transition:all .3s;position:relative}.comparison-item:first-child{z-index:2;filter:drop-shadow(-8px 0 20px #58a6ff26);margin-right:-3%}.comparison-item:first-child:hover{z-index:3;filter:drop-shadow(-8px 0 30px #58a6ff40);margin-right:-2%}.comparison-item:last-child{z-index:1;filter:drop-shadow(8px 0 20px #23863626);margin-left:-3%}.comparison-item:last-child:hover{z-index:3;filter:drop-shadow(8px 0 30px #23863640);margin-left:-2%}.comparison-grid:after{content:"VS";background:var(--gradient-blue);color:#fff;z-index:10;border:3px solid var(--bg-primary);letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:800;animation:2s ease-in-out infinite pulseVs;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #58a6ff4d,0 8px 20px #0006}@keyframes pulseVs{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 30px #58a6ff4d,0 8px 20px #0006}50%{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 50px #58a6ff80,0 12px 30px #00000080}}@media (max-width:1024px){.comparison-grid{max-width:100%}.comparison-item:first-child{margin-right:-2%}.comparison-item:last-child{margin-left:-2%}.comparison-grid:after{width:50px;height:50px;font-size:1.2rem}}@media (max-width:768px){.back-button{margin-bottom:2rem;position:relative;top:auto;left:auto}.comparison-metrics{padding:1.5rem}.metrics-grid{grid-template-columns:1fr}.comparison-header h2{font-size:1.8rem}.comparison-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:0}.comparison-item:first-child,.comparison-item:first-child:hover{filter:none;margin-right:0}.comparison-item:last-child,.comparison-item:last-child:hover{filter:none;margin-left:0}.comparison-grid:after{content:"⚖️";background:var(--glass-bg);border:2px solid var(--accent-green);width:50px;height:50px;font-size:1.5rem;line-height:50px;animation:none;top:50%;left:50%;box-shadow:0 0 20px #23863633}}