:root{--ground:#f7f6f2;--surface:#fff;--surface-2:#f1efe9;--ink:#16181d;--ink-soft:#464b54;--ink-faint:#797f89;--line:#e4e1d9;--line-strong:#d2cec3;--accent:#0f6d62;--accent-ink:#0a4a43;--accent-soft:#e2efec;--signal:#bd7a28;--ok:#2f7a4f;--warn:#a06b1e;--bad:#b23b33;--g-honmei:#0f6d62;--g-gpl:#3f9d73;--g-cond:#bd7a28;--g-pd:#6b7a99;--g-avoid:#b23b33;--g-other:#a8a296;--serif:"Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", sans-serif;--mono:ui-monospace, SFMono-Regular, "Consolas", "Liberation Mono", Menlo, monospace;--wrap:68rem;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #14161a0a, 0 8px 26px -14px #14161a2e}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.75}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em}p{text-wrap:pretty}a{color:var(--accent-ink);text-underline-offset:2px}a:hover{color:var(--accent)}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:3px}.wrap{width:min(100% - 2.4rem, var(--wrap));margin-inline:auto}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.masthead{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--ground) 86%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);z-index:20;position:sticky;top:0}.masthead__inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand__mark{background:linear-gradient(150deg, var(--accent), var(--accent-ink));color:#fff;width:34px;height:34px;font-family:var(--serif);border-radius:9px;flex:none;place-items:center;font-size:1.15rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff40}.brand__name{font-family:var(--serif);letter-spacing:.02em;font-size:1.15rem;font-weight:700}.brand__tag{letter-spacing:.14em;color:var(--ink-faint);font-size:.66rem;font-family:var(--sans);display:block}.masthead__meta{color:var(--ink-faint);letter-spacing:.02em;font-size:.76rem}.masthead__meta b{color:var(--accent-ink);font-variant-numeric:tabular-nums}.hero{padding-block:clamp(2.4rem,6vw,4.4rem) clamp(1.6rem,4vw,2.6rem)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:1.6rem;height:2px}.hero h1{font-family:var(--serif);margin:.7rem 0 0;font-size:clamp(2.1rem,6vw,3.5rem);font-weight:700;line-height:1.12}.hero__sub{color:var(--ink-soft);max-width:42ch;margin:.9rem 0 0;font-size:clamp(1rem,2.2vw,1.2rem)}.hero__lead{max-width:60ch;color:var(--ink-soft);margin:1.4rem 0 0}.hero__lead strong{color:var(--ink);font-weight:700}.stats{grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2rem;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.15rem;position:relative;overflow:hidden}.stat:before{content:"";background:var(--accent);width:4px;position:absolute;inset:0 auto 0 0}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,4.4vw,2.6rem);font-weight:800;line-height:1}.stat__value span{color:var(--ink-faint);margin-left:.1em;font-size:.5em;font-weight:700}.stat__label{color:var(--ink-soft);margin-top:.5rem;font-size:.85rem;line-height:1.5}.stat--alt:before{background:var(--signal)}.stat--bad:before{background:var(--bad)}.section{padding-block:clamp(2rem,5vw,3.4rem)}.section+.section{border-top:1px solid var(--line)}.section__head{max-width:62ch}.section h2{font-family:var(--serif);margin:0;font-size:clamp(1.5rem,3.4vw,2rem);font-weight:700;line-height:1.25}.section h2 .idx{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:.5rem;font-size:.7em}.section__intro{color:var(--ink-soft);max-width:60ch;margin:.8rem 0 1.6rem}.usebar{border:1px solid var(--line-strong);width:100%;height:3.4rem;box-shadow:var(--shadow);background:var(--surface-2);border-radius:10px;display:flex;overflow:hidden}.usebar__seg{color:#fff;transform-origin:0;place-items:center;min-width:2px;animation:.9s cubic-bezier(.2,.7,.2,1) both seg-in;display:grid;position:relative}.usebar__seg span{font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #00000040;white-space:nowrap;padding-inline:.4rem;font-size:.8rem;font-weight:700}.legend{flex-wrap:wrap;gap:.55rem 1.1rem;margin-top:1.1rem;display:flex}.legend__item{color:var(--ink-soft);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.legend__dot{border-radius:3px;flex:none;width:.72rem;height:.72rem}.legend__item b{color:var(--ink);font-variant-numeric:tabular-nums}.usebar__note{background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent-ink);flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;margin-top:1.4rem;padding:.9rem 1.1rem;font-size:.92rem;display:flex}.usebar__note b{font-variant-numeric:tabular-nums}.ranktable{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:0;display:flex;overflow:hidden}.rankrow{border-top:1px solid var(--line);grid-template-columns:9.5rem 1fr 4.2rem;align-items:center;gap:.9rem;padding:.6rem 1rem;display:grid}.rankrow:first-child{border-top:none}.rankrow:hover{background:var(--surface-2)}.rankrow__name{flex-direction:column;gap:.15rem;min-width:0;display:flex}.rankrow__lic{font-family:var(--mono);font-size:.86rem;font-weight:600}.rankrow__track{background:var(--surface-2);border-radius:5px;height:1.5rem;position:relative;overflow:hidden}.rankrow__fill{transform-origin:0;border-radius:5px;animation:1s cubic-bezier(.2,.7,.2,1) both bar-in;position:absolute;inset:0 auto 0 0}.rankrow__pct{text-align:right;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.rankrow__pct small{color:var(--ink-faint);font-weight:500}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;width:fit-content;padding:.12rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge[data-v=honmei]{color:var(--g-honmei);background:color-mix(in srgb, var(--g-honmei) 12%, #fff)}.badge[data-v=gpl]{color:#256b4a;background:color-mix(in srgb, var(--g-gpl) 16%, #fff)}.badge[data-v=conditional]{color:var(--warn);background:color-mix(in srgb, var(--g-cond) 15%, #fff)}.badge[data-v=publicdomain]{color:#46557a;background:color-mix(in srgb, var(--g-pd) 15%, #fff)}.badge[data-v=avoid]{color:var(--bad);background:color-mix(in srgb, var(--g-avoid) 12%, #fff)}.badge[data-v=other]{color:#6f6a5f;background:color-mix(in srgb, var(--g-other) 20%, #fff)}.rank__caption{color:var(--ink-faint);margin-top:.95rem;font-size:.82rem}.prose{max-width:60ch}.prose p{color:var(--ink-soft);margin:0 0 1rem}.prose p strong{color:var(--ink)}.cards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);border-top:3px solid var(--accent);padding:1.2rem 1.3rem}.card--signal{border-top-color:var(--signal)}.card h3{margin:0 0 .4rem;font-size:1.05rem}.card p{color:var(--ink-soft);margin:0;font-size:.92rem}.method{grid-template-columns:1.1fr 1fr;align-items:start;gap:1.4rem;display:grid}.method dl{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;font-size:.9rem;display:grid}.method dt{color:var(--ink-faint)}.method dd{color:var(--ink);margin:0}.codeblock{color:#e7ebe9;border-radius:var(--radius-sm);font-family:var(--mono);background:#14181c;margin:0;padding:1rem 1.1rem;font-size:.82rem;line-height:1.65;overflow-x:auto}.codeblock .k{color:#7fd1bd}.codeblock .s{color:#d8b57a}.codeblock .c{color:#6b7772}.callout{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-soft);margin-top:1.2rem;padding:.9rem 1.1rem;font-size:.9rem}.callout b{color:var(--ink)}.faq{flex-direction:column;gap:.7rem;display:flex}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 1.1rem;overflow:hidden}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:1rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--accent);font-weight:700;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details>p{color:var(--ink-soft);margin:0 0 1.1rem;font-size:.94rem}.footer{border-top:1px solid var(--line);background:var(--surface-2);margin-top:2rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding-block:2rem;display:flex}.footer__brand{font-family:var(--serif);font-size:1.05rem;font-weight:700}.footer p{color:var(--ink-faint);max-width:46ch;margin:.35rem 0 0;font-size:.82rem}.footer__nav{flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.9rem;display:flex}.footer__nav a{color:var(--accent-ink);font-size:.85rem;font-weight:600;text-decoration:none}.footer__nav a:hover{color:var(--accent);text-decoration:underline}.footer__meta{color:var(--ink-faint);text-align:right;font-size:.78rem}.footer__meta .num{color:var(--ink-soft)}@keyframes seg-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.usebar__seg,.rankrow__fill{animation:none}}@media (max-width:760px){.stats,.cards,.method{grid-template-columns:1fr}.rankrow{grid-template-columns:7.5rem 1fr 3.6rem;gap:.6rem}.masthead__meta,.brand__tag{display:none}.brand__name{font-size:1.05rem}.nav{gap:.9rem}}@media (max-width:460px){.rankrow{grid-template-columns:1fr;row-gap:.35rem}.rankrow__pct{text-align:left}.rankrow__track{order:3}}.nav{align-items:center;gap:1.2rem;display:flex}.nav a{color:var(--ink-soft);border-bottom:2px solid #0000;padding:.3rem 0;font-size:.9rem;font-weight:600;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-ink);border-bottom-color:var(--accent)}.xlink{border:1px solid var(--line-strong);background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;margin-top:1.6rem;padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.xlink:hover{border-color:var(--accent);background:var(--accent-soft)}.xlink span{color:var(--accent);font-weight:800}.jgroups{flex-direction:column;gap:1.1rem;display:flex}.jgroup{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.jgroup__head{border-left:5px solid var(--jc,var(--accent));align-items:center;gap:.7rem;padding:.9rem 1.1rem;display:flex}.jgroup__title{font-size:1.02rem;font-weight:800}.jgroup__desc{color:var(--ink-soft);margin:0;font-size:.85rem}.jrow{border-top:1px solid var(--line);grid-template-columns:12rem 1fr;align-items:baseline;gap:.9rem;padding:.65rem 1.1rem;display:grid}.jrow__lic{font-family:var(--mono);font-size:.86rem;font-weight:600}.jrow__note{color:var(--ink-soft);font-size:.9rem}.pitfalls{flex-direction:column;gap:.75rem;display:flex}.pitfall{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:2.2rem 1fr;align-items:start;gap:.9rem;padding:1rem 1.15rem;display:grid}.pitfall__no{background:color-mix(in srgb, var(--bad) 12%, #fff);width:2.2rem;height:2.2rem;color:var(--bad);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;font-weight:800;display:grid}.pitfall h3{margin:0 0 .2rem;font-size:.98rem}.pitfall p{color:var(--ink-soft);margin:0;font-size:.9rem}.flow{counter-reset:step;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.flow li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);padding:.85rem 1.1rem .85rem 3.2rem;font-size:.94rem;position:relative}.flow li:before{counter-increment:step;content:counter(step);background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:.8rem;left:.85rem}@media (max-width:560px){.jrow{grid-template-columns:1fr;gap:.2rem}.nav{gap:.9rem}}