:root{--font-family-sans:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-weight-regular:400;--font-weight-bold:700;--font-line-height-tight:1.3;--font-line-height-ui:1.5;--font-line-height-body:1.75;--typography-title-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-title-font-size:1.5rem;--typography-title-font-weight:700;--typography-title-letter-spacing:0px;--typography-title-line-height:1.3;--typography-heading-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-heading-font-size:1.25rem;--typography-heading-font-weight:700;--typography-heading-letter-spacing:0px;--typography-heading-line-height:1.3;--typography-body-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-body-font-size:1rem;--typography-body-font-weight:400;--typography-body-letter-spacing:0px;--typography-body-line-height:1.75;--typography-ui-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-ui-font-size:1rem;--typography-ui-font-weight:400;--typography-ui-letter-spacing:0px;--typography-ui-line-height:1.5;--typography-control-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-control-font-size:1rem;--typography-control-font-weight:700;--typography-control-letter-spacing:0px;--typography-control-line-height:1.5;--typography-caption-font-family:"LINE Seed JP", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--typography-caption-font-size:.875rem;--typography-caption-font-weight:400;--typography-caption-letter-spacing:0px;--typography-caption-line-height:1.5;--space-page-inline:1.5rem;--space-section:2.5rem}@font-face{font-family:LINE Seed JP;src:url(/tokens/typography/fonts/LINESeedJP-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:optional}@font-face{font-family:LINE Seed JP;src:url(/tokens/typography/fonts/LINESeedJP-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:optional}:root{--color-bg:#fbfaf5;--color-bg-subtle:#f3f3f2;--color-surface:#fffffc;--color-border:#dcdddd;--color-border-strong:#7b7c7d;--color-text:#2b2b2b;--color-text-muted:#595857;--color-accent:#2b2b2b;--color-accent-hover:#16160e;--color-on-accent:#fbfaf5;--color-accent-strong:#2b2b2b;--color-accent-text:#2b2b2b;--color-accent-subtle:#dddcd6;--color-focus:#eb6101;--color-success:#316745;--color-success-subtle:#d6e9ca;--color-warning:#b06b00;--color-warning-subtle:#fff1cf;--color-danger:#b7282e;--color-danger-subtle:#fef4f4;--radius-control:.25rem;--control-height:2.25rem;--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M3.2 5.7 8 10.5l4.8-4.8-1.1-1.1L8 8.3 4.3 4.6z'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{scrollbar-gutter:stable}html,body,#root{min-height:100%;margin:0}body{color:var(--color-text);background:var(--color-bg);font-family:var(--typography-ui-font-family);font-size:var(--typography-ui-font-size);font-weight:var(--typography-ui-font-weight);letter-spacing:var(--typography-ui-letter-spacing);line-height:var(--typography-ui-line-height)}h1,h2,h3{color:var(--color-text);font-family:var(--typography-heading-font-family);font-weight:var(--typography-heading-font-weight);letter-spacing:var(--typography-heading-letter-spacing);line-height:var(--typography-heading-line-height);margin-top:0}h1{font-family:var(--typography-title-font-family);font-size:var(--typography-title-font-size);font-weight:var(--typography-title-font-weight);letter-spacing:var(--typography-title-letter-spacing);line-height:var(--typography-title-line-height);margin-bottom:.75rem}h2{margin:var(--space-section) 0 .75rem;font-size:var(--typography-heading-font-size)}.app-main>.page-intro+section h2,.app-main>section:first-child h2{margin-top:0}h3{font-size:var(--typography-ui-font-size);margin-bottom:.5rem}p,li{max-width:48rem}a{color:var(--color-accent-strong)}a:hover{text-decoration-thickness:.12em}button,select,textarea,input[type=search],input[type=text]{color:var(--color-text);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit;border-radius:var(--radius-control)}button,select{min-height:var(--control-height);height:var(--control-height);padding:0 .7rem}button{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}button:hover{background:var(--color-bg-subtle)}.button,.button-primary,.button-ghost{min-height:var(--control-height);height:var(--control-height);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:inherit;border-radius:var(--radius-control);white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:0 .7rem;display:inline-flex}.button-primary{color:var(--color-on-accent);border-color:var(--color-accent);background:var(--color-accent)}.button-primary:hover{background:var(--color-accent-hover)}.button-ghost{border-color:var(--color-border);background:0 0}.button-ghost:hover{background:var(--color-bg-subtle)}select{appearance:none;background-image:var(--icon-chevron);background-position:right .55rem center;background-repeat:no-repeat;background-size:.75rem;padding-right:1.8rem}input[type=search]{min-height:var(--control-height);height:var(--control-height);padding:0 .7rem}input[type=range]{appearance:none;background:var(--color-border);border:0;border-radius:999px;width:100%;height:.35rem}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:0;border-radius:50%;width:1rem;height:1rem}input[type=range]::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:50%;width:1rem;height:1rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{z-index:4;color:var(--color-text);background:var(--color-surface);padding:.4rem .7rem;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}.app-header{z-index:3;min-height:3.5rem;padding:.65rem var(--space-page-inline);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.app-wordmark{color:var(--color-text);font-family:var(--typography-control-font-family);font-weight:var(--typography-control-font-weight);white-space:nowrap;text-decoration:none}.header-tools{align-items:center;gap:.75rem;display:flex}.menu-button{display:none}.app-columns{grid-template-columns:16rem minmax(0,1fr);align-items:start;display:grid}.sidebar-desktop{scrollbar-gutter:stable;border-right:1px solid var(--color-border);background:var(--color-surface);height:calc(100vh - 3.5rem);position:sticky;top:3.5rem;overflow:auto}.sidebar{min-height:100%;padding:1rem .75rem var(--space-page-inline);flex-direction:column;display:flex}.site-search{gap:.35rem;margin-bottom:1rem;display:grid;position:relative}.site-search label{color:var(--color-text-muted);font-size:var(--typography-caption-font-size)}.site-search input{width:100%}.search-results{z-index:4;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:none;border-radius:0;max-height:16rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow:auto}.search-results li{max-width:none}.search-results a{border-radius:var(--radius-control);color:var(--color-text);padding:.4rem .55rem;text-decoration:none;display:block}.search-results li[aria-selected=true] a,.search-results a:hover{background:var(--color-accent-subtle)}.sidebar-nav{align-content:start;gap:.25rem;display:grid}.sidebar-section{border-bottom:1px solid var(--color-border)}.sidebar-section summary{cursor:pointer;color:var(--color-text);font-weight:var(--typography-control-font-weight);align-items:center;gap:.4rem;padding:.45rem .4rem;list-style:none;display:flex}.sidebar-section summary::-webkit-details-marker{display:none}.sidebar-section summary:before{content:"";width:.7rem;height:.7rem;-webkit-mask:var(--icon-chevron) center / contain no-repeat;mask:var(--icon-chevron) center / contain no-repeat;background:currentColor;flex:none;transform:rotate(-90deg)}.sidebar-section[open] summary:before{transform:rotate(0)}.sidebar-section ul{margin:0 0 .6rem;padding:0;list-style:none}.sidebar-section li{max-width:none}.sidebar-section a{color:var(--color-text-muted);padding:.35rem .6rem;text-decoration:none;display:block}.sidebar-section a[aria-current=page]{color:var(--color-text);font-weight:var(--typography-control-font-weight)}.theme-switch,.theme-switch label{align-items:center;display:flex}.theme-switch{flex-direction:column;align-items:stretch;gap:.5rem}.theme-switch label{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);justify-content:space-between;gap:.35rem}.header-tools .theme-switch{flex-direction:row;align-items:center;gap:.75rem}.header-tools .theme-switch label{gap:.4rem}.theme-switch select{min-width:5.2rem;min-height:2rem;font-size:var(--typography-caption-font-size);padding:.2rem .35rem}.app-content{min-width:0}.app-main{width:min(100% - (2 * var(--space-page-inline)), 56rem);padding:var(--space-section) var(--space-page-inline) 4rem;margin:0 auto}.app-footer{margin-top:var(--space-section);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--typography-caption-font-size);padding-top:1.25rem}.app-footer p{margin:.3rem 0}.page-nav{margin-top:var(--space-section);border-top:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding-top:1rem;display:flex}.page-nav a{color:var(--color-text);text-decoration:none}.page-nav a:hover{text-decoration:underline}.page-nav-next{text-align:right;margin-left:auto}.copy-field{align-items:center;gap:.4rem;display:inline-flex}.copy-button{min-width:6.25rem;font-size:var(--typography-caption-font-size)}.copy-button-label{text-align:left;min-width:3.5em;display:inline-block}.copy-button svg{flex:none;width:.9rem;height:.9rem}.token-table-wrap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;margin:1rem 0 2rem;overflow:auto}.token-table{table-layout:fixed;border-collapse:collapse;width:100%}.token-col-name{width:22%}.token-col-value{width:38%}.token-col-desc{width:28%}.token-col-copy,.color-col-copy{width:7.5rem}.color-col-role{width:22%}.color-col-ja{width:16%}.color-col-hex{width:18%}.color-col-contrast,.status-col-name{width:28%}.status-col-kind{width:16%}.status-col-status{width:14%}.status-col-adopted{width:26%}.status-col-updated{width:16%}.token-table caption{color:var(--color-text-muted);text-align:left;font-size:var(--typography-caption-font-size);padding:.6rem .75rem}.token-table th,.token-table td{border-top:1px solid var(--color-border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:.65rem .75rem}.token-table thead th{z-index:1;background:var(--color-surface);font-weight:var(--typography-control-font-weight);position:sticky;top:0}.token-table .tabular{font-variant-numeric:tabular-nums}.token-value-cell{gap:.5rem;display:grid}.token-value-cell .token-sample{margin:0}.segmented-control{border:0;min-width:0;margin:0 0 1.5rem;padding:0}.segmented-control legend{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);margin-bottom:.4rem;padding:0}.segmented-control-group{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:0;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:inline-flex}.segmented-control-option{min-width:4.5rem;display:inline-flex;position:relative}.segmented-control-option input{opacity:0;margin:0;position:absolute;inset:0}.segmented-control-option span{width:100%;min-height:var(--control-height);border-radius:var(--radius-control);color:var(--color-text-muted);white-space:nowrap;justify-content:center;align-items:center;padding:0 .75rem;display:inline-flex}.segmented-control-option input:checked+span{color:var(--color-text);background:var(--color-surface);font-weight:var(--typography-control-font-weight)}.segmented-control-option input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.hex-swatch,.contrast-cell{gap:.25rem;display:grid}.hex-swatch-chip{border:1px solid var(--color-border);border-radius:var(--radius-control);width:1.25rem;height:1.25rem}.contrast-cell{font-variant-numeric:tabular-nums;min-height:3.6rem}.contrast-verdict-pass{color:var(--color-success)}.contrast-verdict-fail{color:var(--color-danger)}.hex-swatch{grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.status-badge{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);font-size:var(--typography-caption-font-size);white-space:nowrap;padding:.1rem .45rem;display:inline-block}.status-badge-adopted{background:var(--color-success-subtle)}.status-badge-rejected{background:var(--color-danger-subtle)}.status-badge-exploring{background:var(--color-warning-subtle)}.markdown-body{max-width:48rem}.markdown-body>:first-child{margin-top:0}.markdown-body table{border-collapse:collapse;display:block;overflow:auto}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);padding:.4rem .55rem}.home-cards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.home-cards li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;max-width:none;padding:1rem}.home-cards li:hover{border-color:var(--color-border-strong)}.home-cards p{color:var(--color-text-muted);margin:.5rem 0 0}.sidebar-drawer{background:var(--color-surface);width:min(20rem,100%);max-width:100%;height:100%;max-height:100%;color:var(--color-text);border:0;margin:0;padding:0}.sidebar-drawer::backdrop{background:color-mix(in srgb, var(--color-text) 45%, transparent)}.sidebar-drawer-panel{flex-direction:column;height:100%;display:flex}.sidebar-drawer-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sidebar-drawer-header p{font-weight:var(--typography-control-font-weight);margin:0}.page-intro{max-width:52rem;margin-bottom:var(--space-section)}.lede,.meta,.crumb{color:var(--color-text-muted)}.lede{overflow-wrap:anywhere}.artifact-bands{gap:1rem;display:grid}.artifact-band{border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;grid-template-columns:minmax(11rem,.35fr) minmax(0,1fr);gap:2rem;min-width:0;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.artifact-band>*,.page-intro,.token-list,.token-card,.scheme-list,.scheme-card,.scheme-modes,.svg-catalog,.live-preview{min-width:0}.band-heading h2{margin-bottom:.6rem;font-size:clamp(1.3rem,2vw,2rem)}.band-heading h2 a{color:inherit;text-decoration:none}.band-heading p:last-child{color:var(--color-text-muted);margin-bottom:0}.home-swatch-row,.home-type-row{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));align-content:start;gap:.75rem;display:grid}.home-swatch{min-width:0}.home-swatch>span{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);margin-top:.35rem;display:block}.home-type-row{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.artifact-card,.token-sample,.token-fallback,.playground-stage,.scheme-live-sample{border:1px solid var(--color-border);background:var(--color-bg);border-radius:0;padding:1rem}.artifact-card .token-sample{margin:.75rem 0 0}.record-list,.token-list,.svg-grid{margin:0;padding:0;list-style:none}.token-list{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.token-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;max-width:none;padding:1rem}.token-sample{min-height:4rem;margin:.75rem 0}.token-value{color:var(--color-text-muted);overflow-wrap:anywhere;margin-bottom:0}.token-value code,.token-card h3 code{white-space:normal;overflow-wrap:anywhere}.token-fallback{overflow:auto}.playground,.live-preview,.scheme-live,.scheme-list,.svg-catalog{margin-top:var(--space-section)}.playground-controls,.playground-text,.live-controls,.svg-size-control{gap:1rem;display:grid}.playground-controls,.live-controls{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));align-items:start;margin-bottom:1rem}.playground-controls label,.playground-text{gap:.35rem;display:grid}.playground-text textarea{border-radius:var(--radius-control);width:min(100%,48rem);min-height:7rem;padding:.65rem}.playground-stage{margin-top:1rem}.live-controls fieldset,.svg-size-control{min-width:0;margin:0}.live-variants,.live-widths,.svg-size-control>div{flex-wrap:wrap;gap:.5rem .9rem;display:flex}.live-variants label,.live-widths label,.svg-size-control label{align-items:center;gap:.3rem;display:inline-flex}.live-frame-wrap{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:0;justify-content:center;height:36rem;display:flex;overflow:auto}.live-frame{background:#fff;border:0;height:100%;min-height:0;display:block}.scheme-live{border:1px solid var(--color-accent-strong);background:var(--color-accent-subtle);border-radius:0;padding:1.5rem}.scheme-live h2{margin-bottom:1rem}.scheme-live-sample{color:var(--color-text);background:var(--color-surface)}.scheme-live-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.scheme-live-actions button{color:var(--color-on-accent);border-color:var(--color-accent);background:var(--color-accent)}.scheme-live-actions button:hover{background:var(--color-accent-hover)}.scheme-list{gap:var(--space-section);margin:0;padding:0;list-style:none;display:grid}.scheme-card{background:0 0;border:0;padding:0}.scheme-card header h3{margin-bottom:.25rem}.scheme-card header .meta{margin:0 0 .75rem}.scheme-specimen{padding:var(--space-page-inline);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border-strong);gap:.75rem;margin:0 0 1rem;display:grid}.scheme-specimen-lede{max-width:none;font-family:var(--typography-body-font-family);font-size:var(--typography-body-font-size);font-weight:var(--typography-body-font-weight);letter-spacing:var(--typography-body-letter-spacing);line-height:var(--typography-body-line-height);margin:0}.scheme-specimen-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.scheme-specimen-actions .button,.scheme-specimen-actions input{margin:0}.scheme-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.scheme-modes section{min-width:0}.scheme-modes h3{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);text-transform:uppercase}.scheme-swatches{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem;display:grid}.scheme-swatch{min-width:0;margin:0}.scheme-swatch-color{aspect-ratio:1.6;border:1px solid var(--color-border);min-height:3.5rem}.scheme-swatch figcaption{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);overflow-wrap:anywhere;gap:.1rem;margin-top:.3rem;display:grid}.scheme-swatch code{color:var(--color-text)}.svg-groups{gap:2rem;display:grid}.svg-group h3{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);margin-bottom:.75rem}.svg-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem;display:grid}.svg-grid>li{max-width:none}.svg-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;margin:0;padding:.75rem}.svg-art{height:8rem;min-height:8rem;color:var(--color-text);background:var(--color-bg-subtle);border-radius:var(--radius-control);place-items:center;display:grid}.svg-card figcaption{gap:.35rem;margin-top:.45rem;display:grid}.svg-art svg{width:var(--svg-size);height:var(--svg-size);display:block}figcaption{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);overflow-wrap:anywhere;margin-top:.45rem}.home-swatch{color:inherit;text-decoration:none}.record-list{gap:.85rem;display:grid}.record-list li{max-width:none}@media (width<=52rem){.menu-button{display:inline-flex}.app-columns{grid-template-columns:minmax(0,1fr)}.sidebar-desktop{display:none}.header-tools .theme-switch{flex-wrap:wrap}.artifact-band{grid-template-columns:1fr;gap:1rem}.page-nav{flex-direction:column}.page-nav-next{text-align:left;margin-left:0}}@media (width<=36rem){.app-main{width:min(100% - var(--space-page-inline), 96rem);min-width:0;padding-top:var(--space-section);overflow-x:hidden}.header-tools{flex-wrap:wrap;justify-content:flex-end}.scheme-modes,.live-controls,.playground-controls{grid-template-columns:1fr}.home-swatch-row,.home-type-row,.scheme-swatches,.svg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-variants,.live-widths{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}