:root{--c-bg:#ffffff;--c-bg-sunken:oklch(0.965 0.002 265);--c-surface:#ffffff;--c-surface-2:oklch(0.976 0.002 265);--c-overlay:oklch(0.26 0.004 265/0.42);--c-line:oklch(0.900 0.003 265);--c-line-strong:oklch(0.795 0.004 265);--c-text:oklch(0.255 0.004 265);--c-text-sub:oklch(0.475 0.004 265);--c-text-muted:oklch(0.575 0.004 265);--c-text-onbrand:#ffffff;--c-brand:oklch(0.395 0.013 292);--c-brand-hover:oklch(0.320 0.013 292);--c-brand-active:oklch(0.265 0.012 292);--c-brand-weak:oklch(0.955 0.006 292);--c-brand-line:oklch(0.865 0.008 292);--c-brand-text:oklch(0.330 0.013 292);--c-caution:oklch(0.495 0.095 62);--c-caution-weak:oklch(0.966 0.026 78);--c-caution-line:oklch(0.870 0.050 78);--c-danger:#C81E1E;--c-danger-weak:oklch(0.962 0.022 27);--c-danger-line:oklch(0.865 0.055 27);--c-success:oklch(0.465 0.075 150);--c-success-weak:oklch(0.962 0.024 150);--c-disabled-bg:oklch(0.938 0.003 265);--c-disabled-text:oklch(0.655 0.004 265);--c-focus:oklch(0.395 0.013 292);--sh-focus:0 0 0 3px oklch(0.55 0.015 292/0.32);--font-sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Roboto Mono","Noto Sans Mono",monospace;--fs-100:0.6875rem;--fs-200:0.75rem;--fs-300:0.8125rem;--fs-400:0.875rem;--fs-500:1rem;--fs-600:1.125rem;--fs-700:1.3125rem;--fs-800:1.5rem;--fs-900:1.75rem;--fs-1000:2.125rem;--lh-tight:1.32;--lh-snug:1.55;--lh-body:1.8;--ls-tight:-0.005em;--ls-normal:0;--ls-label:0.06em;--fw-normal:400;--fw-medium:500;--fw-bold:700;--sp-2:2px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-64:64px;--sp-80:80px;--r-xs:3px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--bw:1px;--bw-2:2px;--sh-1:0 1px 2px oklch(0.30 0.006 265/0.05);--sh-2:0 1px 2px oklch(0.30 0.006 265/0.05),0 2px 8px -2px oklch(0.30 0.006 265/0.09);--sh-3:0 12px 32px -12px oklch(0.28 0.006 265/0.20);--tap-min:44px;--ctl-h-sm:36px;--ctl-h:44px;--ctl-h-lg:52px;--h-header:56px;--dur-1:120ms;--dur-2:200ms;--ease:cubic-bezier(0.2,0.6,0.3,1);--z-header:100;--z-sheet:200;--z-toast:300;color-scheme:light;--bp-sm:640px;--bp-md:1024px;--bp-lg:1360px;--w-page:1200px;--w-tool:880px;--w-tool-split:1080px;--w-ops:360px;--w-prose:32em;--pad-page:16px;--gap-section:32px;--gap-block:16px;--grid-tools:repeat(auto-fill,minmax(220px,1fr));--tool-split:minmax(0,1fr);--tool-split-rev:minmax(0,1fr);--h1-size:var(--fs-900);--vis-sm-only:inline;--vis-md:none;--vis-lg:none;--stack-md:column}@media (min-width:640px){:root{--pad-page:24px;--gap-section:40px;--gap-block:20px;--grid-tools:repeat(auto-fill,minmax(300px,1fr));--vis-sm-only:none;--vis-md:flex;--stack-md:row}}@media (min-width:1024px){:root{--pad-page:32px;--gap-section:48px;--gap-block:24px;--grid-tools:repeat(3,minmax(0,1fr));--tool-split:var(--w-ops) minmax(0,1fr);--tool-split-rev:minmax(0,1fr) var(--w-ops);--vis-lg:inline-flex}}@media (min-width:1360px){:root{--grid-tools:repeat(4,minmax(0,1fr))}}[data-frame]{container-type:inline-size}[data-viewport]{--pad-page:16px;--gap-section:32px;--gap-block:16px;--grid-tools:repeat(auto-fill,minmax(220px,1fr));--tool-split:minmax(0,1fr);--tool-split-rev:minmax(0,1fr);--vis-sm-only:inline;--vis-md:none;--vis-lg:none;--stack-md:column}@container (min-width: 640px){[data-viewport]{--pad-page:24px;--gap-section:40px;--gap-block:20px;--grid-tools:repeat(auto-fill,minmax(300px,1fr));--vis-sm-only:none;--vis-md:flex;--stack-md:row}}@container (min-width: 1024px){[data-viewport]{--pad-page:32px;--gap-section:48px;--gap-block:24px;--grid-tools:repeat(3,minmax(0,1fr));--tool-split:var(--w-ops) minmax(0,1fr);--tool-split-rev:minmax(0,1fr) var(--w-ops);--vis-lg:inline-flex}}[data-theme=dark]{--c-bg:oklch(0.185 0.004 265);--c-bg-sunken:oklch(0.150 0.004 265);--c-surface:oklch(0.222 0.005 265);--c-surface-2:oklch(0.258 0.005 265);--c-overlay:oklch(0.11 0.004 265/0.60);--c-line:oklch(0.315 0.006 265);--c-line-strong:oklch(0.425 0.007 265);--c-text:oklch(0.950 0.003 265);--c-text-sub:oklch(0.760 0.005 265);--c-text-muted:oklch(0.650 0.006 265);--c-text-onbrand:oklch(0.180 0.008 292);--c-brand:oklch(0.800 0.010 292);--c-brand-hover:oklch(0.870 0.010 292);--c-brand-active:oklch(0.730 0.012 292);--c-brand-weak:oklch(0.285 0.008 292);--c-brand-line:oklch(0.385 0.010 292);--c-brand-text:oklch(0.865 0.010 292);--c-caution:oklch(0.790 0.100 78);--c-caution-weak:oklch(0.288 0.036 78);--c-caution-line:oklch(0.400 0.055 78);--c-danger:#F87171;--c-danger-weak:oklch(0.300 0.070 27);--c-danger-line:oklch(0.420 0.100 27);--c-success:oklch(0.760 0.090 150);--c-success-weak:oklch(0.282 0.036 150);--c-disabled-bg:oklch(0.262 0.005 265);--c-disabled-text:oklch(0.520 0.006 265);--c-focus:oklch(0.800 0.010 292);--sh-focus:0 0 0 3px oklch(0.80 0.010 292/0.30);--sh-1:0 1px 2px oklch(0.10 0.004 265/0.40);--sh-2:0 1px 2px oklch(0.10 0.004 265/0.35),0 2px 8px -2px oklch(0.10 0.004 265/0.45);--sh-3:0 12px 32px -12px oklch(0.08 0.004 265/0.70);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--c-bg:oklch(0.185 0.004 265);--c-bg-sunken:oklch(0.150 0.004 265);--c-surface:oklch(0.222 0.005 265);--c-surface-2:oklch(0.258 0.005 265);--c-overlay:oklch(0.11 0.004 265/0.60);--c-line:oklch(0.315 0.006 265);--c-line-strong:oklch(0.425 0.007 265);--c-text:oklch(0.950 0.003 265);--c-text-sub:oklch(0.760 0.005 265);--c-text-muted:oklch(0.650 0.006 265);--c-text-onbrand:oklch(0.180 0.008 292);--c-brand:oklch(0.800 0.010 292);--c-brand-hover:oklch(0.870 0.010 292);--c-brand-active:oklch(0.730 0.012 292);--c-brand-weak:oklch(0.285 0.008 292);--c-brand-line:oklch(0.385 0.010 292);--c-brand-text:oklch(0.865 0.010 292);--c-caution:oklch(0.790 0.100 78);--c-caution-weak:oklch(0.288 0.036 78);--c-caution-line:oklch(0.400 0.055 78);--c-danger:#F87171;--c-danger-weak:oklch(0.300 0.070 27);--c-danger-line:oklch(0.420 0.100 27);--c-success:oklch(0.760 0.090 150);--c-success-weak:oklch(0.282 0.036 150);--c-disabled-bg:oklch(0.262 0.005 265);--c-disabled-text:oklch(0.520 0.006 265);--c-focus:oklch(0.800 0.010 292);--sh-focus:0 0 0 3px oklch(0.80 0.010 292/0.30);--sh-1:0 1px 2px oklch(0.10 0.004 265/0.40);--sh-2:0 1px 2px oklch(0.10 0.004 265/0.35),0 2px 8px -2px oklch(0.10 0.004 265/0.45);--sh-3:0 12px 32px -12px oklch(0.08 0.004 265/0.70);color-scheme:dark}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-500);line-height:var(--lh-body);font-feature-settings:"palt" 1}blockquote,body,figure,h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--c-brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--c-brand-hover);text-decoration-thickness:2px}:focus-visible{outline:var(--bw-2) solid var(--c-focus);outline-offset:2px}::selection{background:var(--c-brand-weak)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:var(--tap-min);width:100%;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-pill);background:var(--c-line-strong)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:var(--r-pill);background:var(--c-surface);border:var(--bw-2) solid var(--c-brand);box-shadow:var(--sh-1);cursor:-webkit-grab;cursor:grab}input[type=range]:active::-webkit-slider-thumb{cursor:-webkit-grabbing;cursor:grabbing;background:var(--c-brand-weak)}input[type=range]::-moz-range-track{height:4px;border-radius:var(--r-pill);background:var(--c-line-strong)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:var(--r-pill);background:var(--c-surface);border:var(--bw-2) solid var(--c-brand)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{min-height:100dvh;display:flex;flex-direction:column}.skipLink{position:absolute;left:var(--sp-8);top:var(--sp-8);z-index:var(--z-toast);padding:var(--sp-8) var(--sp-12);border-radius:var(--r-sm);background:var(--c-surface);border:var(--bw) solid var(--c-line-strong);color:var(--c-text);text-decoration:none;transform:translateY(calc(-100% - var(--sp-16)))}.skipLink:focus-visible{transform:none}