/* popovers.css — contributor & platform popovers and compare menu */
.contrib-toggle{position:absolute;top:10px;right:10px;z-index:20;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);color:#dfefff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s,background .12s,box-shadow .18s;will-change:transform;}
.contrib-toggle:hover{transform:translateY(-6px) scale(1.06);background:rgba(78,163,255,0.08);box-shadow:0 10px 24px rgba(0,0,0,0.18);}
body.light .contrib-toggle{background:rgba(0,0,0,0.03);color:#0f1724;border:1px solid rgba(0,0,0,0.06);}
.contrib-toggle .contrib-icon{font-size:16px;line-height:1;}
.card:hover .contrib-toggle{transform:translateY(-6px) scale(1.06);}

.contrib-popover{position:fixed;z-index:4000;width:340px;max-width:calc(100% - 32px);background:linear-gradient(180deg,#111217,#16171a);color:#e8eefb;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,0.5);padding:10px;font-size:13px;}
body.light .contrib-popover{background:#fff;color:#111;box-shadow:0 12px 30px rgba(0,0,0,0.08);}
.contrib-popover-inner{display:flex;flex-direction:column;gap:8px;}
.contrib-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.contrib-popover-header strong{font-size:14px;}
.contrib-popover-close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;padding:6px;border-radius:6px;}
.contrib-popover-close:hover{background:rgba(255,255,255,0.02);transform:scale(1.05);}
.contrib-popover-body{padding:4px 2px;}
.contrib-avatars{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.contrib-avatar img{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.08);}

.platform-toggle{position:absolute;top:10px;left:10px;z-index:20;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);color:#dfefff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s,background .12s,box-shadow .18s;will-change:transform;}
.platform-toggle:hover{transform:translateY(-6px) scale(1.06);background:rgba(78,163,255,0.08);box-shadow:0 10px 24px rgba(0,0,0,0.18);}
body.light .platform-toggle{background:rgba(0,0,0,0.03);color:#0f1724;border:1px solid rgba(0,0,0,0.06);}
.platform-toggle .platform-icon{width:18px;height:18px;object-fit:contain;display:inline-block;}
.card:hover .platform-toggle{transform:translateY(-6px) scale(1.06);}

.platform-popover{position:fixed;z-index:4000;width:360px;max-width:calc(100% - 32px);background:linear-gradient(180deg,#111217,#16171a);color:#e8eefb;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,0.5);padding:12px;font-size:13px;}
body.light .platform-popover{background:#fff;color:#111;box-shadow:0 12px 30px rgba(0,0,0,0.08);}
.platform-popover-inner{display:flex;flex-direction:column;gap:10px;}
.platform-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.platform-popover-header strong{font-size:14px;}
.platform-popover-close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:14px;padding:6px;border-radius:6px;}
.platform-popover-close:hover{background:rgba(255,255,255,0.02);transform:scale(1.05);}
.platform-popover-body{padding:4px 2px;display:flex;flex-direction:column;gap:10px;}

.platform-row{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.platform-logos{display:flex;gap:6px;align-items:center;}
.platform-logo{width:26px;height:26px;object-fit:contain;border-radius:6px;background:rgba(255,255,255,0.02);padding:3px;border:1px solid rgba(255,255,255,0.03);}

.platform-versions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.platform-version-pill{background:#2d333d;color:#d9e7ff;border:1px solid #3a4450;padding:6px 8px;border-radius:16px;font-size:12px;}
.platform-version-pill:hover{transform:translateY(-2px);background:#3a4350;}
body.light .platform-version-pill{background:#eef2f7;color:#1d364c;border-color:#d2dae2;}
body.light .platform-version-pill:hover{background:#dfe7ef}

/* compare menu */
.compare-menu{position:fixed;z-index:5000;width:300px;max-width:calc(100% - 24px);background:linear-gradient(180deg,#111217,#16171a);color:#e8eefb;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,0.5);padding:10px;font-size:14px;}
.compare-menu .compare-menu-inner{display:flex;flex-direction:column;gap:8px;}
.compare-menu .compare-option{background:rgba(255,255,255,0.02);color:inherit;border:1px solid rgba(255,255,255,0.04);padding:8px 10px;border-radius:8px;text-align:left;cursor:pointer;font-weight:700;}
.compare-menu .compare-option:hover{background:rgba(78,163,255,0.06);}
.compare-menu .compare-other{display:flex;gap:8px;align-items:center;}
.compare-menu .compare-other-input{flex:1;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.06);background:transparent;color:#e8eefb;}
.compare-menu .compare-other-go{padding:8px 10px;border-radius:8px;background:linear-gradient(180deg,#4ea3ff,#2e8ff7);color:white;border:none;cursor:pointer;font-weight:700;}
body.light .compare-menu{background:#fff;color:#111;box-shadow:0 12px 30px rgba(0,0,0,0.08);}
body.light .compare-menu .compare-other-input{background:#fff;color:#111;border:1px solid rgba(0,0,0,0.08);}
body.light .compare-menu .compare-option{background:#f6f9fc;color:#0f1724;border:1px solid #e6eef8;}
body.light .compare-menu .compare-option:hover{background:#e6f0ff;}

@media (max-width:420px){.platform-popover{width:calc(100% - 32px);left:16px !important;right:16px !important;}}