:root{--bg: #f4f1ea;--bg-panel: #fbfaf6;--ink: #2b2b29;--ink-soft: #6b6a64;--line: #d8d3c6;--accent: #7b3f00;--living: #1f7a8c;--historical: #b5651d;--reconstructed: #9b9088;--shadow: 0 6px 24px rgba(40, 35, 25, .18);--font-ui: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", "Georgia", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font-ui);color:var(--ink);background:var(--bg)}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}#topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfaf6,#f1ede3);z-index:5;flex-wrap:wrap}.title-block h1{margin:0;font-size:1.25rem;letter-spacing:.2px}.title-block .byline{margin:.15rem 0 0;font-size:.78rem;color:var(--ink-soft)}.title-block .byline a{color:var(--ink-soft);text-decoration-color:#6b6a6466;text-underline-offset:2px}.title-block .byline a:hover{color:var(--accent);text-decoration-color:var(--accent)}.title-block .subtitle{margin:.25rem 0 0;font-size:.8rem;color:var(--ink-soft);max-width:56ch;line-height:1.35}.controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}#search{font-family:var(--font-ui);font-size:.85rem;padding:.4rem .7rem;border:1px solid var(--line);border-radius:6px;background:#fff;width:200px;min-width:0;flex-shrink:1}#search:focus{outline:none;border-color:var(--accent)}.view-switch{display:inline-flex;height:34px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.view-opt{font-family:var(--font-ui);font-size:.82rem;padding:0 .7rem;border:none;border-left:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink-soft);white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.view-opt:first-child{border-left:none}.view-opt:hover{background:#f0ebdf;color:var(--ink)}.view-opt.active{background:var(--accent);color:#fff}.view-opt.active:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;display:inline-block}.zoom-controls{display:flex;gap:.3rem}.zoom-controls button{font-family:var(--font-ui);font-size:.9rem;min-width:34px;height:34px;padding:0 .5rem;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;color:var(--ink)}.zoom-controls button:hover{background:#f0ebdf;border-color:var(--accent)}#stage{position:relative;flex:1;overflow:hidden}#tree{width:100%;height:100%;display:block;cursor:grab;background:radial-gradient(circle at 30% 20%,#faf8f2,var(--bg) 70%)}#tree:active{cursor:grabbing}.link{fill:none;stroke-width:1.7px;opacity:.7;stroke-linecap:round;stroke-linejoin:round}.year-band{fill:#584e380d;stroke:none;pointer-events:none}.axis-ring{fill:none;stroke:#e4dfd1;stroke-width:1px;stroke-dasharray:2 5}.axis-line{stroke:#e4dfd1;stroke-width:1px;stroke-dasharray:2 5}.axis-label{fill:var(--ink-soft);font-size:12px;font-family:var(--font-ui)}.axis-label.radial{font-size:16px}.node{cursor:pointer}.node circle{transition:r .1s ease}.node:hover circle{stroke-width:3px}.node.highlight circle{stroke:var(--accent);stroke-width:3.5px}.node.speculative{cursor:default}.node.speculative circle{display:none}.map-dots .mnode.speculative{cursor:default}.node-label{font-size:12px;fill:var(--ink);pointer-events:all;cursor:pointer;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}.node-label.leaf{font-weight:600}.node-label.internal{font-size:12px;fill:var(--ink-soft);font-style:italic;font-weight:700}.branch-label{font-size:18px;font-weight:700;letter-spacing:.3px;fill:var(--ink);pointer-events:none;paint-order:stroke;stroke:var(--bg);stroke-width:4.5px;stroke-linejoin:round}.node.dim{opacity:.18}.labels-layer{pointer-events:none}.tooltip{position:absolute;pointer-events:none;background:#2b2b29;color:#f4f1ea;padding:.55rem .7rem;border-radius:8px;font-size:.78rem;max-width:280px;box-shadow:var(--shadow);z-index:20;line-height:1.4}.tooltip .tt-name{font-weight:700;font-size:.9rem}.tooltip .tt-period{color:#c9b79b;font-size:.72rem;margin-bottom:.2rem}.tooltip .tt-preview{margin-top:.35rem;font-family:var(--font-serif)}.tooltip .tt-hint{margin-top:.4rem;font-size:.68rem;color:#9c958a}.panel{position:absolute;top:0;right:0;width:480px;max-width:92vw;height:100%;background:var(--bg-panel);border-left:1px solid var(--line);box-shadow:var(--shadow);overflow-y:auto;z-index:15;padding:1.2rem 1.3rem 2rem;transform:translate(0);transition:transform .22s ease}.panel.hidden{transform:translate(105%)}.panel .close{position:absolute;top:.7rem;right:.8rem;border:none;background:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--ink-soft)}.panel .close:hover{color:var(--accent)}.panel h2{margin:0 0 .1rem;font-size:1.4rem;padding-right:1.5rem}.panel .endonym{font-family:var(--font-serif);font-size:1.05rem;color:var(--accent);margin-bottom:.5rem}.badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;padding:.18rem .5rem;border-radius:999px;background:#ece6d8;color:var(--ink-soft)}.badge.status-living{background:#1f7a8c26;color:var(--living)}.badge.status-historical{background:#b5651d26;color:var(--historical)}.badge.status-reconstructed{background:#9b908833;color:#6f6860}.panel .notes{font-size:.86rem;line-height:1.5;color:var(--ink);margin:.2rem 0 .9rem}.panel .meta{font-size:.8rem;color:var(--ink-soft);line-height:1.6;margin-bottom:.8rem}.panel .meta strong{color:var(--ink)}.wiki-link{display:inline-block;margin-bottom:1rem;font-size:.82rem;color:#fff;background:var(--accent);padding:.4rem .8rem;border-radius:6px;text-decoration:none}.wiki-link:hover{background:#5e3000}.section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);border-bottom:1px solid var(--line);padding-bottom:.25rem;margin:1.1rem 0 .6rem}.passage .label{font-size:.66rem;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);margin-top:.6rem}.passage .native{font-family:var(--font-serif);font-size:1.02rem;line-height:1.5;margin:.15rem 0}.passage .readable{font-family:var(--font-serif);font-style:italic;color:#54514a;line-height:1.45;margin:.15rem 0}.passage .english{font-size:.86rem;color:var(--ink);line-height:1.45;margin:.15rem 0}.passage .ptitle{font-size:.8rem;font-weight:600;color:var(--ink)}.passage .pnote{font-size:.72rem;font-style:italic;color:var(--ink-soft);margin-top:.2rem;line-height:1.35}.passage .paudio-credit{font-size:.66rem;color:var(--ink-soft);font-style:italic;margin-top:.5rem;line-height:1.35}.passage .psource{font-size:.68rem;margin-top:.4rem}.passage .psource a{color:var(--ink-soft)}.passage .pprov{display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;margin-top:.7rem}.passage .prov-tag{font-size:.58rem;text-transform:uppercase;letter-spacing:.6px;font-weight:700;padding:.12rem .44rem;border-radius:999px}.passage .pprov.att .prov-tag{color:#2f6b45;background:#3a9b6e26}.passage .pprov.recon .prov-tag{color:#8a5a12;background:#e08e2a2e}.passage .ptools{margin:.5rem 0 .2rem}table.passage-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:.4rem}table.passage-table th{text-align:left;font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);border-bottom:1px solid var(--line);padding:.3rem .5rem .3rem 0;font-weight:600}table.passage-table td{padding:.45rem .5rem .45rem 0;border-bottom:1px solid #eee7d8;vertical-align:top;width:33.33%}table.passage-table td:last-child,table.passage-table th:last-child{padding-right:0}.passage-table td.pl-native{font-family:var(--font-serif);font-size:.92rem;line-height:1.4}.passage-table td.pl-readable{font-family:var(--font-serif);font-style:italic;color:#54514a;font-size:.86rem;line-height:1.4}.passage-table td.pl-english{font-size:.8rem;color:var(--ink);line-height:1.4}table.vocab{width:100%;border-collapse:collapse;font-size:.82rem}table.vocab th{text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);border-bottom:1px solid var(--line);padding:.3rem .4rem}table.vocab td{padding:.3rem .4rem;border-bottom:1px solid #eee7d8;vertical-align:top}table.vocab td.en{color:var(--ink-soft)}table.vocab td.native{font-family:var(--font-serif);font-size:.95rem}table.vocab td.readable{font-style:italic;color:#54514a}.empty-note{font-size:.8rem;color:var(--ink-soft);font-style:italic}.map-land .land{fill:#ece4d2;stroke:#d9cdb4;stroke-width:.6px}.map-dots .mnode{cursor:pointer}.map-dots .mnode circle{transition:opacity .15s ease}.map-dots .mnode:hover circle{stroke-width:2.4px}.map-dots .mnode.dim{opacity:.12}.map-dots .mnode.highlight circle{stroke:var(--ink);stroke-width:2.6px}.time-slider{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%);width:min(560px,82vw);background:#fdfaf2f0;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.6rem 1rem .7rem;z-index:16}.time-slider.hidden{display:none}.time-slider .time-label{text-align:center;font-family:var(--font-ui);font-size:.95rem;font-weight:600;color:var(--ink);margin-bottom:.3rem;letter-spacing:.3px}.time-slider input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.time-slider .time-ends{display:flex;justify-content:space-between;font-size:.62rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin-top:.15rem}.legend{position:absolute;left:1rem;bottom:1rem;background:#fbfaf6eb;border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font-size:.74rem;box-shadow:var(--shadow);z-index:10}.legend.at-right{left:auto;right:1rem}.legend .row{display:flex;align-items:center;gap:.45rem;margin:.18rem 0;color:var(--ink-soft)}.legend .dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex:none}.legend .dot.solid{background:var(--ink-soft)}.legend .dot.hollow{background:var(--bg);border:1.5px solid var(--ink-soft)}.legend .legend-note{font-size:.66rem;color:var(--ink-soft);margin-top:.35rem;max-width:220px;line-height:1.35}.about-card{position:absolute;top:1rem;right:1rem;width:264px;max-width:62vw;background:#fbfaf6f0;border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem .85rem;box-shadow:var(--shadow);z-index:10}.about-card h2{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.about-card p{margin:0;font-size:.76rem;line-height:1.5;color:var(--ink)}.about-card p.about-tts{margin-top:.45rem;font-size:.68rem;color:var(--ink-soft)}.label-control{position:absolute;top:1rem;left:1rem;z-index:10;background:#fbfaf6f0;border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem .6rem;box-shadow:var(--shadow);max-width:60vw}.label-control.hidden{display:none}.label-control .lc-label{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);margin-bottom:.32rem}.label-control select{font-family:var(--font-ui);font-size:.82rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.2rem .35rem;cursor:pointer;max-width:12rem}.lc-ortho{display:flex;gap:.3rem;margin-top:.5rem}.lc-ortho.hidden{display:none}.lc-ortho button{font-family:var(--font-ui);font-size:.64rem;text-transform:uppercase;letter-spacing:.4px;padding:.16rem .5rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer}.lc-ortho button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.lc-hint{margin-top:.5rem;font-size:.64rem;color:var(--ink-soft);max-width:12rem;line-height:1.35}.lc-hint.hidden{display:none}.node-label.voiced{cursor:pointer}.node-label.voiced:hover,.node-label.speaking{font-weight:700}.text-link{display:inline-block;margin-top:.5rem;background:none;border:none;padding:0;font-family:var(--font-ui);font-size:.72rem;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.text-link:hover{color:var(--ink)}.prov-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:center;align-items:flex-start;padding:4vh 2vw;background:#2620166b}.prov-overlay.hidden{display:none}.prov-content{position:relative;width:100%;max-width:720px;max-height:92vh;overflow:auto;padding:1.7rem 1.9rem 2.2rem;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.prov-content h2{margin:0 0 .3rem}.prov-intro{font-size:.8rem;color:var(--ink);line-height:1.55;max-width:62ch;margin:0 0 .6rem}.prov-branch{margin-top:1.5rem}.prov-branch h3{font-size:.95rem;margin:0 0 .35rem;padding-bottom:.25rem;border-bottom:1px solid var(--line)}.prov-detail a{color:var(--ink-soft);white-space:nowrap}.prov-badge{display:inline-block;font-size:.56rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:.08rem .4rem;border-radius:999px;vertical-align:1px}.prov-badge.att{color:#2f6b45;background:#3a9b6e26}.prov-badge.recon{color:#8a5a12;background:#e08e2a2e}.prov-node{padding:.55rem 0;border-bottom:1px solid #eee7d8;scroll-margin-top:1rem}.prov-node .prov-lang{font-size:.84rem;font-weight:600;color:var(--ink)}.prov-node .prov-year{display:inline;margin:0 0 0 .5rem;font-weight:400;font-size:.66rem;color:var(--ink-soft)}.prov-node .prov-detail{margin-top:.3rem;font-size:.76rem;color:var(--ink-soft);line-height:1.5}.prov-kind{font-style:italic;color:var(--ink)}.prov-target{animation:provFlash 2.2s ease;border-radius:6px}@keyframes provFlash{0%,45%{background:#e08e2a3d}to{background:transparent}}.passage .psource .prov-open{background:none;border:none;padding:0;font-family:var(--font-ui);font-size:.68rem;color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.passage .psource .prov-open:hover{color:var(--ink)}.hidden{display:none!important}