*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--ink:#161616;--ink-soft:#5a5a5a;--ink-faint:#8f8f8f;--paper:#fff;--paper-tint:#fafafa;--rule:#1a1a1a;--rule-soft:#e4e4e4;--font-display:"Bodoni Moda", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, "Helvetica Neue", Arial, sans-serif}body{font-family:var(--font-body);background-color:var(--paper);color:var(--ink)}button{font-family:inherit}::selection{color:var(--ink);background:#f0d9c4}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--paper);justify-content:space-between;align-items:flex-end;gap:16px;padding:28px 32px 20px;display:flex}.app-title-block{max-width:720px}.app-title-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.app-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:2.4rem;font-weight:900;line-height:1}.app-title-gloss{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.74rem;font-weight:500}.app-subtitle{font-family:var(--font-body);color:var(--ink-soft);margin:8px 0 0;font-size:.92rem}.panel-toggle-btn{font-family:var(--font-body);border:1.5px solid var(--ink);color:var(--ink);background:0 0;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:500;display:none}.app-header-rule{border:none;border-top:2px solid var(--rule);margin:0}.control-bar{border-bottom:1px solid var(--rule-soft);background:var(--paper);align-items:flex-start;gap:16px;padding:16px 32px;display:flex}.track-toggles{flex-wrap:wrap;flex:1;gap:10px;display:flex}.control-bar-search{flex-shrink:0;padding-top:1px}.header-actions{align-items:center;gap:10px;display:flex}.mobile-search-row{border-bottom:1px solid var(--rule-soft);padding:10px 16px}.track-toggle{cursor:pointer;font-family:var(--font-body);color:var(--ink-faint);background:#fff;border:1.5px solid #d6d6d6;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:.84rem;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:flex}.track-toggle:hover{border-color:#aaa}.track-toggle.is-active{color:var(--ink);border:2px solid var(--track-color);background:color-mix(in srgb, var(--track-color) 13%, white);padding:6px 15px;font-weight:600}.track-toggle.is-locked{cursor:default}.track-toggle-dot{border:1.5px solid var(--track-color);background:#fff;border-radius:50%;flex-shrink:0;width:8px;height:8px}.track-toggle.is-active .track-toggle-dot{background:var(--track-color)}.track-toggle-pin{color:var(--ink-faint);margin-left:2px;font-size:.68rem}.app-main{flex:1;min-height:0;position:relative}.timeline-wrapper{flex-direction:column;height:100%;display:flex}.timeline-scroll-shell{flex:1;min-height:0;position:relative}.timeline-scroll{background:var(--paper);-webkit-overflow-scrolling:touch;height:100%;position:relative;overflow:auto}.timeline-inner{padding-bottom:32px;position:relative}.era-jump-row{border-bottom:1px solid var(--rule-soft);-webkit-overflow-scrolling:touch;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.era-jump-btn{color:var(--ink-soft);font-family:var(--font-body);background:#fff;border:1.3px solid #d6d6d6;border-radius:999px;flex-shrink:0;padding:6px 13px;font-size:.74rem;font-weight:600}.era-jump-btn:active{background:var(--ink);color:#fff;border-color:var(--ink)}.edge-fade{pointer-events:none;z-index:6;width:22px;position:absolute;top:0;bottom:0}.edge-fade-left{background:linear-gradient(90deg,#fffffff2,#fff0);left:0}.edge-fade-right{background:linear-gradient(270deg,#fffffff2,#fff0);right:0}.scroll-progress-wrap{border-top:1px solid var(--rule-soft);padding:8px 16px 10px}.scroll-progress-track{background:var(--rule-soft);border-radius:2px;height:4px;position:relative;overflow:hidden}.scroll-progress-fill{background:#c9662e;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.scroll-progress-hint{font-family:var(--font-body);color:var(--ink-faint);text-align:center;margin-top:6px;font-size:.66rem}.ruler-row{z-index:5;background:var(--paper);border-bottom:1px solid var(--rule-soft);display:flex;position:sticky;top:0}.corner-cell{z-index:6;background:var(--paper);border-right:1px solid var(--rule-soft);font-family:var(--font-body);color:var(--ink-faint);justify-content:center;align-items:center;font-size:.72rem;font-weight:500;display:flex;position:sticky;left:0}.ruler-ticks{flex:1;position:relative}.tick{position:absolute;top:0;bottom:0}.tick-decade{border-left:1px solid var(--rule-soft)}.tick-century{border-left:1px solid #c8c8c8}.tick-label{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap;font-size:.76rem;font-weight:500;position:absolute;top:8px;left:7px}.era-row{z-index:4;background:var(--paper);border-bottom:1px solid var(--rule-soft);display:flex;position:sticky}.era-segments{flex:1;position:relative}.era-segment{border-left:1px solid var(--rule-soft);position:absolute;top:0;bottom:0;overflow:hidden}.era-segment-alt{background:#faf9f7}.era-label{font-family:var(--font-body);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;padding:7px 0;font-size:.76rem;font-weight:600;display:inline-block;position:sticky;left:10px}.lane-row{border-bottom:1px solid var(--rule-soft);display:flex;position:relative}.lane-label{z-index:4;background:var(--paper);border-right:1px solid var(--rule-soft);border-left:3px solid var(--track-color);font-family:var(--font-body);color:var(--ink);align-items:center;padding:0 14px;font-size:.86rem;font-weight:600;display:flex;position:sticky;left:0}.lane-content{flex:1;position:relative}.entry{cursor:pointer;white-space:nowrap;height:26px;font-family:var(--font-body);color:var(--ink-soft);background:0 0;border:none;align-items:center;gap:0;padding:0;font-size:.85rem;font-weight:400;display:flex;position:absolute}.entry:hover{color:var(--ink)}.entry:hover .entry-connector{background:var(--ink-faint)}.entry-bar{border-radius:6px;flex-shrink:0;height:11px;display:inline-block}.entry-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px}.entry-connector{background:var(--rule-soft);flex-shrink:0;width:14px;height:1.5px;margin:0 2px}.entry-label-group{align-items:baseline;gap:0;display:flex;overflow:hidden}.entry-dates{color:var(--ink-faint);margin-left:6px;font-size:.76rem;font-weight:400}.entry-dates:before{content:"·";margin-right:6px}.entry-selected{color:var(--ink);font-weight:600}.entry-selected .entry-connector{background:var(--ink-faint)}.entry-selected .entry-label{text-decoration:underline;-webkit-text-decoration-color:var(--rule-soft);text-decoration-color:var(--rule-soft);text-underline-offset:3px}.endcap{font-family:var(--font-body);color:var(--ink-faint);white-space:nowrap;font-size:.76rem;font-style:italic;position:absolute}.popover{z-index:20;border:1px solid var(--rule-soft);border-top:3px solid var(--track-color,var(--ink));background:#fff;border-radius:2px;padding:22px 22px 20px;position:fixed;box-shadow:0 8px 26px #14141424}.popover-sheet{border-top:3px solid var(--track-color,var(--ink));border-radius:12px 12px 0 0;max-height:62vh;bottom:0;left:0;right:0;overflow-y:auto}.popover-close{cursor:pointer;color:var(--ink-faint);font-size:1.3rem;line-height:1;font-family:var(--font-body);background:0 0;border:none;position:absolute;top:12px;right:14px}.popover-close:hover{color:var(--ink)}.popover-eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.popover-title-row{align-items:center;gap:12px;margin:10px 0 6px;display:flex}.popover-icon{flex-shrink:0;width:30px;height:34px}.popover-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--ink);margin:0;font-size:1.5rem;font-weight:900}.popover-meta{font-family:var(--font-body);color:var(--ink-soft);gap:12px;margin:0 0 12px;font-size:.8rem;display:flex}.popover-detail{color:#2a2a2a;margin:0 0 14px;font-size:.9rem;line-height:1.55}.popover-links{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.popover-link{font-family:var(--font-body);color:var(--track-color,var(--ink));border-bottom:1px solid #0000;align-items:center;gap:6px;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.popover-link:hover{border-bottom-color:currentColor}.popover-link-icon{opacity:.75;flex-shrink:0}.popover-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.popover-tag{font-family:var(--font-body);color:var(--ink-soft);background:#f4f4f4;border-radius:999px;padding:4px 11px;font-size:.68rem;font-weight:500}.popover-source{color:var(--ink-faint);border-top:1px solid var(--rule-soft);margin:0;padding-top:10px;font-size:.74rem;font-style:italic}@media (width<=720px){.panel-toggle-btn{display:inline-block}.control-bar{display:none}.control-bar.is-open{display:block}}.app-footer{border-top:1px solid var(--rule-soft);padding:16px 0 20px}.app-footer-content{width:max-content;font-family:var(--font-body);color:var(--ink-faint);padding-left:32px;font-size:.78rem;position:sticky;left:0}.app-footer-content a{color:var(--ink-faint);text-decoration:underline;-webkit-text-decoration-color:var(--rule-soft);text-decoration-color:var(--rule-soft)}.app-footer-content a:hover{color:var(--ink-soft)}.search-icon-btn{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:#fff;border:1.3px solid #d6d6d6;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-icon-btn:hover{border-color:#aaa}.search-box{position:relative}.search-input-wrap{color:var(--ink-faint);background:#fff;border:1.3px solid #d6d6d6;border-radius:999px;align-items:center;gap:7px;width:210px;padding:6px 12px;display:flex}.search-input-wrap:focus-within{color:var(--ink);border-color:#aaa}.search-icon{color:inherit;flex-shrink:0}.search-input{min-width:0;font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:.84rem}.search-input::placeholder{color:var(--ink-faint)}.search-close-btn{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;flex-shrink:0;padding:0 0 0 2px;font-size:1.15rem;line-height:1}.search-box-mobile,.search-box-mobile .search-input-wrap{width:100%}.search-results{border:1px solid var(--rule-soft);z-index:30;background:#fff;border-radius:8px;width:300px;max-width:calc(100vw - 32px);max-height:340px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 8px 22px #1414141f}.search-box-mobile .search-results{width:auto;left:0;right:0}.search-result{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-result:hover,.search-result:focus{background:#f5f5f5}.search-result-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.search-result-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.search-result-track{color:var(--ink-faint);flex-shrink:0;font-size:.7rem}.search-no-results{color:var(--ink-faint);padding:10px 12px;font-size:.8rem;font-style:italic}