:root{--color-primary-50: #fff7f9;--color-primary-100: #ffebf0;--color-primary-200: #ffd6e0;--color-primary-300: #f4b3c2;--color-primary-400: #e891a8;--color-primary-500: #d66b8a;--color-primary-600: #c04a6e;--color-primary-700: #a13858;--color-primary-800: #85304a;--color-primary-900: #6f2b41;--color-primary-950: #3d1522;--color-accent-50: #f0f7f6;--color-accent-100: #d9edeb;--color-accent-200: #b5dbd6;--color-accent-300: #86c2bb;--color-accent-400: #5aa39b;--color-accent-500: #3f877f;--color-accent-600: #316c66;--color-accent-700: #2a5752;--color-accent-800: #254643;--color-accent-900: #213b39;--color-accent-950: #0f2120;--color-neutral-50: #faf8f8;--color-neutral-100: #f3eeee;--color-neutral-200: #e8e1e2;--color-neutral-300: #d4cacd;--color-neutral-400: #b5a8ac;--color-neutral-500: #96888d;--color-neutral-600: #766a6e;--color-neutral-700: #5c5256;--color-neutral-800: #3f393c;--color-neutral-900: #2a2628;--color-neutral-950: #181516;--color-success-50: #eef6f1;--color-success-500: #3d7a5a;--color-warning-50: #fbf4ea;--color-warning-500: #c4893a;--color-danger-50: #f9eeee;--color-danger-500: #c45c5c;--color-info-50: #eef2f8;--color-info-500: #4a6fa5}:root,[data-theme=light]{--surface-page: #fffafb;--surface-raised: #ffffff;--surface-subtle: var(--color-primary-50);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-inverse: #ffffff;--border-default: var(--color-neutral-200);--focus-ring: var(--color-accent-500);--action-primary: var(--color-primary-600);--action-primary-hover: var(--color-primary-700);--action-accent: var(--color-accent-600);--link: var(--color-accent-600);--color-success-bg: var(--color-success-50);--color-warning-bg: var(--color-warning-50);--color-danger-bg: var(--color-danger-50);--color-info-bg: var(--color-info-50)}[data-theme=dark]{--surface-page: #1a1416;--surface-raised: #241c1f;--surface-subtle: var(--color-primary-950);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-400);--text-inverse: var(--color-neutral-950);--border-default: var(--color-neutral-800);--focus-ring: var(--color-accent-300);--action-primary: var(--color-primary-400);--action-primary-hover: var(--color-primary-300);--action-accent: var(--color-accent-400);--link: var(--color-accent-300);--color-success-bg: #1a2a22;--color-warning-bg: #2a2218;--color-danger-bg: #2a1a1a;--color-info-bg: #1a2030}@media print{:root,html{--surface-page: #fffafb;--surface-raised: #ffffff;--surface-subtle: var(--color-primary-50);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-inverse: #ffffff;--border-default: var(--color-neutral-200);--focus-ring: var(--color-accent-500);--action-primary: var(--color-primary-600);--action-primary-hover: var(--color-primary-700);--action-accent: var(--color-accent-600);--link: var(--color-accent-600);--color-success-bg: var(--color-success-50);--color-warning-bg: var(--color-warning-50);--color-danger-bg: var(--color-danger-50);--color-info-bg: var(--color-info-50)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light dark}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;font-weight:400;line-height:1.7;color:var(--text-primary);background:var(--surface-page);transition:background-color .25s ease,color .25s ease}h1,h2,h3,.hero__brand,.topbar__brand{font-family:Shippori Mincho,Hiragino Mincho ProN,serif;font-weight:600;line-height:1.25;letter-spacing:.02em}h1,h2,h3{margin:0 0 .6em}h2{margin-top:0}.heading__token{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.55em;font-weight:500;color:var(--text-secondary);letter-spacing:0}p{margin:0 0 1em}a{color:var(--link)}code{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.9em;padding:.1em .35em;border-radius:.25rem;background:var(--surface-subtle)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--surface-page) 82%,transparent);border-bottom:1px solid var(--border-default)}.topbar__inner{max-width:72rem;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar__brand{font-size:1.05rem}.theme-switch{display:inline-flex;gap:.15rem;padding:.2rem;border:1px solid var(--border-default);border-radius:.4rem;background:var(--surface-raised)}.theme-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.8rem;padding:.35rem .65rem;border-radius:.3rem;cursor:pointer}.theme-switch button[aria-checked=true]{background:var(--surface-subtle);color:var(--text-primary)}.theme-lead{margin:0 0 1.75rem}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden}.hero__plane{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 70% 20%,color-mix(in srgb,var(--color-primary-300) 75%,transparent),transparent 55%),linear-gradient(160deg,var(--color-primary-200) 0%,var(--color-primary-300) 42%,var(--color-primary-400) 100%)}[data-theme=dark] .hero__plane{background:radial-gradient(90% 70% at 75% 15%,color-mix(in srgb,var(--color-primary-300) 55%,transparent),transparent 50%),linear-gradient(165deg,var(--surface-subtle) 0%,color-mix(in srgb,var(--surface-page) 40%,var(--color-primary-950)) 55%,var(--surface-page) 100%)}.hero__content{position:relative;z-index:1;max-width:72rem;width:100%;margin:0 auto;padding:4.5rem 1.25rem 3.5rem}.hero__brand{font-size:clamp(2.5rem,8vw,5.5rem);margin:0 0 .4rem;color:var(--text-inverse);text-shadow:0 1px 0 color-mix(in srgb,var(--color-primary-900) 18%,transparent)}[data-theme=dark] .hero__brand{color:var(--color-primary-300);text-shadow:none}.hero__title{font-size:clamp(1.5rem,3.5vw,2.25rem);max-width:18em;color:var(--text-inverse);margin-bottom:.75rem}[data-theme=dark] .hero__title{color:var(--text-primary)}.hero__lead{max-width:28em;color:color-mix(in srgb,var(--text-inverse) 88%,transparent);margin-bottom:1.5rem}[data-theme=dark] .hero__lead{color:var(--text-secondary)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-enter{opacity:0;transform:translateY(1rem);transition:opacity .7s ease,transform .7s ease}.hero-enter.is-visible{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:.35rem;border:1px solid transparent;font:inherit;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn--primary{background:var(--action-primary);color:var(--text-inverse)}.btn--primary:hover{background:var(--action-primary-hover)}.btn--accent{background:var(--action-accent);color:var(--text-inverse)}.btn--ghost{background:color-mix(in srgb,var(--surface-raised) 55%,transparent);color:var(--text-inverse);border-color:color-mix(in srgb,var(--text-inverse) 35%,transparent)}[data-theme=dark] .btn--ghost{color:var(--text-primary);border-color:var(--border-default);background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}.btn--small{padding:.35rem .7rem;font-size:.8rem;background:var(--surface-subtle);color:var(--text-primary);border-color:var(--border-default)}.section{padding:4rem 0}.section--subtle{background:linear-gradient(180deg,var(--surface-subtle),color-mix(in srgb,var(--surface-page) 70%,var(--surface-subtle)))}.section__inner{max-width:72rem;margin:0 auto;padding:0 1.25rem}.section__lead{max-width:40rem;color:var(--text-secondary);margin-bottom:1.25rem}.palette-family{margin-top:2rem}.palette-family:first-of-type{margin-top:1.25rem}.palette-family h3{margin-bottom:.85rem;font-size:1.15rem}.scale{margin-bottom:2.5rem}.scale__title{font-size:1.1rem;margin-bottom:1rem}.scale__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.75rem}.swatch{display:flex;flex-direction:column;gap:.55rem;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit;opacity:0;transform:translateY(.6rem);transition:opacity .45s ease,transform .45s ease;transition-delay:var(--delay, 0ms)}.swatch.is-visible{opacity:1;transform:none}.swatch__chip{display:block;width:100%;aspect-ratio:1.35/1;border-radius:.35rem;border:1px solid color-mix(in srgb,var(--border-default) 70%,transparent)}.swatch__meta{display:flex;flex-direction:column;gap:.1rem}.swatch__token{font-size:.8rem;font-weight:500}.swatch__hex{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.75rem;color:var(--text-secondary)}.swatch__note{font-size:.72rem;color:var(--link)}.swatch--inline{flex-direction:row;align-items:center;gap:.6rem;opacity:1;transform:none}.swatch--inline .swatch__chip{width:2rem;aspect-ratio:1;flex-shrink:0}.swatch-mini{display:inline-flex;align-items:center;gap:.45rem;padding:0;border:0;background:transparent;font:inherit;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.72rem;color:var(--text-secondary);cursor:pointer}.swatch-mini:before{content:"";width:1rem;height:1rem;border-radius:.2rem;background:var(--c);border:1px solid color-mix(in srgb,var(--border-default) 80%,transparent);flex-shrink:0}.semantic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.85rem}.semantic-card{padding:1rem;border-radius:.4rem;border:1px solid var(--border-default);border-left:4px solid var(--sem-fg);background:var(--sem-bg);opacity:0;transform:translateY(.5rem);transition:opacity .4s ease,transform .4s ease}.semantic-card.is-visible{opacity:1;transform:none}.semantic-card strong{display:block;margin-bottom:.15rem}.semantic-card__en{display:block;margin-bottom:.6rem;font-size:.75rem;color:var(--text-secondary)}.role-table-wrap{overflow-x:auto;margin-bottom:2rem;border:1px solid var(--border-default);border-radius:.4rem;background:var(--surface-raised)}.role-table{width:100%;border-collapse:collapse;font-size:.85rem}.role-table th,.role-table td{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--border-default);vertical-align:middle}.role-table th{font-weight:500;color:var(--text-secondary);background:var(--surface-subtle)}.role-table tr:last-child td{border-bottom:0}.role-table code{background:transparent;padding:0;font-size:.8rem}.contrast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.contrast-panel{padding:1.25rem;border-radius:.4rem;border:1px solid var(--border-default);background:var(--surface-raised);opacity:0;transform:translateY(.5rem);transition:opacity .4s ease,transform .4s ease}.contrast-panel.is-visible{opacity:1;transform:none}.contrast-panel[data-theme=light]{color-scheme:light;--panel-bg: #fffafb;--panel-fg: #2a2628;--panel-muted: #766a6e;background:var(--panel-bg);color:var(--panel-fg)}.contrast-panel[data-theme=dark]{color-scheme:dark;--panel-bg: #1a1416;--panel-fg: #faf8f8;--panel-muted: #b5a8ac;background:var(--panel-bg);color:var(--panel-fg);border-color:#3f393c}.contrast-panel h3{font-size:1rem;margin-bottom:.85rem}.contrast-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.contrast-panel li{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}.contrast-panel li span{color:var(--panel-muted)}.applied{display:flex;flex-direction:column;gap:1.75rem;margin-top:.5rem}.applied__sample{display:flex;flex-direction:column;gap:.55rem}.applied__label{margin:0;font-size:.8rem;color:var(--text-secondary)}.applied__label code{font-size:.85em}.applied__row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.applied__link{font-weight:500}.applied__body{margin:0;max-width:36rem}.applied__caption{margin:0;color:var(--text-secondary);font-size:.9rem}.applied__toki-banner{padding:1.25rem 1.5rem;border-radius:.35rem;background:var(--color-primary-300);color:var(--text-inverse);font-family:Shippori Mincho,Hiragino Mincho ProN,serif;font-size:1.25rem}[data-theme=light] .applied__toki-banner{color:var(--color-neutral-900)}.print-set__chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;max-width:32rem}.code-block{margin-bottom:1.25rem;border:1px solid var(--border-default);border-radius:.4rem;overflow:hidden;background:var(--surface-raised)}.code-block__bar{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;border-bottom:1px solid var(--border-default);font-size:.8rem;color:var(--text-secondary)}.code-block pre{margin:0;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.55;background:color-mix(in srgb,var(--surface-subtle) 65%,var(--surface-raised))}.code-block code{padding:0;background:transparent;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;color:var(--text-primary)}.code-block .hljs{color:var(--text-primary);background:transparent}.code-block .hljs-comment,.code-block .hljs-quote{color:var(--text-secondary);font-style:italic}.code-block .hljs-keyword,.code-block .hljs-selector-tag,.code-block .hljs-built_in,.code-block .hljs-name{color:var(--color-accent-600)}[data-theme=dark] .code-block .hljs-keyword,[data-theme=dark] .code-block .hljs-selector-tag,[data-theme=dark] .code-block .hljs-built_in,[data-theme=dark] .code-block .hljs-name{color:var(--color-accent-300)}.code-block .hljs-string,.code-block .hljs-attr,.code-block .hljs-attribute,.code-block .hljs-template-variable{color:var(--color-primary-700)}[data-theme=dark] .code-block .hljs-string,[data-theme=dark] .code-block .hljs-attr,[data-theme=dark] .code-block .hljs-attribute,[data-theme=dark] .code-block .hljs-template-variable{color:var(--color-primary-300)}.code-block .hljs-number,.code-block .hljs-literal,.code-block .hljs-symbol{color:var(--color-primary-500)}.code-block .hljs-title,.code-block .hljs-section,.code-block .hljs-selector-id,.code-block .hljs-selector-class,.code-block .hljs-variable,.code-block .hljs-template-tag{color:var(--color-accent-700)}[data-theme=dark] .code-block .hljs-title,[data-theme=dark] .code-block .hljs-section,[data-theme=dark] .code-block .hljs-selector-id,[data-theme=dark] .code-block .hljs-selector-class,[data-theme=dark] .code-block .hljs-variable,[data-theme=dark] .code-block .hljs-template-tag{color:var(--color-accent-200)}.code-block .hljs-meta,.code-block .hljs-meta .hljs-keyword,.code-block .hljs-doctag{color:var(--color-primary-600)}[data-theme=dark] .code-block .hljs-meta,[data-theme=dark] .code-block .hljs-meta .hljs-keyword,[data-theme=dark] .code-block .hljs-doctag{color:var(--color-primary-400)}.code-block .hljs-punctuation,.code-block .hljs-operator{color:var(--text-secondary)}.code-block .hljs-property,.code-block .hljs-params{color:var(--text-primary)}.footer{padding:2rem 0;border-top:1px solid var(--border-default);background:var(--surface-page)}.footer__inner{max-width:72rem;margin:0 auto;padding:0 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}.footer__copy{margin:0;font-size:.9rem;line-height:1.7;color:var(--text-secondary)}.footer__link{color:var(--link);text-decoration:none}.footer__link:hover{text-decoration:underline;text-underline-offset:.15em}.footer__nav{display:flex;align-items:center;gap:.85rem}.footer__nav a{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.35rem;color:var(--text-secondary);transition:color .15s ease,background-color .15s ease}.footer__nav a:hover{color:var(--text-primary);background:var(--surface-subtle)}.footer__icon{display:block;width:1.25rem;height:1.25rem;background-color:currentColor;mask:no-repeat center/contain;-webkit-mask:no-repeat center/contain}.footer__icon--github{mask-image:url(/Colors/icons/github.svg);-webkit-mask-image:url(/Colors/icons/github.svg)}.footer__icon--twitter{mask-image:url(/Colors/icons/twitter.svg);-webkit-mask-image:url(/Colors/icons/twitter.svg)}.footer__icon--instagram{mask-image:url(/Colors/icons/instagram.svg);-webkit-mask-image:url(/Colors/icons/instagram.svg)}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%) translateY(.5rem);padding:.65rem 1rem;border-radius:.35rem;background:var(--color-neutral-900);color:var(--color-neutral-50);font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:50}.toast--show{opacity:1;transform:translate(-50%) translateY(0)}@media print{.topbar,.theme-switch,.toast,.hero__actions,.code-block__bar button,.footer__nav{display:none!important}.hero{min-height:auto}body{background:#fffafb;color:#2a2628}}