.compare-hero{text-align:center;padding:2.5rem 0 1.5rem}.compare-hero--minimal{text-align:left;padding:2rem 0 1rem}.compare-hero--minimal p{margin-bottom:0}.compare-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.compare-hero p{color:var(--cs-muted);max-width:40rem;margin:0 auto;font-size:1.1rem;line-height:1.6}.compare-controls-shell{z-index:15;border-radius:var(--cs-radius-lg);border:1px solid var(--cs-border);background:var(--cs-bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:0 auto 1.5rem;padding:1rem;position:sticky;top:5.25rem}.compare-selectors{grid-template-columns:minmax(8rem,10rem) 1fr auto 1fr;align-items:end;gap:.75rem;display:grid}.compare-select-group{flex-direction:column;gap:.45rem;min-width:0;display:flex}.compare-select-group label{color:var(--cs-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.compare-select-group select{min-height:2.85rem;font-size:.98rem;font-family:var(--font-body);background:var(--cs-bg-deep);border:1px solid var(--cs-border);border-radius:var(--lab-btn-radius);color:var(--cs-text);cursor:pointer;padding:.65rem .85rem}.compare-select-group select:focus{border-color:var(--cs-accent);box-shadow:0 0 0 3px var(--cs-accent-soft);outline:none}.compare-vs-badge{background:var(--cs-accent-soft);border:1px solid color-mix(in srgb, var(--cs-accent) 45%, transparent);width:2.25rem;height:2.25rem;font-family:var(--font-display);color:var(--cs-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.15rem;font-size:.68rem;font-weight:700;display:flex}.compare-empty-state{color:var(--cs-muted);padding:2rem 0}.compare-loading{color:var(--cs-muted);padding:2rem 0;font-size:.95rem}.compare-insight{border:1px solid color-mix(in srgb, var(--cs-accent) 30%, var(--cs-border));border-radius:var(--cs-radius-lg);background:color-mix(in srgb, var(--cs-accent) 8%, transparent);color:color-mix(in srgb, var(--cs-text) 88%, var(--cs-muted));margin:0;padding:.85rem 1rem;font-size:.92rem;line-height:1.55}.compare-insight--neutral{border-color:var(--cs-border);background:#ffffff08}.compare-section--syntax{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:#ffffff05;padding:0 1rem 1rem}.compare-section--syntax>summary{cursor:pointer;padding:1rem 0 .75rem;list-style:none}.compare-section--syntax>summary::-webkit-details-marker{display:none}.compare-results{gap:1.75rem;display:grid}.compare-results-head{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:linear-gradient(#ffffff0a,#ffffff05);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.compare-results-items{flex-wrap:wrap;align-items:center;gap:.85rem 1rem;display:flex}.compare-results-item{flex-direction:column;gap:.2rem;min-width:0;display:flex}.compare-results-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--compare-accent,var(--cs-text));font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:700}.compare-results-link{color:var(--cs-muted);font-size:.85rem;text-decoration:none}.compare-results-link:hover{color:var(--cs-text)}.compare-results-vs{letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted);font-size:.72rem;font-weight:700}.compare-results-actions{flex-wrap:wrap;gap:.55rem;display:flex}.btn-sm{min-height:2.35rem;padding:.45rem .9rem;font-size:.88rem}.compare-section{gap:.75rem;display:grid}.compare-section-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650}.compare-matrix{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:#ffffff05;overflow:hidden}.compare-matrix-row{border-top:1px solid var(--cs-border);grid-template-columns:minmax(9rem,12rem) minmax(0,1fr) minmax(0,1fr);display:grid}.compare-matrix-row:first-child{border-top:none}.compare-matrix-row--head{background:#7c6cff14}.compare-matrix-label{border-right:1px solid var(--cs-border);background:#ffffff05;flex-direction:column;justify-content:flex-start;gap:.35rem;padding:.85rem 1rem;display:flex}.compare-matrix-label--head{letter-spacing:.06em;text-transform:uppercase;color:var(--cs-muted);font-size:.72rem;font-weight:700}.compare-matrix-label-text{color:var(--cs-text);font-size:.92rem;font-weight:600;line-height:1.35}.compare-matrix-cell{border-right:1px solid var(--cs-border);min-width:0;padding:.85rem 1rem}.compare-matrix-cell--right{border-right:none}.compare-matrix-cell--head{font-family:var(--font-display);letter-spacing:-.02em;color:var(--cs-text);font-size:.98rem;font-weight:700}.compare-diff{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.15rem .45rem;font-size:.68rem;font-weight:700;display:inline-flex}.compare-diff--same{color:#86efac;background:#22c55e24}.compare-diff--similar{color:#fcd34d;background:#fbbf2424}.compare-diff--different{color:#fca5a5;background:#ef444424}.compare-text-cell{color:var(--cs-text);font-size:.92rem;line-height:1.6}.compare-text-cell--empty{color:var(--cs-muted)}.compare-text-cell ul{margin:0;padding-left:1.15rem}.compare-text-cell li{margin-bottom:.2rem}.compare-code-cell{gap:.45rem;display:grid;position:relative}.compare-code-cell--empty .compare-code-block{color:var(--cs-muted);font-style:italic}.compare-code-level{letter-spacing:.04em;text-transform:uppercase;color:var(--cs-muted);border:1px solid var(--cs-border);border-radius:999px;align-self:flex-start;padding:.12rem .4rem;font-size:.68rem;font-weight:700}.compare-copy-btn{cursor:pointer;font:inherit;justify-self:start}.compare-code-block{white-space:pre-wrap;word-break:break-word;background:#00000059;border:1px solid #ffffff14;border-radius:8px;margin:0;padding:.75rem .85rem;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.55;overflow-x:auto}.compare-code-block code{font:inherit;color:#e5e7eb}.compare-list{margin:0;padding-left:1.2rem}.compare-empty{color:var(--cs-muted);font-size:.88rem}.same-task-section{border:1px solid var(--cs-border);border-radius:var(--cs-radius-lg);background:#ffffff05;margin-top:.5rem;padding:1.25rem}.same-task-section h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.05rem}.same-task-note{color:var(--cs-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.55}.same-task-controls{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}.same-task-controls label{color:var(--cs-text);font-size:.9rem;font-weight:600}.same-task-select{font-size:.95rem;font-family:var(--font-body);background:var(--cs-bg-deep);border:1px solid var(--cs-border);border-radius:var(--lab-btn-radius);color:var(--cs-text);min-width:12rem;padding:.45rem .85rem}@media (width<=900px){.compare-selectors{grid-template-columns:1fr}.compare-vs-badge{justify-self:center;margin:0}.compare-results-head{flex-direction:column;align-items:flex-start}.compare-matrix-row,.compare-matrix-row--head{grid-template-columns:1fr}.compare-matrix-label,.compare-matrix-cell{border-right:none;border-bottom:1px solid var(--cs-border)}.compare-matrix-cell--right{border-bottom:none}.compare-matrix-row--head .compare-matrix-cell--head{display:none}.compare-matrix-row:not(.compare-matrix-row--head) .compare-matrix-cell--left:before,.compare-matrix-row:not(.compare-matrix-row--head) .compare-matrix-cell--right:before{letter-spacing:.05em;text-transform:uppercase;color:var(--cs-muted);content:attr(data-col-label);margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}}@media (width<=640px){.compare-controls-shell{padding:.85rem;top:4.5rem}.compare-results-actions{width:100%}.compare-results-actions .btn{flex:auto;justify-content:center}}