:root{--pe-accent-border:#8a653466;--pe-row-hover:#00000008;--pe-race-track:#00000017;--pe-preview-shadow:0 12px 34px #00000024;--pe-glow-claude:#d9775780;--pe-glow-gpt:#10a37f73;--pe-glow-gemini:#3186ff80}.dark{--pe-accent-border:#f5d9bd66;--pe-row-hover:#ffffff08;--pe-race-track:#ffffff12;--pe-preview-shadow:0 12px 34px #00000080;--pe-glow-claude:#d977578c;--pe-glow-gpt:#10a37f80;--pe-glow-gemini:#3186ff8c}.pem-page ::selection{background:var(--pe-chip-active)}.pem-shell{max-width:980px;margin:0 auto;padding:0 24px 82px}@media (max-width:768px){.pem-shell{padding:0 20px 72px}}@media (max-width:390px){.pem-shell{padding:0 16px 64px}}.pem-title{letter-spacing:-.5px;margin:0;font-size:56px;line-height:1.02}@media (max-width:768px){.pem-title{font-size:40px}}@media (max-width:390px){.pem-title{font-size:34px}}.pem-tagline{margin:14px 0 0;font-size:20px;font-style:italic;font-weight:400;line-height:1.35}@media (max-width:390px){.pem-tagline{font-size:17px}}.pem-band{align-items:stretch;gap:36px;margin-top:42px;display:flex}.pem-essay{flex:1;min-width:0}.pem-rail{flex-direction:column;flex:none;gap:14px;width:300px;display:flex}@media (max-width:768px){.pem-band{flex-direction:column;gap:24px;margin-top:34px}.pem-rail{width:100%}}.pem-essay-p{margin:0 0 22px;font-size:16.5px;line-height:1.92}.pem-essay-p:last-child{margin-bottom:0}.pem-card{background:var(--pe-card);border:1px solid var(--pe-border);border-radius:14px;padding:16px 17px}.pem-card-eyebrow{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.pem-winbar{background:var(--pe-row-tint);border-radius:5px;gap:2px;height:7px;margin-bottom:15px;display:flex;overflow:hidden}.pem-winbar-seg{border-radius:3px;min-width:3px;height:100%}.pem-standing-row{align-items:center;gap:10px;display:flex}.pem-standing-row+.pem-standing-row{margin-top:11px}.pem-mark{flex:none;align-items:center;display:inline-flex}.pem-race{--pem-racer-size:28px;flex:1;justify-content:center;align-items:stretch;gap:34px;min-height:110px;padding:8px 0;display:flex}.pem-track{flex:1;max-width:56px;position:relative}.pem-racer>svg,.pem-racer>img{width:var(--pem-racer-size);height:var(--pem-racer-size)}.pem-track-bar{background:var(--pe-race-track);border-radius:2px;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.pem-racer{animation:pem-slide var(--pem-race-duration,2s) ease-in-out infinite alternate;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes pem-slide{0%{bottom:0}to{bottom:calc(100% - var(--pem-racer-size))}}@media (max-width:768px){.pem-race{--pem-racer-size:22px;flex-direction:column;flex:none;justify-content:center;gap:20px;min-height:0;padding:10px 2px}.pem-track{max-width:none;height:var(--pem-racer-size);flex:none}.pem-track-bar{width:100%;height:4px;top:50%;bottom:auto;left:0;transform:translateY(-50%)}.pem-racer{animation-name:pem-slide-x;top:50%;bottom:auto;left:0;transform:translateY(-50%)}@keyframes pem-slide-x{0%{left:0}to{left:calc(100% - var(--pem-racer-size))}}}@media (prefers-reduced-motion:reduce){.pem-racer{animation:none}.pem-track:first-child .pem-racer{bottom:74%}.pem-track:nth-child(2) .pem-racer{bottom:42%}.pem-track:nth-child(3) .pem-racer{bottom:12%}}@media (prefers-reduced-motion:reduce) and (max-width:768px){.pem-track:first-child .pem-racer{bottom:auto;left:74%}.pem-track:nth-child(2) .pem-racer{bottom:auto;left:42%}.pem-track:nth-child(3) .pem-racer{bottom:auto;left:12%}}.pem-verdict-row{align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.pem-verdict-row+.pem-verdict-row{border-top:1px solid var(--pe-border-soft)}.pem-verdict-num{color:var(--pe-text-dimmest);flex:none;font-size:11px;transition:color .18s}.pem-verdict-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--pe-text-body2);flex:1;font-size:12.5px;transition:color .18s;overflow:hidden}.pem-verdict-row:hover .pem-verdict-num{color:var(--pe-accent)}.pem-verdict-row:hover .pem-verdict-title{color:var(--pe-text-primary)}.pem-section-head{align-items:baseline;gap:16px;margin:52px 0 20px;display:flex}.pem-section-head h2{flex:none;margin:0;font-size:26px}.pem-section-rule{background:var(--pe-border-divider);flex:1;height:1px}@media (max-width:768px){.pem-section-head{margin:40px 0 18px}}@media (max-width:390px){.pem-section-head h2{font-size:22px}}.pem-table{background:var(--pe-card);border:1px solid var(--pe-border);border-radius:16px;overflow:hidden}.pem-search{border-bottom:1px solid var(--pe-border);align-items:center;gap:10px;padding:12px 16px;display:flex}.pem-search-input{min-width:0;color:var(--pe-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.pem-search-input::placeholder{color:var(--pe-text-dim)}.pem-filter{border:1px solid var(--pe-border-strong);color:var(--pe-text-dim);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:7px;flex:none;align-items:center;gap:6px;padding:5px 9px;font-size:9.5px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.pem-filter:hover{color:var(--pe-text-primary)}.pem-filter[aria-pressed=true]{color:var(--pe-accent);border-color:var(--pe-accent-border);background:var(--pe-chip-active)}.pem-thead,.pem-row{align-items:center;gap:12px;padding:11px 18px;display:flex}.pem-thead{border-bottom:1px solid var(--pe-border)}.pem-tbody-row{text-decoration:none;transition:background .15s}.pem-tbody-row+.pem-tbody-row{border-top:1px solid var(--pe-border-faint)}.pem-tbody-row:hover{background:var(--pe-row-hover)}.pem-col-num{flex:none;width:40px}.pem-col-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pem-col-diff,.pem-col-winner,.pem-col-cost{text-align:center;flex:none;width:96px}.pem-thead .pem-col-diff,.pem-thead .pem-col-winner,.pem-thead .pem-col-cost{justify-content:center}.pem-winner-cell{justify-content:center;align-items:center;display:flex}.pem-sort{cursor:pointer;letter-spacing:.13em;text-transform:uppercase;color:var(--pe-text-dimmer);background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:9px;transition:color .2s;display:inline-flex}.pem-sort:hover{color:var(--pe-text-primary)}.pem-sort-arrow{opacity:.85;font-size:9.5px}.pem-thead-label{letter-spacing:.13em;text-transform:uppercase;color:var(--pe-text-dimmer);font-size:9px}.pem-preview{z-index:30;pointer-events:none;background:var(--pe-card);border:1px solid var(--pe-border-strong);box-shadow:var(--pe-preview-shadow);border-radius:12px;padding:15px 17px;animation:.14s ease-out pem-preview-in;position:fixed}@keyframes pem-preview-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.pem-preview{animation:none}}.pem-preview-eyebrow{letter-spacing:.16em;font-size:9px}.pem-preview-title{margin-top:5px;font-size:15px;font-weight:600;line-height:1.3}.pem-preview-body{margin:9px 0 0;font-size:12.5px;line-height:1.72}.pem-tfoot{border-top:1px solid var(--pe-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pem-tfoot-text{color:var(--pe-text-dimmer);font-size:10.5px}.pem-empty{color:var(--pe-text-dim);text-align:center;padding:28px 18px;font-size:13px}.pem-pager{gap:6px;display:flex}.pem-pager-btn{border:1px solid var(--pe-border);width:30px;height:30px;color:var(--pe-text-dim);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.pem-pager-btn:hover:not(:disabled){color:var(--pe-text-primary);border-color:var(--pe-border-strong);background:var(--pe-row-hover)}.pem-pager-btn.pem-next:not(:disabled){color:var(--pe-accent);border-color:var(--pe-accent-border)}.pem-pager-btn:disabled{opacity:.3;cursor:default}@media (max-width:768px){.pem-thead,.pem-row{gap:8px;padding:10px 12px}.pem-col-diff,.pem-col-winner,.pem-col-cost{width:88px}.pem-search,.pem-tfoot{padding:10px 12px}}@media (max-width:560px){.pem-col-diff{display:none}}@media (max-width:460px){.pem-label-long{display:none}.pem-col-num{width:34px}.pem-col-winner{width:48px}.pem-col-cost{width:64px}}@media (max-width:390px){.pem-filter-label{display:none}.pem-filter{padding:5px 7px}.pem-tfoot{flex-wrap:wrap;row-gap:8px}.pem-tfoot-text{font-size:9.5px}}
