@font-face{font-family:LINE Seed JP;src:url(/assets/LINESeedJP-Regular-DWYFgYPx.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed JP;src:url(/assets/LINESeedJP-Bold-COcYo0OG.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}: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;--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}*{box-sizing:border-box}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{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:var(--typography-heading-font-size);margin-bottom:.75rem}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{color:var(--color-text);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit}button,select{min-height:2.25rem;padding:.3rem .55rem}button{cursor:pointer}button:hover{background:var(--color-bg-subtle)}: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;border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4rem;padding:.65rem 1rem;display:grid;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}.app-nav{scrollbar-width:thin;min-width:0;overflow-x:auto}.app-nav ul{gap:.25rem;min-width:max-content;margin:0;padding:0;list-style:none;display:flex}.app-nav li{max-width:none}.app-nav a{color:var(--color-text-muted);white-space:nowrap;padding:.45rem .6rem;text-decoration:none;display:block}.app-nav a[aria-current=page]{color:var(--color-text);background:var(--color-accent-subtle);font-weight:var(--typography-control-font-weight)}.app-tools,.theme-switch,.theme-switch label{align-items:center;display:flex}.app-tools{min-width:0}.theme-switch{gap:.5rem}.theme-switch label{color:var(--color-text-muted);font-size:var(--typography-caption-font-size);white-space:nowrap;gap:.35rem}.theme-switch select{min-width:5.2rem;min-height:2rem;font-size:var(--typography-caption-font-size);padding:.2rem .35rem}.app-main{width:min(100% - 2rem,96rem);margin:0 auto;padding:3rem 0 6rem}.page-intro{max-width:52rem;margin-bottom:3rem}.eyebrow{color:var(--color-accent-strong);font-family:var(--typography-control-font-family);font-size:var(--typography-caption-font-size);font-weight:var(--typography-control-font-weight);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem}.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);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);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);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:3rem}.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{width:min(100%,48rem);min-height:7rem;padding:.65rem}.playground-stage{margin-top:1rem}.live-controls fieldset,.svg-size-control{border:1px solid var(--color-border);min-width:0;margin:0;padding:.75rem}.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);overflow:auto}.live-frame{background:#fff;border:0;min-height:36rem;display:block}.scheme-live{border:1px solid var(--color-accent-strong);background:var(--color-accent-subtle);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:1rem;display:grid}.scheme-card{border:1px solid var(--color-border);background:var(--color-surface);padding:1rem}.scheme-card header h2{margin-bottom:1.25rem}.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);margin:0;padding:.75rem}.svg-art{min-height:8rem;color:var(--color-text);background:var(--color-bg-subtle);place-items:center;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}@media (width<=52rem){.app-header{grid-template-columns:auto minmax(0,1fr)}.app-tools{grid-column:1/-1;justify-content:flex-end}.artifact-band{grid-template-columns:1fr;gap:1rem}}@media (width<=36rem){.app-main{width:min(100% - 1.25rem,96rem);min-width:0;padding-top:2rem;overflow-x:hidden}.theme-switch{justify-content:space-between;width:100%}.theme-switch label{flex:1}.theme-switch select{width:100%}.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}}