.library .section-heading{margin-bottom:24px}.library-rows{gap:20px;display:grid}.library-row+.library-row{border-top:1px solid var(--line);padding-top:20px}.library-row-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.library-row-head .button{min-height:44px}.library-row-head h3{align-items:center;gap:10px;margin:0;font-size:1.05rem;display:flex}.library-row .compact>a{grid-template-columns:120px minmax(0,1fr);gap:14px;min-height:128px;padding:10px;display:grid}.library-row .compact-thumb{aspect-ratio:3/2;border-radius:var(--radius-sm);background:var(--surface);border:0;flex:none;align-self:center;width:100%;height:auto;display:block}.library-row .compact-copy{align-self:center;gap:5px;padding:0}.library-row .compact h3{-webkit-line-clamp:2;margin:0;font-size:1rem;line-height:1.3}.library-row .compact-context{gap:1px;margin-top:3px;padding:0;line-height:1.4;display:grid}.library-row .compact-context small{color:var(--muted);font-size:.72rem}.library-row .compact-context strong{color:var(--ink);font-size:.88rem}.library-row .compact-arrow{display:none}@media (width>=621px) and (width<=800px){.library-row .compact>a{grid-template-columns:96px minmax(0,1fr);gap:10px}}.label-short{display:none}.home-hero{z-index:3;padding:clamp(48px, 7vw, 88px) 0 calc(var(--section-space) + var(--seam-height));overflow-x:clip}.home-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(36px,5vw,80px);display:grid}.home-hero>.shell{z-index:3}.home-hero-grid>*{min-width:0}.home-hero h1{max-width:12ch;font-size:clamp(2.5rem,5.4vw,4.6rem);line-height:1.02}.home-hero .lead{max-width:48ch;margin:22px 0 0}.hero-search{border:1px solid var(--line-strong);background:var(--surface);width:min(100%,560px);box-shadow:var(--shadow-card);transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:14px;align-items:center;gap:10px;margin-top:30px;padding:6px 6px 6px 16px;display:flex}.hero-search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb, var(--green) 18%, transparent), var(--shadow-card)}.hero-search>svg{color:var(--muted);flex:none}.hero-search input{min-width:0;min-height:46px;color:var(--ink);box-shadow:none;background:0 0;border:0;flex:1;padding:0;font-size:1rem}.hero-search input:focus{box-shadow:none;outline:none}.hero-search .button{min-height:46px;padding-inline:20px}.hero-jump{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hero-jump a{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:color-mix(in srgb, var(--surface) 70%, transparent);transition:border-color var(--t-fast), background-color var(--t-fast);border-radius:999px;align-items:center;gap:7px;padding:0 15px;font-size:.86rem;font-weight:650;display:inline-flex}.hero-jump a svg{color:var(--muted);transition:color var(--t-fast)}.hero-jump a:hover{border-color:var(--green);background:var(--green-soft)}.hero-jump a:hover svg,.hero-jump-compare svg{color:var(--green)}.hero-jump-compare{border-style:dashed!important}.card-file{justify-self:end;width:min(100%,500px);position:relative}.card-file-tabs{z-index:2;align-items:flex-end;gap:4px;padding-left:18px;display:flex;position:relative}.card-file-tabs button{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);background:var(--paper-2);font:inherit;cursor:pointer;transition:color var(--t-fast), background-color var(--t-fast), min-height var(--t-fast);border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:6px;margin-bottom:-1px;padding:0 14px;font-size:.82rem;font-weight:650;display:inline-flex}.card-file-tabs button:hover{color:var(--ink);background:var(--surface-interactive)}.card-file-tabs button:focus-visible{outline:2px solid var(--green);outline-offset:-3px}.card-file-tabs button[aria-selected=true]{min-height:46px;color:var(--ink);background:var(--surface);box-shadow:inset 0 3px 0 var(--green);position:relative}.card-file-tabs button[aria-selected=true]:after{content:"";background:var(--surface);height:2px;position:absolute;bottom:-1px;left:0;right:0}.card-file-tabs button[aria-selected=true] svg{color:var(--green)}.card-file-stack{isolation:isolate;position:relative}.card-file-stack:before,.card-file-stack:after{content:"";z-index:-1;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);position:absolute;inset:0}.card-file-stack:before{opacity:.35;transform:translate(16px,16px)}.card-file-stack:after{opacity:.7;transform:translate(8px,8px)}.index-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);animation:card-in var(--t-slow) both;padding:16px 16px 18px;display:grid;position:relative}.index-card[hidden]{display:none}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.index-card-photo{border-radius:var(--radius-md);display:block;position:relative;overflow:hidden}.index-card-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;transition:transform var(--t-slow);display:block}.index-card:hover .index-card-photo img{transform:scale(1.03)}.index-card-pick{z-index:1;color:#fff;backdrop-filter:blur(8px);background:#0b0d10b8;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.index-card-pick svg{color:#3ddc84}.index-card-brand{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:16px 0 2px;font-size:.72rem;font-weight:650}.index-card-title{font-family:var(--font-body), sans-serif;letter-spacing:-.02em;font-size:1.35rem;font-weight:750}.index-card-title a{color:var(--ink)}.index-card-title a:hover{color:var(--link)}.index-card-rows{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:14px 0 0;display:grid;overflow:hidden}.index-card-rows>div{background:var(--surface-interactive);min-width:0;padding:10px 12px}.index-card-rows dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:650}.index-card-rows dd{color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.index-card-go{margin-top:14px}.index-card-go svg{transition:transform var(--t-fast)}.index-card-go:hover svg,.index-card:hover .index-card-go svg{transform:translate(3px)}.hero-search{position:relative}.hero-suggest{z-index:30;border:1px solid var(--line-strong);background:var(--surface);max-height:min(480px,70vh);box-shadow:var(--shadow);text-align:left;border-radius:14px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.hero-suggest[hidden]{display:none}.hero-suggest li{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:6px 10px 6px 6px;display:flex}.hero-suggest li[aria-selected=true],.hero-suggest li:hover{background:var(--surface-raised)}.hero-suggest img{object-fit:cover;border-radius:6px;flex:none;width:60px;height:40px}.hero-suggest span{min-width:0;display:grid}.hero-suggest strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.hero-suggest small{color:var(--muted);font-size:.76rem}.hero-suggest .hero-suggest-all{border-top:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm);min-height:44px;color:var(--link);margin-top:4px;padding:8px 10px;font-size:.86rem;font-weight:700}@media (width<=1000px){.home-hero-grid{grid-template-columns:1fr}.card-file{justify-self:start;width:min(100%,560px)}}@media (width<=620px){.home-hero h1{font-size:clamp(2.3rem,11vw,3.2rem)}.home-hero .lead{font-size:1rem}.hero-search .button{padding-inline:16px}.hero-jump{grid-template-columns:1fr 1fr;display:grid}.hero-jump a{border-radius:var(--radius-control);justify-content:center}.hero-jump-compare{grid-column:1/-1}.card-file-tabs{padding-left:0}.card-file-tabs button{flex:1 1 0;justify-content:center;min-width:0;padding:0 4px;font-size:.76rem}.card-file-tabs button svg{display:none}.index-card{border-top-left-radius:0;padding:12px 12px 14px}.card-file-stack:before{transform:translate(10px,10px)}.card-file-stack:after{transform:translate(5px,5px)}}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(210px,auto);gap:16px;display:grid}.category-card{--tone:var(--muted);isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius-card);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--t), box-shadow var(--t);flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.category-card--phones{grid-area:span 2/span 2}.category-card--tablets{--tone:var(--muted);grid-column:span 2}.category-card--earbuds,.category-card--watches{--tone:var(--muted)}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.category-top{justify-content:space-between;align-items:center;display:flex}.category-icon{border:1px solid color-mix(in srgb, var(--tone) 35%, var(--line));border-radius:var(--radius-md);width:42px;height:42px;color:var(--tone);background:color-mix(in srgb, var(--tone) 10%, transparent);box-shadow:none;place-items:center;display:grid}.category-index{color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.1em;font-size:.7rem}.category-card strong{z-index:1;font-family:var(--font-display), sans-serif;letter-spacing:-.04em;margin-top:20px;font-size:1.25rem;font-weight:700;position:relative}.category-card small{z-index:1;max-width:30ch;color:var(--color-copy);margin-top:8px;font-size:.88rem;line-height:1.55;position:relative}.category-count{z-index:1;color:var(--tone);align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:.84rem;font-weight:750;display:inline-flex;position:relative}.category-count svg{color:var(--tone);transition:transform var(--t-fast)}.category-card:hover .category-count svg{transform:translate(4px)}.category-art{z-index:0;opacity:.55;width:62%;transition:transform var(--t-slow), opacity var(--t);pointer-events:none;position:absolute;bottom:-8%;right:-14%;transform:rotate(-6deg)}.category-card:hover .category-art{opacity:.85;transform:rotate(-2deg)translateY(-8px)}.category-card--phones .category-art{opacity:.9;width:78%;bottom:2%;right:-6%}.category-card--phones strong{font-size:clamp(1.6rem,2.8vw,2.2rem)}.category-card--phones small{font-size:.95rem}.category-card--tablets .category-art{width:50%;bottom:-18%;right:-4%}@media (width>=621px){.category-card--earbuds .category-art,.category-card--watches .category-art{opacity:.85;width:38%;max-width:130px;top:42px;bottom:auto;right:8px}}.compare-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.compare-copy .lead{max-width:44ch;margin:20px 0 0}.compare-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:30px;display:flex}.compare-points{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.compare-points li{color:var(--color-copy);align-items:center;gap:12px;font-weight:600;display:flex}.compare-points li:before{content:"";border:1px solid color-mix(in srgb, var(--green) 50%, transparent);border-radius:var(--radius-sm);background:0 0;flex:none;width:18px;height:18px}.duel{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);transition:transform var(--t);padding:20px;display:block;position:relative;overflow:hidden}.duel:hover{transform:translateY(-4px)}.duel-head{justify-content:space-between;align-items:center;display:flex}.duel-open{color:var(--green);align-items:center;gap:6px;font-size:.82rem;font-weight:750;display:inline-flex}.duel-pair{grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 18px;display:grid;position:relative;container-type:inline-size}.duel-side{text-align:center;justify-items:center;gap:2px;display:grid}.duel-side img{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow-card);transition:transform var(--t-slow);border-radius:14px;margin-bottom:8px}.duel:hover .duel-side img{transform:translateY(-4px)}.duel-side small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.duel-side strong{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;font-size:1.05rem;font-weight:650}.duel-side--a strong,.duel-side--b strong{color:var(--ink)}.duel-medal{border:1px solid var(--line-strong);background:var(--surface);width:52px;height:52px;box-shadow:none;font-family:var(--font-display), sans-serif;letter-spacing:-.02em;border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:calc(16.6667cqi - 2.66667px);left:50%;translate:-50% -50%}.duel-rows{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--control-track), var(--surface-interactive);box-shadow:var(--control-track-shadow);display:grid;overflow:hidden}.duel-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:11px 16px;display:grid}.duel-row+.duel-row{border-top:1px solid var(--line)}.duel-row b{font-size:.9rem;font-weight:700}.duel-row b:last-child{text-align:right}.duel-row small{color:var(--muted);letter-spacing:.04em;text-align:center;text-transform:uppercase;justify-items:center;gap:3px;font-size:.72rem;display:grid}.duel-row em{color:var(--muted);border:1px solid var(--line-strong);background:0 0;border-radius:4px;padding:1px 6px;font-style:normal;font-weight:700}.duel-row.is-diff{background:var(--surface-raised)}.duel-row.is-diff b:first-child{color:var(--ink)}.duel-title{color:var(--color-copy);text-align:center;margin-top:16px;font-size:.88rem;font-weight:600;display:block}.method{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"art head""art steps";align-items:center;gap:20px clamp(32px,5vw,72px);display:grid}.method-head{grid-area:head;align-self:end}.method-head h2{margin:0 0 16px}.method-lead{color:var(--color-copy);margin:0;font-size:1.05rem;line-height:1.65}.method-steps{grid-area:steps;align-self:start;margin:8px 0 0;padding:0;list-style:none}.method-steps li{border-top:1px solid var(--line);grid-template-columns:52px minmax(0,1fr);align-items:center;padding:16px 0;display:grid}.method-num{color:var(--green);font-variant-numeric:tabular-nums;font-weight:800}.method-steps strong{color:var(--ink);font-size:1.02rem;font-weight:800;display:block}.method-steps p{color:var(--color-copy);margin:4px 0 0;font-size:.9rem;line-height:1.55}.method-art{aspect-ratio:4/3;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:radial-gradient(circle, color-mix(in srgb, var(--ink) 12%, transparent) 1px, transparent 1.5px) 0 0 / 18px 18px, var(--surface);box-shadow:var(--shadow-sm);perspective:320cqh;grid-area:art;position:relative;overflow:hidden;container-type:size}.method-art:before,.xv-floor{content:"";border-radius:50%;position:absolute;left:50%;translate:-50% -50%}.method-art:before{background:radial-gradient(circle, color-mix(in srgb, var(--green) 18%, transparent), transparent 68%);width:96cqh;height:96cqh;top:50%}.xv-floor{background:radial-gradient(ellipse, color-mix(in srgb, var(--ink) 22%, transparent), transparent 70%);width:76cqh;height:18cqh;animation:xv-shade 8s var(--ease) infinite;top:76cqh}.xv{width:34cqh;height:66cqh;transform-style:preserve-3d;animation:xv-turn 14s var(--ease) infinite;margin:-19cqh 0 0 -17cqh;position:absolute;top:50%;left:50%;transform:rotateX(58deg)rotate(-42deg)}.xv-l{box-shadow:0 0 0 .4cqh color-mix(in srgb, var(--ink) 10%, transparent);transform:translateZ(calc(var(--i) * 7cqh));animation:xv-split 8s var(--ease) infinite;border-radius:4.5cqh;position:absolute;inset:0}.xv-l i{position:absolute}.xv-back{background:color-mix(in srgb, var(--ink) 80%, var(--surface))}.xv-back i{top:calc(3.5cqh + var(--n) * 8cqh);border:1.3cqh solid color-mix(in srgb, var(--ink) 55%, var(--surface));background:var(--surface);border-radius:50%;width:7cqh;height:7cqh;left:3.5cqh}.xv-board{background:repeating-linear-gradient(90deg, transparent 0 2.6cqh, color-mix(in srgb, var(--green) 30%, transparent) 2.6cqh 2.9cqh), color-mix(in srgb, var(--green) 16%, var(--surface))}.xv-board i{background:color-mix(in srgb, var(--ink) 35%, var(--surface));border-radius:1.2cqh}.xv-board i:first-child{background:color-mix(in srgb, var(--ink) 80%, var(--surface));width:12cqh;height:12cqh;top:17cqh;left:9cqh}.xv-board i:nth-child(2){width:9cqh;height:4cqh;top:36cqh;left:4cqh}.xv-board i:nth-child(3){width:6cqh;height:11cqh;top:34cqh;right:4cqh}.xv-battery{background:var(--surface)}.xv-battery i{background:color-mix(in srgb, var(--ink) 12%, var(--surface));border-radius:2.5cqh;inset:6cqh 4.5cqh;overflow:hidden}.xv-battery i:after{content:"";background:var(--green);transform-origin:bottom;animation:xv-charge 8s var(--ease) infinite;position:absolute;inset:0}.xv-panel{background:linear-gradient(160deg, color-mix(in srgb, var(--green) 50%, var(--surface)), color-mix(in srgb, var(--green) 14%, var(--surface)))}.xv-glass{border:1.2cqh solid color-mix(in srgb, var(--ink) 82%, var(--surface));background:linear-gradient(165deg, color-mix(in srgb, var(--green) 20%, var(--surface)), var(--surface) 75%);grid-template-columns:repeat(3,1fr);align-content:start;gap:3cqh 2.6cqh;padding:6cqh 3.4cqh;display:grid}.xv-glass i{aspect-ratio:1;background:var(--green);border-radius:32%;position:static}.xv-glass i:nth-child(3n+2){background:color-mix(in srgb, var(--green) 45%, var(--surface))}.xv-glass i:nth-child(4n+3){background:color-mix(in srgb, var(--ink) 30%, var(--surface))}.xv-glass i:nth-child(5n+1){background:color-mix(in srgb, var(--ink) 75%, var(--surface))}.xv-glass:after{content:"";background:color-mix(in srgb, var(--ink) 60%, transparent);border-radius:1cqh;width:10cqh;height:1cqh;position:absolute;bottom:2.4cqh;left:calc(50% - 5cqh)}@keyframes xv-split{35%{transform:translateZ(calc(var(--i) * 1.4cqh))}70%{transform:translateZ(calc(var(--i) * 12cqh))}}@keyframes xv-turn{50%{transform:rotateX(58deg)rotate(-30deg)}}@keyframes xv-shade{35%{opacity:1;scale:1.08}70%{opacity:.7;scale:.86}}@keyframes xv-charge{0%{transform:scaleY(.35)}60%,to{transform:scaleY(1)}}@media (width<=960px){.method{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""art""steps"}}@media (width<=1000px){.category-grid{grid-template-columns:1fr 1fr}.category-card--phones{grid-row:span 1}.category-card--tablets{grid-column:span 2}.category-card--phones .category-art{width:46%;bottom:-6%}}@media (width<=900px){.compare-feature{grid-template-columns:1fr}}@media (width<=620px){.category-grid{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:12px}.category-card--phones,.category-card--tablets{grid-area:auto}.category-card{min-height:164px;padding:16px}.category-card strong,.category-card--phones strong{margin-top:auto;font-size:1.25rem}.category-card small,.category-index{display:none}.category-count{margin-top:6px;font-size:.78rem}.category-card--phones .category-art,.category-card--tablets .category-art,.category-art{opacity:.7;width:64%;max-width:none;top:10px;bottom:auto;right:-12%}.label-long{display:none}.label-short{display:inline}.duel-medal{width:44px;height:44px}.duel-row{gap:8px;padding:10px 12px}.duel-row b{font-size:.8rem}.compare-feature{gap:0}.compare-copy{display:contents}.compare-copy>.eyebrow{order:1;justify-self:start}.compare-copy>h2{order:2}.compare-copy>.lead{order:3}.compare-feature>:not(.compare-copy){order:4;margin-top:24px}.compare-points,.duel-title{display:none}.compare-copy>.lead{margin-top:14px;font-size:.95rem}.duel{padding:14px}.duel-pair{margin:8px 0 12px}.duel-side img{margin-bottom:4px}.duel-side strong{font-size:.95rem}.duel-row{padding:8px 10px}.compare-actions{order:6;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:16px;display:grid}.compare-actions .button{white-space:nowrap;width:100%;padding-inline:12px}}.category-index{color:#0000;-webkit-text-stroke:1px var(--line-strong);font-family:var(--font-display), sans-serif;letter-spacing:-.04em;transition:-webkit-text-stroke-color var(--t);font-size:2.6rem;font-weight:800;line-height:1}.category-card{transition:border-color var(--t), box-shadow var(--t)}.category-card:hover{border-color:color-mix(in srgb, var(--green) 45%, var(--line-strong));transform:none}.category-card:hover .category-index{-webkit-text-stroke-color:var(--green)}.category-icon{transition:color var(--t), background-color var(--t), border-color var(--t)}.category-card:hover .category-icon{border-color:var(--green);color:var(--on-accent);background:var(--green)}.category-count,.category-count svg{color:var(--link)}.section--inverse{isolation:isolate;background:var(--paper);position:relative}.section--inverse h2{color:var(--ink)}.compare-points li:before{border-color:var(--green);background:var(--green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322a95c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat}.duel-open{color:var(--link)}.duel-row.is-diff b:last-child{color:var(--ink)}