@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(./outfit-latin-600-normal-BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(./outfit-latin-700-normal-D4itBLBr.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f3f4f6;--fg:#111827;--muted:#4b5563;--border:#e5e7eb;--accent:#111827;--accent-hover:#030712;--accent-soft:#1118270f;--panel:#fff;--panel-soft:#f3f4f6;--code-bg:#111827;--code-fg:#f3f4f6;--btn-ghost-bg:#f3f4f6;--btn-ghost-fg:#111827;--shadow:0 1px 2px #1118270d, 0 4px 14px #1118270a;--shadow-soft:0 1px 2px #1118270f;--track:#f3f4f6;--track-border:#e5e7eb;--thumb:#fff;--thumb-fg:#4b5563;--lossless:#166534;--runtime:#92400e;--lossy:#9a3412;--unsupported:#991b1b;--focus:#111827;--display:"Outfit", "Segoe UI", system-ui, sans-serif;--sans:"Outfit", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--radius:.95rem;--space:1rem}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--bg-soft:#171a21;--fg:#f3f4f6;--muted:#9ca3af;--border:#2a2f3a;--accent:#e5e7eb;--accent-hover:#fff;--accent-soft:#ffffff14;--panel:#171a21;--panel-soft:#1c212b;--code-bg:#0b0d11;--code-fg:#e5e7eb;--btn-ghost-bg:#1c212b;--btn-ghost-fg:#f3f4f6;--shadow:0 1px 2px #00000059, 0 8px 24px #00000047;--shadow-soft:0 1px 2px #00000059;--track:#1c212b;--track-border:#2a2f3a;--thumb:#0f1115;--thumb-fg:#e5e7eb;--lossless:#86efac;--runtime:#fcd34d;--lossy:#fdba74;--unsupported:#fca5a5;--focus:#f3f4f6}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}body{background:var(--bg);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip{position:absolute;top:0;left:-999px}.skip:focus{left:var(--space);top:var(--space);z-index:4;background:var(--panel);color:var(--fg);box-shadow:var(--shadow);border-radius:999px;padding:.5rem .75rem;font-weight:600;text-decoration:none}.site-header,.site-footer{max-width:72rem;padding:1.15rem 1.25rem;padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));margin:0 auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1.25rem;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.04em;color:var(--fg);width:fit-content;font-size:1.2rem;font-weight:700;text-decoration:none}.tagline{color:var(--fg);margin:0;font-size:1rem;font-weight:600}.tagline-sub{color:var(--muted);max-width:36rem;margin:.15rem 0 0;font-size:.92rem}.header-actions{align-items:center;gap:.45rem;margin-inline-start:auto;display:flex}.nav{border-inline-end:1px solid var(--border);align-items:center;gap:.35rem;margin-inline-end:.15rem;padding-inline-end:.55rem;display:flex}.nav-text{color:var(--muted);border-radius:999px;padding:.4rem .65rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .12s ease-out,color .12s ease-out}.nav-text:hover,.nav-text.is-current{color:var(--fg);background:var(--accent-soft)}.icon-link{color:var(--muted);letter-spacing:.02em;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out;display:inline-grid}.icon-link:hover{background:var(--accent-soft);color:var(--fg)}.icon-link svg{width:1.15rem;height:1.15rem}.theme-toggle{align-items:center;display:inline-flex}.theme-toggle button{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;min-width:2.75rem;min-height:2.4rem;padding:.2rem;display:inline-grid}.theme-track{background:var(--track);border:1px solid var(--track-border);border-radius:999px;width:3.5rem;height:2rem;display:block;position:relative;box-shadow:inset 0 1px 1px #11182708}.theme-thumb{background:var(--thumb);width:1.65rem;height:1.65rem;color:var(--thumb-fg);box-shadow:var(--shadow-soft);border-radius:999px;place-items:center;transition:transform .2s;display:grid;position:absolute;top:2px;left:2px}.theme-toggle[data-mode=dark] .theme-thumb{transform:translate(1.4rem)}.theme-icon{width:1rem;height:1rem;display:block}.theme-moon,.theme-toggle[data-mode=dark] .theme-sun{display:none}.theme-toggle[data-mode=dark] .theme-moon{display:block}.locale-toggle{flex-shrink:0;align-items:center;display:inline-flex}.locale-list{box-sizing:border-box;background:var(--track);border:1px solid var(--track-border);border-radius:999px;align-items:center;gap:.12rem;height:2rem;padding:.16rem;display:flex;box-shadow:inset 0 1px 1px #11182708}.locale-option{font-size:inherit;font-weight:inherit;color:inherit;margin:0;display:block;position:relative}.locale-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.locale-option span{letter-spacing:.06em;height:1.55rem;color:var(--muted);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;place-items:center;padding:0 .55rem;font-size:.68rem;font-weight:700;display:grid}.locale-option-ja span{letter-spacing:.02em;min-width:2.55rem;font-size:.7rem}.locale-option:has(input:checked) span{background:var(--thumb);color:var(--fg);box-shadow:var(--shadow-soft)}.locale-option:has(input:focus-visible) span{outline:2px solid var(--focus);outline-offset:2px}.layout{max-width:72rem;padding:.25rem 1.25rem 2rem;padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));grid-template-columns:1fr;align-items:start;gap:1rem;margin:0 auto;display:grid}.panel{background:var(--panel-soft);border-radius:var(--radius);border:0;min-width:0;max-width:100%;padding:1.15rem 1.2rem 1.25rem}.panel-input{max-height:none;position:static;overflow:visible}@media (width>=1101px) and (height>=741px){.layout{grid-template-columns:minmax(18rem,22.5rem) minmax(0,1fr)}.panel-input{max-height:calc(100dvh - 1.5rem);position:sticky;top:.75rem;overflow:auto}}.input-lead,.results-lead{color:var(--muted);margin:0 0 .85rem;font-size:.92rem}.compat-legend{color:var(--muted);flex-wrap:wrap;gap:.45rem .75rem;margin:0 0 1rem;padding:0;font-size:.78rem;list-style:none;display:flex}.compat-legend .compat{margin:0 .3rem 0 0}.advanced,.extra-results{margin:.85rem 0 0}.advanced>summary,.extra-results>summary{cursor:pointer;color:var(--muted);font-size:.92rem;font-weight:600}.advanced>summary{margin-bottom:.75rem}.compat-hint{color:var(--muted);margin:0 0 .35rem;font-size:.82rem}.panel h2{font-family:var(--display);letter-spacing:-.02em;margin:1.35rem 0 .7rem;font-size:1.02rem;font-weight:700}.panel h2:first-child{margin-top:0}label,.legend{color:var(--muted);margin-bottom:.4rem;font-size:.82rem;font-weight:600;display:block}label:has(>select)>span,label:has(>textarea)>span,label:has(>input[type=text])>span{display:block}.row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.85rem;display:flex}textarea,input[type=text],select{width:100%;font:.88rem/1.45 var(--mono);background:var(--bg);color:var(--fg);box-shadow:var(--shadow-soft);border:0;border-radius:.75rem;padding:.65rem .75rem}textarea{resize:vertical;min-height:16.5rem}#instance{min-height:8rem}.segmented{border:0;min-inline-size:0;margin:0 0 .9rem;padding:0}.segmented .legend{padding:0}.segmented-list{background:var(--bg);box-shadow:var(--shadow-soft);border-radius:999px;gap:.2rem;padding:.22rem;display:flex}.segmented-option{color:var(--fg);flex:1;margin:0;position:relative}.segmented-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented-option span{text-align:center;color:var(--muted);border-radius:999px;padding:.45rem .7rem;font-size:.85rem;font-weight:600;display:block}.segmented-option:has(input:checked) span{background:var(--panel);color:var(--fg);box-shadow:var(--shadow-soft)}.segmented-option:has(input:focus-visible) span{outline:2px solid var(--focus);outline-offset:2px}.checks{flex-wrap:wrap;gap:.75rem 1rem;margin:.55rem 0 .9rem;display:flex}.checks label{color:var(--fg);align-items:center;gap:.45rem;margin:0;font-weight:500;display:flex}input[type=checkbox]{accent-color:var(--fg);width:1.05rem;height:1.05rem}.btn,button.btn{font:.9rem/1 var(--sans);cursor:pointer;border:0;border-radius:999px;min-height:2.45rem;padding:.7rem 1rem;font-weight:700;transition:transform .12s ease-out,background .12s ease-out}.btn:active,button.btn:active,.icon-link:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost,button.secondary{background:var(--btn-ghost-bg);color:var(--btn-ghost-fg)}.btn-ghost:hover,button.secondary:hover{background:var(--accent-soft)}.actions{margin:.65rem 0}.privacy{color:var(--muted);margin:1rem 0 0;font-size:.82rem;line-height:1.55}.fingerprint-row{color:var(--muted);font-size:.85rem}.error{background:color-mix(in srgb, var(--unsupported) 12%, var(--panel));color:var(--unsupported);border-radius:.75rem;margin:0 0 1rem;padding:.75rem .85rem}.lesson{color:var(--fg);margin:0 0 .9rem}.stats{background:var(--bg);border-radius:.75rem;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:1rem 0 0;padding:.85rem 1rem;display:grid}.stats dt{color:var(--muted);font-size:.82rem}.stats dd{font-variant-numeric:tabular-nums;font-family:var(--mono);margin:0;font-size:.85rem}.targets{display:block}.target-overview{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.55rem;margin-bottom:1rem;display:grid}.overview-item{background:var(--bg);color:inherit;text-align:left;font:inherit;cursor:pointer;border:0;border-radius:.75rem;gap:.1rem;width:100%;min-height:4.25rem;padding:.65rem .75rem;display:grid}.overview-item:hover{background:var(--panel)}.overview-item[data-compatibility=lossless]{background:color-mix(in srgb, var(--lossless) 12%, var(--bg))}.overview-item[data-compatibility=runtime-safe]{background:color-mix(in srgb, var(--runtime) 14%, var(--bg))}.overview-item[data-compatibility=lossy]{background:color-mix(in srgb, var(--lossy) 16%, var(--bg))}.overview-item[data-compatibility=unsupported]{background:color-mix(in srgb, var(--unsupported) 14%, var(--bg))}.overview-vendor{color:var(--muted);font-size:.75rem}.overview-result{font:600 .82rem/1.3 var(--mono)}.overview-count{color:var(--muted);font-size:.7rem}.target-cards{grid-template-columns:repeat(auto-fit,minmax(16.5rem,1fr));gap:.85rem;display:grid}.card{background:var(--bg);border-radius:var(--radius);min-width:0;box-shadow:none;border:0;flex-direction:column;padding:1.05rem 1.1rem 1.15rem;scroll-margin-top:1rem;display:flex}.card h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:1.02rem}.card h4{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:.9rem 0 .35rem;font-size:.78rem;font-weight:700}.muted{color:var(--muted);overflow-wrap:anywhere;font-size:.82rem}.evidence-line{color:var(--muted);margin:.1rem 0 .25rem;font-size:.78rem}.evidence-line a{color:inherit;text-underline-offset:.18em}.compat{font-family:var(--mono);background:var(--accent-soft);border-radius:999px;width:fit-content;margin:.45rem 0;padding:.18rem .55rem;font-size:.78rem;display:inline-block}.compat-lossless{color:var(--lossless)}.compat-runtime-safe{color:var(--runtime)}.compat-lossy{color:var(--lossy)}.compat-unsupported{color:var(--unsupported)}.diag-list,.issue-list{margin:0;padding-left:1.1rem}.diag-list li,.issue-list li{margin-bottom:.35rem}pre,code{font-family:var(--mono)}code{background:var(--accent-soft);border-radius:.35rem;padding:.05rem .28rem;font-size:.86em}pre{background:var(--code-bg);max-height:22rem;color:var(--code-fg);border-radius:.75rem;margin:.5rem 0 0;padding:.85rem .95rem;font-size:.78rem;line-height:1.45;overflow:auto}pre code{color:inherit;background:0 0;padding:0}details{margin-top:.75rem}summary{cursor:pointer;color:var(--muted);font-weight:600}#matrix,#diff{overflow-x:auto}.matrix{border-collapse:collapse;background:var(--bg);border-radius:.75rem;width:100%;font-size:.85rem}.matrix th,.matrix td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.55rem .65rem}.matrix th{color:var(--muted);font-size:.78rem;font-weight:600}.fingerprint{font-family:var(--mono);overflow-wrap:anywhere;color:var(--fg);font-size:.78rem}.status-ok{color:var(--lossless)}.status-error{color:var(--unsupported)}.compare-controls{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;display:grid}.site-footer{color:var(--muted);font-size:.88rem}.site-footer a{color:var(--fg);font-weight:600}.site-footer p{margin:0}@media (width<=640px){.compare-controls{grid-template-columns:1fr}.site-header{align-items:flex-start}.header-actions{justify-content:flex-start;width:auto;margin-inline-start:0}.nav{border-inline-end:0;margin-inline-end:0;padding-inline-end:0}textarea,input[type=text],select{font-size:16px}textarea{min-height:12rem}.target-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.target-cards{grid-template-columns:1fr}.compat-legend{grid-template-columns:1fr 1fr;display:grid}}@media (width>=641px){.matrix{min-width:36rem}}.demo-caption{z-index:5;background:var(--fg);color:var(--bg);letter-spacing:-.02em;margin:0;padding:.7rem 1.25rem;font-size:1rem;font-weight:700;position:sticky;top:0}body.demo-mode .site-footer,body.demo-mode .header-actions,body.demo-mode .advanced,body.demo-mode .extra-results,body.demo-mode .fingerprint-row,body.demo-mode .privacy,body.demo-mode .tagline-sub,body.demo-mode .input-lead,body.demo-mode .results-lead,body.demo-mode .compat-legend,body.demo-mode #analysis,body.demo-mode .share-block,body.demo-mode[data-demo=schema] #input-heading,body.demo-mode[data-demo=schema] .row,body.demo-mode[data-demo=schema] .segmented,body.demo-mode[data-demo=schema] label:has(#source)>span{display:none}body.demo-mode[data-demo=grid] .compat-legend{display:flex}body.demo-mode[data-demo=grid] #results-heading,body.demo-mode[data-demo=diag] #results-heading,body.demo-mode[data-demo=diag] .lesson{display:none}body.demo-mode[data-demo=schema] .layout,body.demo-mode[data-demo=grid] .layout,body.demo-mode[data-demo=diag] .layout{grid-template-columns:1fr}body.demo-mode[data-demo=schema] .panel-results,body.demo-mode[data-demo=grid] .panel-input,body.demo-mode[data-demo=grid] .target-cards{display:none}body.demo-mode[data-demo=grid] .overview-item{min-height:5.75rem;padding:.9rem 1rem}body.demo-mode[data-demo=grid] .overview-vendor{font-size:.9rem}body.demo-mode[data-demo=grid] .overview-result{font-size:1.05rem}body.demo-mode[data-demo=diag] .panel-input,body.demo-mode[data-demo=diag] .target-overview,body.demo-mode[data-demo=diag] .card-meta,body.demo-mode[data-demo=diag] .evidence-line,body.demo-mode[data-demo=diag] .card details{display:none}body.demo-mode[data-demo=diag] .target-cards{grid-template-columns:repeat(3,minmax(0,1fr))}body.demo-mode .layout{padding-top:.35rem;padding-bottom:.75rem}body.demo-mode .panel-input{max-height:none;position:static;overflow:visible}body.demo-mode textarea{min-height:18rem}body.demo-mode .target-overview{grid-template-columns:repeat(4,minmax(0,1fr))}body.demo-mode .overview-item:nth-child(n+5),body.demo-mode .target-cards .card:nth-child(n+4){display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}