:root{color-scheme:light;--paper: #ffffff;--surface: #ffffff;--field: #f4f6f8;--field-deep: #e9edf1;--rule: #dde3e8;--rule-strong: #c2cad2;--ink: #16202b;--ink-mid: #46535f;--ink-soft: #66727e;--ink-faint: #9aa4ad;--mark: #0d9ddb;--mark-ink: #0071ad;--mark-solid: #0071ad;--mark-pale: #e8f6fd;--mark-tint: rgb(13 157 219 / 18%);--on-mark: #ffffff;--band: #16202b;--on-band: #f2f5f8;--on-band-soft: #98a3ae;--rule-on-band: rgb(255 255 255 / 16%);--ok: #1c7a4a;--ok-pale: #eaf5ef;--warn: #8a5a05;--warn-pale: #fbf2e2;--ng: #c0271f;--ng-pale: #fceceb;--space-0: 0;--space-1: .25rem;--space-2: .375rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.25rem;--space-8: 1.5rem;--space-9: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--section-space: clamp(3.5rem, 8vw, 6.25rem);--section-space-lg: clamp(4.5rem, 10vw, 7.5rem);--page-max: 72.875rem;--content-max: 64rem;--prose-max: 36rem;--gutter: clamp(1.25rem, 4vw, 2.5rem);--r-xs: 2px;--r-sm: 3px;--r-md: 3px;--r-lg: 3px;--r-xl: 4px;--r-pill: 999px;--r-circle: 50%;--fs-display: clamp(1.875rem, 4.2vw, 3rem);--fs-h1: clamp(1.5rem, 3vw, 2rem);--fs-h2: clamp(1.25rem, 2.4vw, 1.625rem);--fs-h3: 1.1875rem;--fs-lead: clamp(.9375rem, 1.3vw, 1.0625rem);--fs-body: 1rem;--fs-sm: .9375rem;--fs-xs: .875rem;--fs-2xs: .8125rem;--fs-anchor: .75rem;--fs-anchor-sm: .6875rem;--fs-anchor-xl: clamp(1.375rem, 3.2vw, 2.25rem);--lh-display: 1.4;--lh-heading: 1.55;--lh-tight: 1.3;--lh-ui: 1.65;--lh-prose: 1.85;--ls-ja: .04em;--ls-display: .015em;--ls-anchor: .14em;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 500;--fw-bold: 700;--fw-heading: 700;--tracking-heading: var(--ls-display);--h-control: 2.75rem;--h-control-sm: 2.25rem;--tap-target: 2.75rem;--control-padding: .5rem .75rem;--button-padding: .6875rem 1.25rem;--tick-size: 7px;--tick-width: 1px;--duration-fast: .2s;--duration-base: .35s;--duration-slow: .6s;--duration-reveal: 1.1s;--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-house: cubic-bezier(.35, .34, .22, .99);--ease-inout: cubic-bezier(.77, 0, .175, 1);--ease-bounce: cubic-bezier(.22, 1, .36, 1);--shadow-xs: none;--shadow-card: none;--shadow-lift: 0 14px 34px -14px rgb(22 32 43 / 26%);--focus-ring: 0 0 0 3px var(--mark-tint), 0 0 0 1px var(--mark);--ring: var(--mark)}:root[data-theme=dark]{color-scheme:dark;--paper: #11171d;--surface: #1a222a;--field: #1a222a;--field-deep: #222b34;--rule: rgb(255 255 255 / 12%);--rule-strong: rgb(255 255 255 / 24%);--ink: #eef2f6;--ink-mid: #b7c0c9;--ink-soft: #939ea8;--ink-faint: #6b7681;--mark: #4cc2f5;--mark-ink: #7ad2f8;--mark-solid: #4cc2f5;--mark-pale: #10242e;--mark-tint: rgb(76 194 245 / 22%);--on-mark: #06232f;--band: #070b0f;--on-band: #eef2f6;--on-band-soft: #8d98a3;--rule-on-band: rgb(255 255 255 / 14%);--ok: #4cbd7e;--ok-pale: #16261e;--warn: #dda13f;--warn-pale: #2a2114;--ng: #ff7a70;--ng-pale: #2c1918;--shadow-lift: 0 14px 34px -14px rgb(0 0 0 / 76%)}:root{--pink: var(--mark);--pink-deep: var(--mark-ink);--pink-pale: var(--mark-pale);--on-accent: var(--on-mark);--cream: var(--field);--blush: var(--field);--surface-raised: var(--surface);--line: var(--rule);--line-strong: var(--rule-strong);--teal: #46535f;--teal-deep: #2c3742;--teal-pale: #eef1f4;--chart-1: var(--mark);--chart-2: var(--teal);--chart-3: #46535f;--chart-4: #6b7a12;--chart-5: #9aa4ad;--chart-1-ink: var(--mark-ink);--chart-2-ink: var(--teal-deep);--fs-hero: var(--fs-display);--radius: var(--r-sm)}:root[data-theme=dark]{--teal: #6b7681;--teal-deep: #b7c0c9;--teal-pale: #1c242c;--chart-3: #b7c0c9;--chart-4: #b9c65a;--chart-5: #6b7681}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01ms;--duration-base: .01ms;--duration-slow: .01ms;--duration-reveal: .01ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-ja: "Roboto", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;--font-mono: "Roboto Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Courier New", monospace}h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:var(--fw-heading);line-height:var(--lh-heading);letter-spacing:var(--ls-display);font-feature-settings:"palt" 1;word-break:auto-phrase}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.t-lead{max-inline-size:var(--prose-max);color:var(--ink-mid);font-size:var(--fs-lead);line-height:var(--lh-prose);letter-spacing:var(--ls-ja)}.t-prose{max-inline-size:var(--prose-max);line-height:var(--lh-prose);letter-spacing:var(--ls-ja)}.t-prose p+p{margin-block-start:var(--space-5)}.t-secondary{color:var(--ink-mid);font-size:var(--fs-body);line-height:var(--lh-prose);letter-spacing:var(--ls-ja)}.t-footnote{color:var(--ink-soft);font-size:var(--fs-xs);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.t-caption{color:var(--ink-soft);font-size:var(--fs-2xs);letter-spacing:var(--ls-ja)}.t-anchor{display:inline-flex;align-items:center;gap:.5em;color:var(--ink-soft);font-size:var(--fs-anchor);font-weight:var(--fw-bold);letter-spacing:var(--ls-anchor);line-height:1;text-transform:uppercase;white-space:nowrap}.t-anchor__index{color:var(--mark-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.t-kicker{display:inline-block;color:var(--ink-soft);font-size:var(--fs-anchor);font-weight:var(--fw-bold);letter-spacing:var(--ls-anchor);line-height:1;text-transform:uppercase}.t-numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em;font-feature-settings:"liga" 0;letter-spacing:0}pre code,code code{font-size:inherit}pre{line-height:1.75;tab-size:2}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}dialog{margin:auto}:root:has(dialog:modal){overflow:hidden;scrollbar-gutter:stable}html{font-family:var(--font-ja);line-height:var(--lh-ui);line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;block-size:100%}:where(html) :is(input,textarea,pre,code,kbd,samp,time){text-autospace:no-autospace}body{min-block-size:100%;min-inline-size:320px;background:var(--paper);color:var(--ink);font-size:var(--fs-body);letter-spacing:var(--ls-ja);line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(input,textarea,pre,code,kbd,samp){letter-spacing:0}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6,li,dd,dt{overflow-wrap:break-word}ul,ol{list-style:none}a{color:var(--mark-ink);text-decoration-thickness:1px;text-underline-offset:.25em;transition:color var(--duration-base) ease}a:hover{color:var(--mark)}:focus{outline:none}:focus-visible{outline:2px solid var(--mark);outline-offset:3px;border-radius:0}.c-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.u-visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.u-stack{display:flex;flex-direction:column;gap:var(--space-4)}.u-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.u-numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0}[hidden]{display:none!important}:root[data-theme-switching] *,:root[data-theme-switching] *:before,:root[data-theme-switching] *:after{transition:none!important}[data-reveal]{opacity:0;translate:0 14px;transition:opacity var(--duration-slow) ease-out,translate var(--duration-reveal) var(--ease-house);transition-delay:var(--reveal-delay, 0ms)}[data-reveal=shown]{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;translate:0 0}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;outline-offset:3px}button,input,select,textarea,summary{forced-color-adjust:auto}}.c-icon{flex:none;display:block}.c-span{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:var(--space-5) var(--space-8);min-inline-size:0;padding-block-end:var(--space-4)}.c-span:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:var(--tick-size);border-block-end:var(--tick-width) solid var(--rule);background-image:linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--rule-strong),var(--rule-strong));background-size:var(--tick-width) 100%,var(--tick-width) 100%;background-position:left bottom,right bottom;background-repeat:no-repeat;pointer-events:none}.c-span:before{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:var(--tick-width);background:var(--mark);scale:0 1;transform-origin:left center;transition:scale var(--duration-base) var(--ease-standard);pointer-events:none;z-index:1}.c-span[data-active=true]:before,.c-span:focus-within:before{scale:1 1}.c-span__start,.c-span__end{display:inline-flex;align-items:center;gap:.6em;flex:none;color:var(--ink-soft);font-size:var(--fs-anchor);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-anchor);line-height:1;text-transform:uppercase;white-space:nowrap}.c-span__field{min-inline-size:0}.c-band--invert .c-span:after{border-block-end-color:var(--rule-on-band);background-image:linear-gradient(var(--rule-on-band),var(--rule-on-band)),linear-gradient(var(--rule-on-band),var(--rule-on-band))}.c-band--invert :is(.c-span__start,.c-span__end){color:var(--on-band-soft)}.c-shell{--header-h: 4.5rem;display:flex;flex-direction:column;min-block-size:100dvh;overflow-x:clip}.c-shell--tool{--section-space: clamp(2rem, 5vw, 3.5rem);--section-space-lg: clamp(2.5rem, 6vw, 4rem)}.c-shell--tool .c-page-body{padding-block-start:var(--section-space)}.c-header{position:sticky;inset-block-start:0;z-index:40;border-block-end:1px solid var(--rule);background:var(--paper)}.c-header__inner{display:flex;align-items:center;gap:var(--space-5);inline-size:100%;max-inline-size:var(--page-max);min-block-size:var(--header-h, 4.5rem);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.c-header__brand{display:inline-flex;align-items:center;gap:var(--space-4);flex:none;color:var(--ink);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--ls-ja);text-decoration:none;white-space:nowrap}.c-header__brand:before{content:"";flex:none;inline-size:1.125rem;block-size:.75rem;border-block-end:1px solid var(--ink);background-image:linear-gradient(var(--mark),var(--mark)),linear-gradient(var(--ink),var(--ink));background-size:1px 100%,1px 100%;background-position:left bottom,right bottom;background-repeat:no-repeat}.c-header__actions{position:relative;display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}.c-nav{position:absolute;inset-block-start:calc(100% + var(--space-4));inset-inline-end:0;z-index:1;inline-size:max-content;min-inline-size:17rem;max-inline-size:min(24rem,calc(100vw - 2.5rem));padding:0;border:1px solid var(--rule-strong);border-radius:0;background:var(--surface);box-shadow:var(--shadow-lift);visibility:hidden;opacity:0;translate:0 -6px;transition:opacity var(--duration-fast) ease,translate var(--duration-fast) var(--ease-standard),visibility var(--duration-fast) linear}.c-nav[data-open=true]{visibility:visible;opacity:1;translate:0 0}.c-nav__list{display:grid}.c-nav__link{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-4);min-block-size:var(--h-control);padding:var(--space-3) var(--space-6);color:var(--ink);font-size:var(--fs-xs);letter-spacing:var(--ls-ja);text-decoration:none;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.c-nav__link+.c-nav__link,.c-nav__list li+li .c-nav__link{box-shadow:0 -1px 0 var(--rule)}.c-nav__mark{display:grid;place-items:center;flex:none;inline-size:1.125rem;block-size:1.125rem;color:var(--ink-mid);transition:color var(--duration-fast) ease}.c-nav__link:hover .c-nav__mark,.c-nav__link[aria-current=page] .c-nav__mark{color:var(--mark-ink)}.c-nav__link:hover{background:var(--mark-pale)}.c-nav__link[aria-current=page]{background:var(--mark-pale);font-weight:var(--fw-bold)}.c-nav__link[aria-current=page]:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:2px;background:var(--mark)}.c-main{flex:1;inline-size:100%}.c-inner{inline-size:100%;max-inline-size:var(--page-max);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.c-band{position:relative;padding-block:var(--section-space)}.c-band--invert{background:var(--band);color:var(--on-band)}.c-band--invert :is(h1,h2,h3,h4,h5,h6){color:var(--on-band)}.c-band>.c-inner,.c-page-body{position:relative;z-index:1}.c-hero{padding-block:clamp(2.75rem,7vw,5rem) clamp(2.5rem,6vw,4rem);border-block-end:1px solid var(--rule)}.c-hero__inner{display:grid;gap:clamp(2rem,5vw,3.5rem)}.c-hero__head-span{padding-block-end:var(--space-4)}.c-page-head{display:grid;justify-items:start;gap:var(--space-6);max-inline-size:52rem}.c-page-head__title{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-display);letter-spacing:var(--ls-display);text-wrap:balance}.c-page-head__description{max-inline-size:var(--prose-max);color:var(--ink-mid);font-size:var(--fs-lead);line-height:var(--lh-prose);letter-spacing:var(--ls-ja)}.c-hero--tool{padding-block:clamp(1.75rem,4vw,2.75rem) clamp(1.5rem,3vw,2rem)}.c-hero--tool .c-hero__inner{gap:clamp(1.25rem,3vw,2rem)}.c-hero--tool .c-page-head{gap:var(--space-4)}.c-hero--tool .c-page-head__title{font-size:var(--fs-h1)}.c-hero--tool .c-page-head__description{font-size:var(--fs-sm);line-height:var(--lh-prose)}.c-scale{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--space-5);min-inline-size:0;padding-block-start:clamp(1.5rem,4vw,2.5rem)}.c-scale__end{display:grid;gap:.35rem;flex:none}.c-scale__end--max{justify-items:end;text-align:end}.c-scale__label{color:var(--ink-soft);font-family:var(--font-ja);font-size:var(--fs-anchor-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-anchor);line-height:1}.c-scale__value{color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-anchor-xl);font-weight:var(--fw-light);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.c-scale__unit{margin-inline-start:.15em;color:var(--ink-soft);font-size:.4em;font-style:normal;font-weight:var(--fw-medium);letter-spacing:var(--ls-anchor)}.c-scale__track{position:relative;min-inline-size:0;block-size:var(--tick-size);margin-block-end:.35rem;border-block-end:1px solid var(--rule-strong);background-image:linear-gradient(var(--rule-strong),var(--rule-strong)),linear-gradient(var(--rule-strong),var(--rule-strong));background-size:1px 100%,1px 100%;background-position:left bottom,right bottom;background-repeat:no-repeat}.c-scale__track:before{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;background-image:linear-gradient(to right,var(--rule-strong) 0 1px,transparent 1px 100%);background-size:2.5% 100%;opacity:.9}.c-scale__track:after{content:"";position:absolute;inset-block-end:0;inset-inline-start:var(--at, 50%);inline-size:1px;block-size:12px;background:var(--mark);transition:inset-inline-start var(--duration-slow) var(--ease-standard)}.c-scale__now{position:absolute;inset-block-end:1rem;inset-inline-start:var(--at, 50%);translate:calc(-1 * var(--at, 50%)) 0;transition:inset-inline-start var(--duration-slow) var(--ease-standard),translate var(--duration-slow) var(--ease-standard)}.c-scale__now-value{display:inline-flex;align-items:baseline;padding:.2rem .4rem;background:var(--mark-solid);color:var(--on-mark);font-family:var(--font-mono);font-size:var(--fs-anchor);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1;white-space:nowrap}.c-scale__now-value .c-scale__unit{color:color-mix(in oklab,var(--on-mark) 70%,transparent);font-size:.75em;letter-spacing:.06em}.c-band--invert .c-scale__track{border-block-end-color:var(--rule-on-band);background-image:linear-gradient(var(--rule-on-band),var(--rule-on-band)),linear-gradient(var(--rule-on-band),var(--rule-on-band))}.c-band--invert .c-scale__value{color:var(--on-band)}.c-band--invert .c-scale__label{color:var(--on-band-soft)}.c-privacy{display:flex;align-items:flex-start;gap:var(--space-4);padding-inline-start:var(--space-4);border-inline-start:2px solid var(--mark);color:var(--ink-mid);font-size:var(--fs-xs);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.c-section{display:grid;gap:var(--space-8);min-inline-size:0}.c-section>*{min-inline-size:0}.c-section+.c-section{margin-block-start:var(--section-space)}.c-section__head{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-4) var(--space-8);min-inline-size:0;padding-block-end:var(--space-4);border-block-end:1px solid var(--rule)}.c-section__head:before{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:1px;block-size:var(--tick-size);background:var(--mark)}.c-section__title{display:flex;align-items:baseline;gap:var(--space-4);color:var(--ink);font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-heading);letter-spacing:var(--ls-display)}.c-section__description{max-inline-size:var(--prose-max);color:var(--ink-mid);font-size:var(--fs-sm);line-height:var(--lh-prose);letter-spacing:var(--ls-ja)}.c-panetabs{inset-block-start:var(--header-h, 4.5rem);z-index:5;display:none;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;margin-block-start:var(--space-8);border-block-end:1px solid var(--rule);background:var(--paper)}@media(width<64rem){.c-panetabs{display:grid}.c-panetabs__target>.c-pane:not(.is-pane-active){display:none}}.c-panetabs__tab{position:relative;min-block-size:var(--h-control);padding-inline:var(--space-4);border:none;background:transparent;color:var(--ink-soft);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-ja);cursor:pointer;transition:color var(--duration-fast) ease}.c-panetabs__tab:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:2px;background:var(--mark);scale:0 1;transform-origin:left center;transition:scale var(--duration-base) var(--ease-standard)}.c-panetabs__tab:hover[aria-selected=false],.c-panetabs__tab[aria-selected=true]{color:var(--ink)}.c-panetabs__tab[aria-selected=true]:after{scale:1 1}@media(width<64rem){.c-panetabs+.c-panetabs__target{padding-block-start:var(--space-8)}}.c-footer{margin-block-start:var(--section-space);padding-block:var(--space-12) var(--space-10);border-block-start:1px solid var(--rule);background:var(--paper)}.c-footer__inner{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-5) var(--space-9);inline-size:100%;max-inline-size:var(--page-max);margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right));padding-block-end:env(safe-area-inset-bottom);color:var(--ink-soft);font-size:var(--fs-xs)}.c-footer__links{display:flex;flex-wrap:wrap;gap:var(--space-8)}.c-footer__links a{color:var(--ink);font-weight:var(--fw-medium);text-decoration:none;transition:color var(--duration-base) ease}.c-footer__links a:hover{color:var(--mark)}.c-footer__note{font-family:var(--font-ja);font-size:var(--fs-anchor);letter-spacing:.06em}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:var(--h-control);padding:var(--button-padding);border:1px solid var(--rule-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:1.25;letter-spacing:var(--ls-ja);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration-base) ease,border-color var(--duration-base) ease,color var(--duration-base) ease}.c-btn:hover:not(:disabled){border-color:var(--mark);background:var(--mark-pale)}.c-btn:active:not(:disabled){background:var(--field-deep)}.c-btn:disabled{opacity:.45;cursor:not-allowed}.c-btn--primary{border-color:var(--mark-solid);background:var(--mark-solid);color:var(--on-mark)}.c-btn--primary:hover:not(:disabled){border-color:color-mix(in oklab,var(--mark-solid) 85%,var(--ink));background:color-mix(in oklab,var(--mark-solid) 85%,var(--ink));color:var(--on-mark)}.c-btn--primary:active:not(:disabled){background:color-mix(in oklab,var(--mark-solid) 72%,var(--ink))}.c-btn--plain{border-color:transparent;background:transparent;color:var(--ink)}.c-btn--plain:hover:not(:disabled){border-color:transparent;background:var(--field)}.c-btn--sm{min-block-size:var(--h-control-sm);gap:.375rem;padding:.3125rem .75rem;font-size:var(--fs-2xs)}.c-btn--icon{padding:0;min-inline-size:var(--h-control);border-color:transparent;background:transparent}.c-btn--icon:hover:not(:disabled){border-color:var(--rule-strong);background:var(--field)}.c-btn--sm.c-btn--icon{min-inline-size:var(--h-control-sm)}.c-arrow-link{display:inline-flex;align-items:center;gap:var(--space-4);color:var(--ink);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-ja);text-decoration:none;white-space:nowrap}.c-arrow-link:after{content:"→";display:inline-block;color:var(--mark);font-size:1.15em;letter-spacing:0;transition:translate var(--duration-base) var(--ease-standard)}.c-arrow-link:hover:after{translate:5px 0}.c-band--invert .c-arrow-link{color:var(--on-band)}.c-segmented{display:inline-flex;gap:0;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);overflow:clip}.c-segmented--block{display:flex;inline-size:100%;max-inline-size:100%}.c-segmented__option{position:relative;flex:1 1 0;min-inline-size:0;display:inline-flex;align-items:center;justify-content:center;min-block-size:calc(var(--h-control) - 2px);padding-inline:var(--space-4);border:none;background:transparent;color:var(--ink-soft);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-ja);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.c-segmented__option:hover:not([aria-checked=true]){color:var(--ink);background:var(--field)}.c-segmented__option[aria-checked=true]{background:var(--field);color:var(--ink);font-weight:var(--fw-bold)}.c-form{display:grid;gap:var(--space-6);min-inline-size:0}.c-form>*{min-inline-size:0}.c-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-4);min-inline-size:0}.c-form-row>*{min-inline-size:0}.c-field{display:grid;gap:var(--space-3);min-inline-size:0}.c-field__label{color:var(--ink-mid);font-size:var(--fs-2xs);font-weight:var(--fw-medium);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.c-field__hint{color:var(--ink-soft);font-size:var(--fs-2xs);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.c-field__error{display:flex;align-items:center;gap:var(--space-2);color:var(--ng);font-size:var(--fs-2xs);font-weight:var(--fw-medium);line-height:var(--lh-ui)}.c-input{inline-size:100%;min-block-size:var(--h-control);padding:var(--control-padding);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--field);color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;letter-spacing:0;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.c-input::placeholder{color:var(--ink-soft);letter-spacing:var(--ls-ja)}.c-input:hover:not(:focus){border-color:var(--rule-strong);background:var(--paper)}.c-input:focus,.c-input:focus-visible{outline:none;border-color:var(--mark);background:var(--paper);box-shadow:var(--focus-ring)}.c-input[aria-invalid=true]{border-color:var(--ng)}.c-input:disabled{opacity:.45;cursor:not-allowed}textarea.c-input{font-family:var(--font-mono);line-height:1.7}.c-input--number::-webkit-outer-spin-button,.c-input--number::-webkit-inner-spin-button{appearance:none;margin:0}.c-input--number{appearance:textfield}.c-numfield{display:grid;gap:var(--space-3);min-inline-size:0}.c-numfield__control{position:relative;min-inline-size:0}.c-numfield__input{padding-inline-end:3rem}.c-numfield__unit{position:absolute;inset-block:1px;inset-inline-end:1px;display:flex;align-items:center;padding-inline:var(--space-4);color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--fs-anchor-sm);font-weight:var(--fw-medium);letter-spacing:.04em;pointer-events:none}.c-numfield__range{inline-size:100%;block-size:1.75rem;accent-color:var(--mark)}.c-colorfield{display:flex;align-items:center;gap:var(--space-3);min-inline-size:0}.c-colorfield__swatch{flex:none;inline-size:var(--h-control);block-size:var(--h-control);padding:3px;border:1px solid var(--rule-strong);border-radius:var(--r-sm);background:var(--surface);cursor:pointer}.c-colorfield__swatch::-webkit-color-swatch-wrapper{padding:0}.c-colorfield__swatch::-webkit-color-swatch{border:none;border-radius:0}.c-colorfield__text{min-inline-size:0;font-family:var(--font-mono)}.c-switch{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:start;gap:var(--space-4);min-inline-size:0;cursor:pointer}.c-switch input{inline-size:1rem;block-size:1rem;margin-block-start:.2em;border-radius:0;accent-color:var(--mark)}.c-switch__body{display:grid;gap:var(--space-1);min-inline-size:0}.c-switch__label{color:var(--ink);font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.c-switch__hint{color:var(--ink-soft);font-size:var(--fs-2xs);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.c-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);min-inline-size:0}.c-chip{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--h-control-sm);padding-inline:var(--space-5);border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--paper);color:var(--ink-mid);font-family:var(--font-ja);font-size:var(--fs-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;letter-spacing:.02em;cursor:pointer;transition:background var(--duration-base) ease,border-color var(--duration-base) ease,color var(--duration-base) ease}.c-chip:hover:not([aria-pressed=true]){border-color:var(--ink-faint);color:var(--ink)}.c-chip[aria-pressed=true]{border-color:var(--mark-solid);background:var(--mark-solid);color:var(--on-mark)}.c-list{display:grid;grid-template-columns:minmax(0,1fr);min-inline-size:0}.c-list>*{min-inline-size:0}.c-list>*+*{border-block-start:1px solid var(--rule)}.c-list__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:var(--space-5);min-block-size:var(--h-control-sm);padding-block:var(--space-4)}.c-list__label{color:var(--ink-mid);font-size:var(--fs-2xs);letter-spacing:var(--ls-ja)}.c-list__value{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--space-2);color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:end}.c-status{padding:var(--space-5) var(--space-6);border:1px solid var(--rule);border-inline-start:2px solid var(--ink-faint);border-radius:0;background:var(--field);color:var(--ink);font-size:var(--fs-2xs);line-height:var(--lh-prose);letter-spacing:var(--ls-ja)}.c-status[data-kind=success]{border-inline-start-color:var(--ok)}.c-status[data-kind=warning]{border-inline-start-color:var(--warn)}.c-status[data-kind=danger]{border-inline-start-color:var(--ng)}.c-disclosure{min-inline-size:0;background:transparent}.c-disclosure__summary{display:flex;align-items:center;gap:var(--space-3);min-block-size:var(--h-control-sm);color:var(--ink);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-ja);cursor:pointer;list-style:none}.c-disclosure__summary::-webkit-details-marker{display:none}.c-disclosure__summary:after{--c-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");content:"";flex:none;inline-size:.875rem;block-size:.875rem;margin-inline-start:auto;background:currentColor;color:var(--ink-soft);-webkit-mask:var(--c-chevron) no-repeat 50% 50% / contain;mask:var(--c-chevron) no-repeat 50% 50% / contain;rotate:0deg;transition:rotate var(--duration-fast) var(--ease-standard)}.c-disclosure[open]>.c-disclosure__summary:after{rotate:180deg}.c-disclosure__body{padding-block:var(--space-5) 0}.c-toasts{position:fixed;inset-block-end:max(var(--space-5),env(safe-area-inset-bottom));inset-inline:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-inline:var(--space-4);pointer-events:none}.c-toast{display:flex;align-items:center;gap:var(--space-4);max-inline-size:30rem;padding:var(--space-5) var(--space-6);border:1px solid var(--rule-strong);border-radius:0;background:var(--surface);color:var(--ink);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-ja);box-shadow:var(--shadow-lift);pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-standard)}.c-toast--danger:before,.c-toast--success:before{content:"";flex:none;inline-size:2px;block-size:1em}.c-toast--danger:before{background:var(--ng)}.c-toast--success:before{background:var(--ok)}.c-toast[data-leaving=true]{animation:toast-out var(--duration-fast) var(--ease-standard) forwards}@keyframes toast-in{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0 0}}@keyframes toast-out{to{opacity:0;translate:0 .25rem}}.c-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.1875rem .4375rem;border:1px solid var(--rule-strong);border-radius:0;background:transparent;color:var(--ink-mid);font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-ja);white-space:nowrap}.c-badge--warning{border-color:var(--warn);color:var(--warn)}.c-badge--info{border-color:var(--teal);color:var(--teal-deep)}.c-card{display:flex;flex-direction:column;gap:var(--space-8);min-inline-size:0;padding-block:var(--space-8);border:1px solid var(--rule);border-radius:0;background:var(--surface)}.c-card__header,.c-card__body,.c-card__footer{min-inline-size:0;padding-inline:var(--space-8)}.c-card__header{display:grid;gap:var(--space-2)}.c-card__title{color:var(--ink);font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1.4;letter-spacing:var(--ls-ja)}.c-card__desc{color:var(--ink-soft);font-size:var(--fs-2xs);line-height:var(--lh-ui);letter-spacing:var(--ls-ja)}.c-card__footer{display:flex;align-items:center;gap:var(--space-3);margin-block-start:auto}@media(width<48rem){.c-span{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.c-span__end{justify-self:start}.c-scale{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4)}}@media(forced-colors:active){.c-span:after,.c-scale__track,.c-section__head{border-color:CanvasText}.c-span:before,.c-section__head:before,.c-panetabs__tab:after{background:Highlight}}