.guide{--bg:lab(96.981% -.443906 -1.43214);--surface:lab(99.5346% -.22313 -.716794);--fg:lab(5.22771% -.673138 -5.00885);--muted:lab(30.3598% -1.15003 -5.79487);--border:lab(86.0735% -.876457 -2.8578);--accent:lab(43.0534% 42.5043 33.4884);--good:#4a7a3f;--warn:#c96442;--qw:#2c4d6e;--font-display:"Iowan Old Style", Charter, "Palatino Linotype", Palatino, Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;background:var(--bg);color:var(--fg);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.55}.guide a{color:var(--fg)}.guide a:hover{text-decoration-thickness:2px}:is(.guide a:focus-visible,.guide input:focus-visible){outline:2px solid var(--fg);outline-offset:3px}.guide .wrap{max-width:1080px;margin:0 auto;padding:56px 40px 96px}.guide .hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:40px;padding-bottom:28px;display:flex}.guide .hd-title{font-family:var(--font-display);letter-spacing:-.02em;max-width:11em;margin:8px 0 0;font-size:clamp(36px,4.6vw,56px);font-weight:700;line-height:1.05}.guide .hd-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.guide .hd-verdict{font-family:var(--font-display);max-width:34ch;margin:0;font-size:20px;font-style:italic;line-height:1.4}.guide .top{grid-template-columns:340px minmax(0,1fr);align-items:center;gap:48px;margin-bottom:56px;display:grid}.guide .radar-card,.guide .dim,.guide .list-card,.guide .compare{background:var(--surface);border:1px solid var(--border);border-radius:6px}.guide .radar-card{text-align:center;padding:20px 16px 18px}.guide .lbl,.guide .kicker,.guide .section-lead{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.guide .back-link{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.guide .back-link span[aria-hidden]{font-size:20px;line-height:1}.guide .back-link:hover{color:var(--accent)}.guide .radar-svg{width:100%;height:auto;display:block}.guide .radar-svg .axis,.guide .radar-svg .grid{stroke:var(--border);stroke-width:1px;fill:none}.guide .radar-svg .area{fill:lab(43.0534% 42.5043 33.4884/.22);stroke:var(--accent);stroke-width:1.6px}.guide .radar-svg .dot{fill:var(--co,var(--accent))}.guide .radar-svg .lbl{letter-spacing:.08em;fill:var(--muted);font-size:9px}.guide .radar-svg .lbl.co-anthropic,.guide .radar-svg .lbl.co-openai,.guide .radar-svg .lbl.co-xai,.guide .radar-svg .lbl.co-block,.guide .radar-svg .lbl.co-freebuff,.guide .radar-svg .lbl.co-opencode{fill:var(--co)}.guide .radar-svg .lbl-n{font-family:var(--font-display);fill:var(--fg);font-size:12px;font-weight:650}.guide .overall{font-family:var(--font-display);margin:12px 0 0;font-size:14px}.guide .overall .n{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.guide .bands{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:12px 0 0;padding:0;font-size:10px;list-style:none;display:flex}.guide .bands span{color:var(--fg);margin-right:4px}.guide .score-row{border-top:1px solid var(--border);color:inherit;grid-template-columns:minmax(0,18ch) minmax(0,1fr) 4.5rem 7.5rem;align-items:center;gap:14px;padding:14px 0;text-decoration:none;display:grid}.guide .score-row:first-child{border-top:0}.guide .score-name{font-family:var(--font-display);font-size:18px;font-weight:600}.guide .score-name .en,.guide .compare .en{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--co,var(--muted));margin-top:3px;font-size:10px;font-weight:600;display:block}.guide .co-anthropic{--co:#9c3d24;color:var(--co)}.guide .co-openai{--co:#08745a;color:var(--co)}.guide .co-xai{--co:#1d4e89;color:var(--co)}.guide .co-block{--co:#7a5600;color:var(--co)}.guide .co-freebuff{--co:#6d28d9;color:var(--co)}.guide .co-opencode{--co:#0f766e;color:var(--co)}.guide .co-anthropic a,.guide .co-openai a,.guide .co-xai a,.guide .co-block a,.guide .co-freebuff a,.guide .co-opencode a,.guide a.co-anthropic,.guide a.co-openai,.guide a.co-xai,.guide a.co-block,.guide a.co-freebuff,.guide a.co-opencode{color:var(--co)}.guide .score-bar{background:var(--border);border-radius:2px;height:4px;position:relative}.guide .score-bar-fill{background:var(--co,var(--fg));border-radius:2px;position:absolute;inset:0 auto 0 0}.guide .score-num,.guide .score-band{font-variant-numeric:tabular-nums}.guide .score-band{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.guide .section-title{font-family:var(--font-display);margin:0 0 8px;font-size:clamp(28px,3vw,40px);line-height:1.1}.guide .section-note{max-width:68ch;color:var(--muted);margin:0 0 20px}.guide .compare{border-collapse:collapse;width:100%;overflow:hidden}.guide .compare th,.guide .compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 14px;font-size:14px}.guide .compare th{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.guide .compare a{font-family:var(--font-display);font-size:16px;font-weight:600}.guide .dim{grid-template-columns:180px minmax(0,1fr);gap:28px;margin-bottom:16px;padding:24px;display:grid}.guide .dim-idx{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);font-size:12px}.guide .dim-score{font-family:var(--font-display);margin:8px 0 0;font-size:42px;line-height:1}.guide .dim-score span{color:var(--muted);font-size:16px}.guide .band,.guide .dim-vendor{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.guide .dim-vendor{color:var(--co,var(--muted));font-weight:600}.guide .dim h3{font-family:var(--font-display);margin:0 0 8px;font-size:28px}.guide .dim h3 a{text-decoration:none}.guide .dim h3 a:hover{text-decoration:underline}.guide .steps{margin:16px 0;padding:0;list-style:none}.guide .steps li{border-top:1px solid var(--border);grid-template-columns:9rem minmax(0,1fr);gap:12px;padding:8px 0;display:grid}.guide .step-name{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.guide .tag-row{grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:12px;max-width:68ch;margin-top:16px;font-size:15px;line-height:1.5;display:grid}.guide .tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#fff;text-align:center;border-radius:3px;padding:3px 8px;font-size:10px;line-height:1.3}.guide .tag-keep{background:var(--good)}.guide .tag-fix{background:var(--warn)}.guide .tag-qw{background:var(--qw)}.guide .lists-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guide .list-card{padding:20px 20px 12px}.guide .list-head{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding-bottom:12px;font-size:11px;display:flex}.guide .list-head.keep{color:var(--good)}.guide .list-head.fix{color:var(--warn)}.guide .list-head.qw{color:var(--qw)}.guide .list-head .ct{font-family:var(--font-display);letter-spacing:0;text-transform:none;color:var(--fg);font-size:14px;font-style:italic;font-weight:600}.guide .list-card ul{margin:0;padding:0;list-style:none}.guide .list-card label{cursor:pointer;min-height:44px;font-family:var(--font-display);grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;padding:10px 0;font-size:15.5px;line-height:1.45;display:grid}.guide .list-card input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1.5px solid var(--fg);background:var(--surface);border-radius:3px;place-items:center;width:16px;height:16px;margin-top:4px;display:grid}.guide .list-card input[type=checkbox]:after{content:"";border-bottom:2px solid #0000;border-left:2px solid #0000;width:8px;height:4px;transform:rotate(-45deg)translateY(-1px)}.guide .list-card input[type=checkbox]:checked{background:var(--fg)}.guide .list-card input[type=checkbox]:checked:after{border-left-color:var(--surface);border-bottom-color:var(--surface)}.guide .ft{border-top:1px solid var(--border);flex-wrap:wrap;gap:4px 28px;margin-top:72px;padding-top:8px;display:flex}.guide .ft a{text-underline-offset:3px;flex-direction:column;justify-content:center;min-height:44px;padding:8px 0;text-decoration:underline;display:inline-flex}.guide .ft-name{font-family:var(--font-display);font-size:16px;font-weight:600}.guide .ft-dom{font-family:var(--font-mono);font-size:11px}.guide .locale-switcher{justify-content:flex-end;gap:4px;margin-bottom:16px;display:flex}.guide .locale-switcher button{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:11px}.guide .locale-switcher button[aria-pressed=true]{color:inherit;border-color:currentColor}@media (max-width:900px){.guide .wrap{padding:32px 20px 72px}.guide .hd,.guide .top,.guide .dim{display:block}.guide .lists-grid{grid-template-columns:1fr}.guide .hd-verdict{margin-top:16px}}@media (max-width:760px){.guide .score-row{grid-template-columns:minmax(0,1fr) auto}.guide .score-bar{grid-column:1/-1}.guide .compare thead{display:none}.guide .compare,.guide .compare tbody,.guide .compare tr,.guide .compare td{width:100%;display:block}.guide .compare tr{border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:8px 14px 12px}.guide .compare td{border:0;padding:8px 0}.guide .compare td:before{content:attr(data-label);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:10px;display:block}.guide .steps li{grid-template-columns:1fr}}.guide .copy-button{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:4px 6px;font-size:11px;display:inline-flex}.guide .copy-button:hover{color:inherit;border-color:currentColor}.guide .copy-button.copied,.guide .copy-button.copied:hover{color:#16a34a;border-color:#16a34a}.guide .install-cmd{align-items:flex-start;gap:6px;margin-bottom:8px;display:flex}.guide .install-cmd code{font-family:var(--font-mono);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:6px;padding:4px 8px;font-size:11px}.guide .install-cmd .copy-button{flex-shrink:0;margin-left:0}.guide .context-file{font-family:var(--font-mono);font-size:12px}.guide .facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 20px;margin:16px 0;display:grid}.guide .facts dt{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.guide .facts dd{margin:2px 0 0}.guide .links{margin:6px 0 16px;padding:0;list-style:none}.guide .links li+li{margin-top:4px}.guide .practices{margin:6px 0 16px;padding:0;list-style:none}.guide .practices li{border-top:1px solid var(--border);max-width:68ch;padding:8px 0;line-height:1.5}.guide .practices a,.guide .practices time{font-family:var(--font-mono);white-space:nowrap;font-size:12px}.guide .practices time{color:var(--muted)}.guide .prose{max-width:70ch}.guide .prose h2{margin:28px 0 8px}.guide .prose ul{padding-left:20px}.guide .ad{text-align:center;margin:40px 0}.guide .ad-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.guide .ad-box{background:var(--surface);border:1px dashed var(--border);max-width:100%;margin:0 auto}.guide .ad-banner .ad-box{width:728px;height:90px}.guide .ad-rect .ad-box{width:300px;height:250px}
