@layer umamichi-tokens{:root{--font-ui: "Segoe UI Variable", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", sans-serif;--font-code: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--site-bg: #ffffff;--site-surface: #ffffff;--site-surface-muted: #fafafa;--site-fg: #27272a;--site-muted-fg: #52525b;--site-subtle-fg: #71717a;--site-content-fg: #3f3f46;--site-content-muted-fg: #71717a;--site-border: rgba(0, 0, 0, .08);--site-border-strong: rgba(0, 0, 0, .16);--site-border-soft: #f4f4f5;--site-content-border: #f4f4f5;--site-hover-bg: rgba(0, 0, 0, .04);--site-active-bg: rgba(0, 0, 0, .08);--site-header-bg: #ecfeff;--site-header-border: #a5f3fc;--site-sidebar-bg: #fafafa;--site-sidebar-border: #d4d4d8;--site-nav-active-bg: #ffffff;--site-accent: #0c5c72;--site-accent-hover: #134152;--site-accent-strong: #072a38;--site-accent-soft: #ecfeff;--site-accent-border: #a5f3fc;--site-link: var(--site-accent);--site-link-hover: var(--site-accent-hover);--site-success: #15803d;--site-success-soft: #eefbf1;--site-success-border: #99d7af;--site-warning: #b45309;--site-warning-soft: #fff5e8;--site-warning-border: #f4c489;--site-danger: #b91c1c;--site-danger-soft: #fef0f0;--site-danger-border: #efb4b4;--site-backdrop: rgba(17, 24, 39, .5);--site-focus-ring: color-mix(in srgb, var(--site-accent) 22%, transparent);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--page-max-width: 56rem;--page-gutter: 16px;--page-padding-top: 28px;--page-padding-bottom: 48px;--section-gap: 20px;--inline-gap: 16px;--site-content-font-size: 1rem;--site-content-line-height: 1.75;--control-height: 38px;--control-padding-inline: 12px;--transition-fast: .12s ease}html.dark{color-scheme:dark;--site-bg: #0d1117;--site-surface: #161b22;--site-surface-muted: #18181b;--site-fg: #e6edf3;--site-muted-fg: #8b949e;--site-subtle-fg: #7d8590;--site-content-fg: #c9d1d9;--site-content-muted-fg: #8b949e;--site-border: #30363d;--site-border-strong: #30363d;--site-border-soft: #30363d;--site-content-border: #30363d;--site-hover-bg: rgba(177, 186, 196, .12);--site-active-bg: rgba(177, 186, 196, .2);--site-header-bg: #051b24;--site-header-border: #134152;--site-sidebar-bg: #18181b;--site-sidebar-border: #3f3f46;--site-nav-active-bg: color-mix(in srgb, var(--site-accent) 20%, transparent);--site-accent: #67e8f9;--site-accent-hover: #a5f3fc;--site-accent-strong: #a5f3fc;--site-accent-soft: rgba(103, 232, 249, .12);--site-accent-border: rgba(103, 232, 249, .32);--site-link: var(--site-accent);--site-link-hover: var(--site-accent-hover);--site-success: #4ade80;--site-success-soft: rgba(22, 101, 52, .28);--site-success-border: rgba(74, 222, 128, .35);--site-warning: #fcd34d;--site-warning-soft: rgba(245, 158, 11, .12);--site-warning-border: rgba(245, 158, 11, .35);--site-danger: #fca5a5;--site-danger-soft: rgba(239, 68, 68, .14);--site-danger-border: rgba(248, 113, 113, .35);--site-backdrop: rgba(1, 4, 9, .66);--site-focus-ring: color-mix(in srgb, var(--site-accent) 28%, transparent)}}@layer umamichi-reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{margin:0}body{background:var(--site-bg);color:var(--site-fg);font-family:var(--font-ui);text-rendering:optimizeLegibility}a{color:var(--site-link);text-decoration:none;text-underline-offset:.15em}a:hover{color:var(--site-link-hover);text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6,p,dl,dd,figure,blockquote{margin-top:0}code,pre,samp,kbd{font-family:var(--font-code)}html.theme-transition-lock *,html.theme-transition-lock *:before,html.theme-transition-lock *:after{transition:none!important;animation:none!important}}@layer umamichi-layout{.page-shell{width:min(var(--page-max-width),calc(100vw - (var(--page-gutter) * 2)));margin:0 auto;padding:var(--page-padding-top) 0 var(--page-padding-bottom)}.page-header{padding-bottom:var(--section-gap);border-bottom:1px solid var(--site-header-border)}.page-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.eyebrow{margin:0;color:var(--site-subtle-fg);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lead,.section-note,.help-text,.meta-note,.panel-subtitle,.toolbar-hint,.canvas-caption{color:var(--site-content-muted-fg);line-height:1.7}.inline-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--inline-gap);margin-top:14px;font-size:.95rem}.panel{margin-top:22px;padding-top:18px;border-top:1px solid var(--site-content-border)}.panel:first-of-type{margin-top:18px;padding-top:0;border-top:0}.panel-heading,.section-toolbar,.modal-header,.modal-toolbar,.modal-actions,.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-grid,.solver-controls-grid,.preview-panel,.slider-group{display:grid;gap:12px}.single-column{max-width:280px}.modal-backdrop,.example-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:var(--site-backdrop)}.modal-card,.example-modal{width:min(520px,100%);padding:16px;border:1px solid var(--site-border-strong);border-radius:var(--radius-lg);background:var(--site-surface)}.example-modal{width:min(72rem,calc(100vw - 32px));max-height:min(88vh,64rem);overflow:auto;padding:20px}@media(max-width:720px){.page-shell{width:min(var(--page-max-width),calc(100vw - 20px));padding-top:20px;padding-bottom:36px}.page-meta-row,.panel-heading,.section-toolbar,.modal-toolbar,.modal-actions,.section-heading-row{align-items:flex-start;flex-direction:column}.modal-backdrop,.example-modal-backdrop{padding:12px}.modal-card,.example-modal{width:100%;padding:16px;border-radius:var(--radius-md)}}}@layer umamichi-forms{label,.field-label{display:grid;gap:6px;color:var(--site-fg);font-size:.94rem;font-weight:600}.field-block{display:block;width:min(100%,22rem);margin-bottom:.5rem}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.text-input,.solver-select{width:100%;min-height:var(--control-height);padding:7px var(--control-padding-inline);border:1px solid var(--site-border);border-radius:var(--radius-sm);background:var(--site-surface);color:var(--site-fg);outline:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,textarea:hover,select:hover,.text-input:hover,.solver-select:hover{border-color:var(--site-border-strong)}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus,.text-input:focus,.solver-select:focus{border-color:var(--site-accent);box-shadow:0 0 0 3px var(--site-focus-ring)}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true],.text-input[aria-invalid=true],.solver-select[aria-invalid=true]{border-color:var(--site-danger)}input[type=color]{padding:3px;min-height:36px;cursor:pointer}input[type=range]{width:100%;margin:0;accent-color:var(--site-accent)}.help-text,.meta-note{font-size:.92rem}.help-text.is-error,.meta-note.is-error{color:var(--site-danger)}.slider-row{display:grid;grid-template-columns:28px minmax(0,1fr) 72px;align-items:center;gap:10px}.slider-value{display:inline-flex;justify-content:flex-end;padding:4px 8px;border:1px solid var(--site-border);border-radius:var(--radius-sm);background:var(--site-surface);color:var(--site-muted-fg);font-variant-numeric:tabular-nums}@media(max-width:640px){.field-block{width:100%}.slider-row{grid-template-columns:1fr;gap:8px}.slider-value{justify-content:flex-start;width:fit-content}}}@layer umamichi-primitives{.theme-toggle,.ghost-button,.action-button,.primary-button,.secondary-button,.icon-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--site-border);border-radius:var(--radius-pill);background:var(--site-surface);color:var(--site-fg);font-size:.92rem;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform 60ms ease}.theme-toggle:hover,.ghost-button:hover,.action-button:hover,.secondary-button:hover,.icon-button:hover,.danger-button:hover{border-color:var(--site-border-strong);background:var(--site-hover-bg)}.theme-toggle:active,.ghost-button:active,.action-button:active,.primary-button:active,.secondary-button:active,.icon-button:active,.danger-button:active{background:var(--site-active-bg);transform:translateY(1px)}.theme-toggle:focus-visible,.ghost-button:focus-visible,.action-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.danger-button:focus-visible{outline:2px solid var(--site-focus-ring);outline-offset:1px}.primary-button,.action-button.primary{border-color:var(--site-accent-border);background:var(--site-accent-soft);color:var(--site-fg)}.primary-button:hover,.action-button.primary:hover{border-color:var(--site-accent);background:color-mix(in srgb,var(--site-accent-soft) 72%,var(--site-hover-bg))}.primary-button:active,.action-button.primary:active{border-color:var(--site-accent);background:color-mix(in srgb,var(--site-accent-soft) 64%,var(--site-active-bg))}.ghost-button,.secondary-button,.action-button{border-color:var(--site-border-strong)}.icon-button{width:34px;padding:0}.danger-button{color:var(--site-danger)}.ghost-button:disabled,.action-button:disabled,.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled,.danger-button:disabled,.theme-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .7rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.84rem;font-weight:600;line-height:1.2}.status-pill.pending{border-color:var(--site-accent-border);background:var(--site-accent-soft);color:var(--site-fg)}.status-pill.success{border-color:var(--site-success-border);background:var(--site-success-soft);color:var(--site-success)}.status-pill.warning{border-color:var(--site-warning-border);background:var(--site-warning-soft);color:var(--site-warning)}.status-pill.danger,.status-pill.error{border-color:var(--site-danger-border);background:var(--site-danger-soft);color:var(--site-danger)}.sidebar-panel,.toc-panel,.aside-panel{border:1px solid var(--site-sidebar-border);background:var(--site-sidebar-bg)}.nav-link,.inline-nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .65rem;border-radius:var(--radius-md);color:var(--site-fg);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link:hover,.inline-nav-link:hover{background:var(--site-hover-bg);color:var(--site-accent);text-decoration:none}.nav-link[aria-current=page],.nav-link[aria-current=true],.nav-link.active,.inline-nav-link[aria-current=page],.inline-nav-link[aria-current=true],.inline-nav-link.active{background:var(--site-nav-active-bg);color:var(--site-accent);font-weight:600}.content-surface,.content-panel{border:1px solid var(--site-content-border);background:var(--site-surface);color:var(--site-content-fg)}.toolbar-buttons,.modal-transfer-actions,.result-actions,.actions,.status-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar-buttons>*{flex:0 0 auto}.docs-callout,.app-disclaimer{display:grid;gap:4px;margin-top:14px;padding:12px 14px;border:1px solid var(--site-accent-border);border-radius:var(--radius-md);background:var(--site-accent-soft);color:var(--site-fg);line-height:1.65}.docs-callout strong,.app-disclaimer-label{font-weight:700}.preview-canvas,.canvas-host,.table-wrap{border:1px solid var(--site-content-border);background:var(--site-surface);overflow:hidden}.table-wrap{margin-top:14px;overflow-x:auto}.preview-canvas{display:grid;place-items:center;min-height:220px;padding:1.5rem;color:var(--site-content-muted-fg);text-align:center}@media(max-width:720px){.toolbar-buttons{width:100%}.toolbar-buttons>button,.toolbar-buttons>.action-button,.toolbar-buttons>.primary-button,.toolbar-buttons>.secondary-button{flex:1 1 calc(50% - 6px)}}}:root{--site-bg: #f8fafc;--site-surface: #ffffff;--site-border-soft: #e5e7eb;--site-accent: #06b6d4;--site-accent-strong: #0f766e}h1,h2,p,dl,dd,figure{margin:0}.page-shell{padding:28px 0 48px}.app-shell{padding-top:34px}.app-header{padding-top:0}.page-header,.control-section,.metrics-section,.canvas-section{padding:18px 0 20px;border-bottom:1px solid var(--site-border-soft)}.eyebrow{color:var(--site-subtle-fg);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}h1{margin-top:8px;font-size:clamp(2rem,5vw,2.8rem);line-height:1.15;letter-spacing:-.03em}h2{font-size:1.08rem;line-height:1.3}.lead,.section-note,.canvas-caption,.slider-value,.metrics-grid dt,.metrics-grid dd{color:var(--site-muted-fg)}.lead{margin-top:10px;line-height:1.75}.app-disclaimer{display:grid;gap:2px;margin-top:14px;padding:10px 12px;border:1px solid var(--site-accent);border-radius:12px;color:var(--site-fg);background:#ecfeff;line-height:1.65}.app-disclaimer-label{font-weight:700}.app-disclaimer-body{font-weight:400}.intro-copy{display:grid;gap:12px;color:var(--site-muted-fg);line-height:1.75}.intro-copy a{margin-left:.4rem;color:var(--site-accent-strong)}.intro-copy a:hover{color:var(--site-accent)}.section-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.section-note{font-size:.92rem;line-height:1.6}.slider-group{display:grid;gap:12px}.slider-row{display:grid;grid-template-columns:28px minmax(0,1fr) 72px;align-items:center;gap:10px}.slider-label{color:var(--site-fg);font-weight:600}.slider-row input[type=range]{width:100%;height:6px;margin:0;accent-color:var(--site-accent)}.solver-select{width:100%;min-height:38px;padding:6px 10px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);color:var(--site-fg)}.slider-value{display:inline-flex;justify-content:flex-end;padding:4px 8px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-surface);font-variant-numeric:tabular-nums}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--site-border-soft)}.metrics-grid div{padding:12px 14px;border-bottom:1px solid var(--site-border-soft)}.metrics-grid div:nth-child(3n+2),.metrics-grid div:nth-child(3n+3){border-left:1px solid var(--site-border-soft)}.metrics-grid dt{margin-bottom:6px;font-size:.82rem}.metrics-grid dd{color:var(--site-fg);font-size:.96rem;line-height:1.5;font-variant-numeric:tabular-nums}.canvas-figure{display:grid;gap:10px}.canvas-host{width:100%;border:1px solid var(--site-border);background:var(--site-surface);overflow:hidden}.canvas-host canvas{display:block;width:100%}.solver-controls-grid{display:grid;gap:14px}.solver-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.ghost-button{padding:8px 12px;border:1px solid var(--site-border);border-radius:999px;background:var(--site-surface);color:var(--site-fg);cursor:pointer}.ghost-button:hover{border-color:var(--site-accent)}.solver-status{padding:6px 10px;border:1px solid var(--site-border);border-radius:999px;font-size:.92rem;font-weight:600}.solver-status-ok{border-color:var(--site-accent);background:#f0fdff;color:var(--site-accent-strong)}.solver-status-approx{background:#f8fafc;color:var(--site-fg)}.solver-status-invalid{background:#f8fafc;color:var(--site-muted-fg)}.solver-metrics-grid{margin-bottom:18px}.solver-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--site-border-soft)}.solver-notes div{padding:12px 14px;border-bottom:1px solid var(--site-border-soft)}.solver-notes div:nth-child(3n+2),.solver-notes div:nth-child(3n+3){border-left:1px solid var(--site-border-soft)}.solver-notes h3{margin:0 0 6px;font-size:.95rem}.solver-notes p{color:var(--site-muted-fg);line-height:1.65}.canvas-caption{font-size:.9rem;line-height:1.6}@media(max-width:840px){.solver-notes{grid-template-columns:1fr}.solver-notes div:nth-child(3n+2),.solver-notes div:nth-child(3n+3){border-left:none}.section-heading-row{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid div{border-left:none}.metrics-grid div:nth-child(2n){border-left:1px solid var(--site-border-soft)}}@media(max-width:640px){.page-shell{width:min(56rem,calc(100vw - 28px));padding:20px 0 36px}.solver-actions{align-items:flex-start;flex-direction:column}.slider-row{grid-template-columns:1fr;gap:8px}.slider-value{justify-content:flex-start;width:fit-content}.metrics-grid{grid-template-columns:1fr}.metrics-grid div:nth-child(2n){border-left:none}}