:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-1: 4px;--r-2: 6px;--r-3: 10px;--r-pill: 999px;--fs-1: 11px;--fs-2: 13px;--fs-3: 16px;--fs-4: 20px;--lh-tight: 1.2;--lh-body: 1.45;--fw-regular: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow-1: 0 1px 2px rgba(0, 0, 0, .25);--shadow-2: 0 4px 12px rgba(0, 0, 0, .35);--shadow-3: 0 8px 24px rgba(0, 0, 0, .45);--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .32s;--bg: #0f1115;--bg-2: #131720;--panel: #171a21;--panel-2: #1f232c;--panel-3: #252a35;--border: #2a2f3a;--border-strong: #3a414f;--text: #e6e8ee;--text-dim: #b8bdcb;--muted: #8a93a6;--muted-2: #5e6576;--accent: #7cc4ff;--accent-soft: #2a4e6e;--accent-2: #ffcc66;--accent-2-soft: #524119;--danger: #ff6a7a;--ok: #7be07b;--change: #ffb347;--focus-ring: 2px solid var(--accent);color-scheme:dark}.theme-light{--bg: #f6f7f9;--bg-2: #eceff3;--panel: #ffffff;--panel-2: #f2f4f7;--panel-3: #e5e9ef;--border: #d4d9e2;--border-strong: #a6b0bf;--text: #0f1115;--text-dim: #2a2f3a;--muted: #5e6576;--muted-2: #8a93a6;--accent: #336aa8;--accent-soft: #cfdff0;--accent-2: #b67a12;--accent-2-soft: #f4e6cb;--danger: #c83242;--ok: #2f8a3b;--change: #b66a12;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 12px rgba(0, 0, 0, .1);--shadow-3: 0 8px 24px rgba(0, 0, 0, .15);color-scheme:light}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}.t-muted{color:var(--muted)}.t-text{color:var(--text)}.t-accent{color:var(--accent)}.t-danger{color:var(--danger)}.fs-1{font-size:var(--fs-1)}.fs-2{font-size:var(--fs-2)}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.ml-auto{margin-left:auto}.row{display:flex}.row-2{display:flex;gap:2px}.row-4{display:flex;gap:4px}.row-6{display:flex;gap:6px}.row-8{display:flex;gap:8px}.row-12{display:flex;gap:12px}.col{display:flex;flex-direction:column}.col-2{display:flex;flex-direction:column;gap:2px}.col-4{display:flex;flex-direction:column;gap:4px}.col-6{display:flex;flex-direction:column;gap:6px}.col-8{display:flex;flex-direction:column;gap:8px}.col-12{display:flex;flex-direction:column;gap:12px}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.section-empty{color:var(--muted);font-size:var(--fs-2);padding:12px}.label-line{color:var(--muted);font-size:var(--fs-1)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 10px;font-size:var(--fs-1);font-weight:var(--fw-medium);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:28px;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.chip:hover{background:var(--panel-3);border-color:var(--border-strong)}.chip.active,.chip[aria-selected=true],.chip[aria-pressed=true]{background:var(--accent);color:#0a1520;border-color:var(--accent)}.chip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.card{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--panel-2)}.card-quiet{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--panel)}.skeleton{background:linear-gradient(90deg,var(--panel-2) 0%,var(--panel-3) 50%,var(--panel-2) 100%);background-size:200% 100%;border-radius:var(--r-2);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}:root{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;line-height:var(--lh-body)}.mono,input[type=text],.lexicon-table,.stats-table,pre,code{font-family:var(--font-mono);font-variant-numeric:tabular-nums}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.skip-link{position:absolute;top:0;left:0;z-index:200;padding:8px 16px;background:var(--accent);color:#0a1520;font-size:var(--fs-2);font-weight:var(--fw-semi);border-radius:0 0 6px;transform:translateY(-120%);transition:transform .15s ease;text-decoration:none}.skip-link:focus{transform:translateY(0);outline:none}.achievements-strip{display:flex;flex-wrap:wrap;gap:4px}.achievement{display:flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--fs-1);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.achievement.done{border-color:var(--accent);background:#7cc4ff1f;color:var(--text)}.achievement.locked{color:var(--muted);opacity:.55}.achievement .glyph{font-family:var(--font-mono);font-size:var(--fs-2)}.achievement-toast{position:fixed;bottom:24px;right:24px;z-index:150;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 16px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;box-shadow:0 10px 30px #0006;max-width:360px;text-align:left;color:var(--text);cursor:pointer;animation:toast-in .25s ease-out}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.achievement-toast .toast-glyph{font-family:var(--font-mono);font-size:28px;color:var(--accent);align-self:center}.achievement-toast .toast-body{display:flex;flex-direction:column;gap:2px}.achievement-toast .toast-title{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.achievement-toast .toast-label{font-weight:var(--fw-semi);font-size:var(--fs-2)}.achievement-toast .toast-desc{font-size:var(--fs-1);color:var(--muted)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);overscroll-behavior:none}.app{display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header header" "controls tabs" "controls main";height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}.header{grid-area:header;background:var(--panel);border-bottom:1px solid var(--border);padding:var(--sp-2) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.header h1{font-size:var(--fs-3);margin:0;font-weight:var(--fw-semi);letter-spacing:-.01em}.header .generation{font-family:var(--font-mono);font-size:var(--fs-1);color:var(--muted);padding:2px 8px;border-radius:var(--r-pill);background:var(--panel-2);border:1px solid var(--border)}.header .playback{display:flex;gap:var(--sp-1);margin-left:auto;align-items:center}.header .menu-toggle{display:none}.global-search{position:relative;flex:1;max-width:360px;min-width:160px;display:flex;align-items:center}.global-search .global-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:inline-flex}.global-search input[type=search]{width:100%;padding:6px 10px 6px 28px;font-size:var(--fs-2);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.global-search input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7cc4ff2e}.global-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000059;max-height:320px;overflow-y:auto;z-index:50;padding:4px}.global-search-empty{padding:12px;color:var(--muted);font-size:var(--fs-2);text-align:center}.global-search-hit{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:6px 10px;align-items:center;background:transparent;border:none;border-radius:4px;width:100%;text-align:left;cursor:pointer;color:var(--text);font-size:var(--fs-2)}.global-search-hit.focused,.global-search-hit:hover{background:var(--panel-2)}.global-search-meaning{font-weight:var(--fw-semi)}.global-search-form{font-family:var(--font-mono);color:var(--muted);font-size:var(--fs-1)}.global-search-lang{font-size:var(--fs-1);color:var(--accent);border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 8px}@media (max-width: 720px){.global-search{order:10;flex-basis:100%;max-width:none}}.timeline-scrubber{display:flex;align-items:center;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border);margin-top:var(--sp-2)}.timeline-scrubber input[type=range]{flex:1}.timeline-scrubber button{min-height:24px;padding:2px 10px;font-size:var(--fs-1);border-radius:var(--r-pill)}.sound-laws-table{width:100%;border-collapse:collapse;font-size:var(--fs-1);font-family:var(--font-mono)}.sound-laws-table th,.sound-laws-table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--border);vertical-align:top}.sound-laws-table th{color:var(--muted);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.sound-laws-table td.family{color:var(--accent)}.sound-laws-table td.ctx{color:var(--muted)}.sound-laws-table td.examples{color:var(--text)}.sound-laws-table td.num{text-align:right;color:var(--muted)}.sound-laws-table.retired td{opacity:.75}.rules-timeline{width:100%;border-collapse:collapse;font-size:var(--fs-1);font-family:var(--font-mono)}.rules-timeline th,.rules-timeline td{padding:3px 6px;border-bottom:1px solid var(--border);vertical-align:middle}.rules-timeline th{color:var(--muted);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.04em;font-size:10px;text-align:left}.rules-timeline td.family{font-weight:var(--fw-semi)}.rules-timeline td.bar-cell{width:60%}.rules-timeline .bar-track{position:relative;height:10px;background:var(--panel-2);border-radius:var(--r-pill)}.rules-timeline .bar{position:absolute;top:0;height:100%;border-radius:var(--r-pill)}.rules-timeline .bar.retired{border:1px dashed var(--border)}.stemma-wrap{font-family:var(--font-mono);font-size:var(--fs-1);padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2)}.stemma-node{padding:1px 0;border-left:1px dashed transparent}.stemma-branch{color:var(--muted)}.stemma-leaf{color:var(--accent);font-weight:var(--fw-semi)}.stemma-pairs{width:100%;border-collapse:collapse;font-family:var(--font-mono)}.stemma-pairs th,.stemma-pairs td{padding:3px 6px;border-bottom:1px solid var(--border);text-align:left;font-size:var(--fs-1)}.stemma-pairs th{color:var(--muted);font-weight:var(--fw-semi);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.stemma-pairs td.num{text-align:right;color:var(--muted)}.glossary-dl{margin:0}.glossary-row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.glossary-row:last-child{border-bottom:none}.glossary-dl dt{color:var(--accent);font-weight:var(--fw-semi);font-family:var(--font-mono);font-size:var(--fs-2)}.glossary-dl dd{margin:0;font-size:var(--fs-2);line-height:1.5}.glossary-example{color:var(--muted);font-size:var(--fs-1);margin-top:4px;font-style:italic}.quiz-form{display:flex;align-items:baseline;gap:10px;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;font-family:var(--font-mono)}.quiz-form .proto,.quiz-form .current{font-size:var(--fs-3);color:var(--text);font-weight:var(--fw-semi)}.quiz-form .arrow{color:var(--muted)}.quiz-form .meaning{color:var(--muted);font-size:var(--fs-1);margin-left:auto}.quiz-options{display:flex;flex-direction:column;gap:6px}.quiz-option{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 12px;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer;transition:all .15s ease;font-size:var(--fs-2)}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option .fam{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-1)}.quiz-option.correct{border-color:#7be07b;background:#7be07b14}.quiz-option.wrong{border-color:#ff6a7a;background:#ff6a7a14}.compare-diff{border:1px solid var(--border);border-radius:6px;background:var(--panel-2);padding:6px 10px;font-size:var(--fs-1)}.compare-diff summary{cursor:pointer;font-weight:var(--fw-semi);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;padding:2px 0}.compare-diff-body{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:6px}.compare-diff-col h6{margin:0 0 4px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.compare-diff-col .muted{color:var(--muted);font-family:var(--font-mono)}.rule-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--border);border-radius:var(--r-pill);margin:1px 2px 1px 0;background:var(--panel);font-family:var(--font-mono);font-size:10px}.rule-chip .fam{color:var(--accent)}.rule-chip.shared{border-color:var(--accent);opacity:.85}.compare-ot{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:var(--fs-1)}.compare-ot th,.compare-ot td{padding:2px 6px;border-bottom:1px solid var(--border);text-align:left}.compare-ot th{color:var(--muted);font-weight:var(--fw-semi);font-size:10px}.compare-ot td.num{text-align:right;color:var(--muted)}@media (max-width: 720px){.compare-diff-body{grid-template-columns:1fr}}.controls-panel{grid-area:controls;background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.main{grid-area:main;overflow:hidden;display:flex;padding:8px}.panel-single{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.panel-single>:last-child{flex:1;min-height:0;min-width:0;overflow:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:10px;overflow:auto;min-height:0;-webkit-overflow-scrolling:touch}.panel h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.section{border-top:1px solid var(--border);padding:10px 0}.section:first-child{border-top:none;padding-top:0}.section h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.collapsible-section>summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.collapsible-section>summary:before{content:"▸";display:inline-block;margin-right:6px;color:var(--muted);transition:transform .15s;transform:rotate(0)}.collapsible-section[open]>summary:before{transform:rotate(90deg)}.collapsible-section>summary::-webkit-details-marker{display:none}button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-2);padding:6px 12px;cursor:pointer;font-size:var(--fs-2);min-height:36px;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}button:hover{background:var(--panel-3);border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#0a1520;border-color:var(--accent);font-weight:var(--fw-semi)}button.primary:hover{background:var(--accent);filter:brightness(1.1)}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);font-weight:var(--fw-medium)}button.secondary:hover{background:var(--accent-soft);border-color:var(--accent)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--panel-2);border-color:var(--border)}button.icon-only{padding:6px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}input[type=text],input[type=number]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-size:14px;width:100%}input[type=checkbox]{width:18px;height:18px;touch-action:manipulation}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;min-height:28px;width:100%;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--panel-3);border:1px solid var(--border);border-radius:var(--r-pill)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-8px;background:var(--accent);border:1px solid var(--border-strong);border-radius:50%;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}input[type=range]:focus-visible::-webkit-slider-thumb{outline:var(--focus-ring);outline-offset:2px}input[type=range]::-moz-range-track{height:4px;background:var(--panel-3);border:1px solid var(--border);border-radius:var(--r-pill)}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:1px solid var(--border-strong);border-radius:50%;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease-out)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.08)}.slider-row{display:grid;grid-template-columns:1fr 50px;gap:8px;align-items:center;margin:4px 0;font-size:12px}.slider-row label{color:var(--muted)}.slider-row input[type=range]{width:100%}.slider-row .value{font-family:SF Mono,Menlo,monospace;font-size:11px;text-align:right;color:var(--text)}.toggle-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.toggle-row label{flex:1;cursor:pointer}.grammar-section-label{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-1);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.grammar-section-meta{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:var(--muted-2)}.phoneme-grid{display:flex;flex-wrap:wrap;gap:4px}.phoneme-tile{padding:3px 8px;border:1px solid var(--border);border-radius:var(--r-1);background:var(--panel-2);font-family:var(--font-mono);font-size:var(--fs-2);color:var(--text);min-width:24px;text-align:center}.phoneme-tile.tonal{background:var(--accent-soft);border-color:var(--accent)}.stats-table{width:100%;margin-top:6px;font-size:11px;font-family:SF Mono,Menlo,monospace;border-collapse:collapse}.stats-table th{color:var(--muted);text-align:left;padding:2px 4px;font-weight:500}.stats-table td{padding:2px 4px}.lexicon-filter-bar{display:flex;gap:4px;align-items:center;padding:4px 0 8px;flex-wrap:wrap}.lexicon-filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;min-height:26px}.lexicon-filter-chip.active{background:var(--accent);color:#0a1520;border-color:var(--accent)}.lexicon-filter-chip-count{font-family:SF Mono,Menlo,monospace;font-size:10px;opacity:.8}.lexicon-filter-hint{margin-left:auto;font-size:10px;color:var(--muted)}.lexicon-col-header{display:inline-flex;align-items:center;gap:4px}.lexicon-extinct-mark{color:var(--danger);font-weight:600}.star-btn{background:transparent;border:none;padding:0 2px;color:var(--muted);cursor:pointer;font-size:12px;min-height:auto;min-width:auto}.star-btn.starred{color:var(--accent-2)}.lexicon-table th.selected-col{color:var(--accent);cursor:pointer}.lexicon-table th{cursor:pointer}.lexicon-table{width:100%;border-collapse:collapse;font-size:12px;font-family:SF Mono,Menlo,monospace}.lexicon-table th,.lexicon-table td{border:1px solid var(--border);padding:5px 6px;text-align:left;white-space:nowrap}.lexicon-table th{background:var(--panel-2);font-weight:600;position:sticky;top:0;z-index:1}.lexicon-table td{cursor:pointer}.lexicon-table td.selected{outline:2px solid var(--accent);outline-offset:-2px}.lexicon-table td.meaning{background:var(--panel-2);font-weight:500;cursor:default;color:var(--muted);position:sticky;left:0;z-index:2}.lexicon-table td.changed{animation:cell-flash 1.2s cubic-bezier(.22,1,.36,1)}.origin-glyph{margin-left:4px;color:var(--muted);opacity:.7;font-size:.85em}@keyframes cell-flash{0%{background:transparent;color:var(--text)}20%{background:var(--accent-soft);color:var(--text)}to{background:transparent;color:var(--text)}}@keyframes flash{0%{background:var(--accent-soft);color:var(--text)}to{background:transparent;color:var(--text)}}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);height:100%;min-height:0;overflow:hidden}.compare-col{display:flex;flex-direction:column;gap:var(--sp-3);min-height:0;overflow:auto;padding:6px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-2)}.compare-col-head{padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:4px}.compare-section{display:flex;flex-direction:column;gap:2px}.compare-lex{display:grid;gap:1px;max-height:360px;overflow:auto}.compare-lex-row{display:grid;grid-template-columns:80px 1fr;gap:4px;padding:2px 6px;font-family:var(--font-mono);font-size:var(--fs-1)}.compare-lex-row.divergent{background:var(--accent-soft)}.compare-lex-meaning{color:var(--muted)}.compare-lex-form{color:var(--text)}tr.grammar-diff td:last-child{color:var(--accent)}@media (max-width: 720px){.compare-grid{grid-template-columns:1fr}}.activity-heatmap{display:flex;align-items:flex-end;gap:1px;height:30px;padding:2px 0 4px;margin-bottom:4px;overflow:hidden}.activity-bar{flex:1 1 auto;min-width:2px;border-radius:1px;transition:height var(--dur-fast) var(--ease-out)}.activity-heatmap-wrap{display:flex;flex-direction:column;gap:2px}.activity-heatmap.rule-births{height:14px;margin-bottom:0}.tree-svg{width:100%;height:100%;display:block}.tree-node-label{fill:var(--text);font-family:SF Mono,Menlo,monospace;font-size:11px;pointer-events:none}.tree-node-sample{fill:var(--muted);font-family:SF Mono,Menlo,monospace;font-size:10px;pointer-events:none}.tree-node-circle{cursor:pointer;transition:fill .2s}.tree-node-circle.leaf{fill:var(--accent)}.tree-node-circle.internal{fill:var(--muted)}.tree-node-circle.selected{stroke:var(--accent-2);stroke-width:3}.tree-node-circle.extinct{fill:var(--muted);opacity:.5}.tree-link{fill:none;stroke:var(--border);stroke-width:1.5}.runs-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.run-row{display:flex;gap:4px;align-items:center;padding:4px 6px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;font-size:11px}.run-row .label{flex:1;overflow:hidden;text-overflow:ellipsis}.change-catalog{display:flex;flex-direction:column;gap:3px}.change-row{display:grid;grid-template-columns:auto 1fr 60px;gap:6px;align-items:center;padding:3px 4px;font-size:11px;border-radius:3px}.change-row:hover{background:var(--panel-2)}.change-row.disabled{opacity:.5}.change-row .change-label{font-family:SF Mono,Menlo,monospace}.change-row input[type=range]{width:100%}.tab-bar{grid-area:tabs;display:flex;gap:4px;padding:6px 8px 0;background:var(--panel);border-bottom:1px solid var(--border);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tab-bar>button{scroll-snap-align:start;flex:0 0 auto;min-height:38px;padding:6px 14px}.tab-bar{scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:.4}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tab-bar button{flex:0 0 auto;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:4px 4px 0 0;padding:6px 10px;font-size:12px}.tab-bar button.active{color:var(--text);border-color:var(--border);border-bottom-color:var(--panel);background:var(--panel)}.controls-backdrop{display:none}@media (max-width: 900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "tabs" "main"}.header{padding:8px 12px;gap:8px}.header h1{font-size:14px}.header .menu-toggle{display:inline-flex}.controls-panel{position:fixed;top:0;left:0;bottom:0;width:min(86vw,340px);z-index:100;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #0006;padding-top:calc(12px + env(safe-area-inset-top,0))}.controls-panel.open{transform:translate(0)}.controls-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.main{padding:6px}.lexicon-table{font-size:11px}.lexicon-table th,.lexicon-table td{padding:4px}}