*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif:Georgia, "Times New Roman", serif;--font-sans:system-ui, sans-serif;--color-bg:#faf8f4;--color-text:#1a1a1a;--color-text-muted:#666;--color-divider:#ddd;--color-bar:#8b69148c;--color-bar-bg:#8b691412;--color-menu-bg:#fff;--color-menu-shadow:#0000002e;--gutter-width:33.33%;--header-height:3rem}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5}.app{flex-direction:column;height:100%;display:flex}.app-header{min-height:var(--header-height);border-bottom:1px solid var(--color-divider);background:var(--color-bg);flex-direction:column;flex:none;display:flex;position:relative}.app-header-row{height:var(--header-height);align-items:center;display:flex;position:relative}.header-title-group{align-items:center;gap:.75rem;display:flex;position:absolute;left:1.5rem}.app-header h1{font-family:var(--font-serif);letter-spacing:.03em;white-space:nowrap;pointer-events:none;font-size:1.1rem;font-weight:400}.header-poem-section{flex:0 0 60%;justify-content:center;align-items:center;display:flex}.header-anno-section{flex:1;justify-content:flex-start;align-items:center;padding-left:.75rem;display:flex}.search-input{border:1px solid var(--color-divider);width:12rem;height:1.6rem;font-family:var(--font-sans);background:var(--color-bg);color:inherit;border-radius:3px;outline:none;padding:0 .5rem;font-size:.82rem}.search-input:focus{border-color:#49f;box-shadow:0 0 0 2px #49f3}.search-hit{background:#e6333347;border-radius:2px}.episode-menu-wrap{position:relative}.episode-btn{border:1px solid var(--color-text);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:.3rem 1.1rem;font-size:1.15rem;transition:background .15s,color .15s}.episode-btn:hover,.episode-btn.open{background:var(--color-text);color:var(--color-bg)}.episode-dropdown{background:var(--color-bg);border:1px solid var(--color-divider);z-index:200;border-radius:4px;min-width:200px;position:absolute;top:calc(100% + 4px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.episode-item{border:none;border-bottom:1px solid var(--color-divider);width:100%;font-family:var(--font-sans);color:var(--color-text);text-align:center;cursor:pointer;background:0 0;padding:.4rem 1rem;font-size:.95rem;transition:background .1s;display:block}.episode-item:last-child{border-bottom:none}.episode-item:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.episode-item.current{font-weight:600}.anno-toggle{color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.anno-toggle input[type=checkbox]{accent-color:var(--color-disc)}.author-filter{position:relative}.author-filter-btn{border:1px solid var(--color-divider);cursor:pointer;color:var(--color-text-muted);background:0 0;border-radius:4px;padding:.25rem .6rem;font-size:.8rem}.author-filter-btn:hover{background:var(--color-trigger-bg)}.author-filter-dropdown{background:var(--color-menu-bg);border:1px solid var(--color-divider);box-shadow:0 4px 16px var(--color-menu-shadow);z-index:100;border-radius:6px;min-width:180px;padding:.4rem 0;position:absolute;top:calc(100% + 4px);right:0}.author-filter-item{cursor:pointer;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.82rem;display:flex}.author-filter-item:hover{background:var(--color-trigger-bg)}.author-filter-item input{accent-color:var(--color-disc)}.columns{flex:1 1 0;display:flex;position:relative;overflow:hidden}.highlight-pane{z-index:45;background:var(--color-bg);border-right:1px solid var(--color-divider);flex-direction:column;width:60%;height:100%;display:flex;position:absolute;top:0;left:0}.highlight-pane-scroll{flex:1;padding:1.5rem 2rem 1rem;overflow:auto}.hlp-title{font-family:var(--font-serif);margin-bottom:1.25rem;font-size:1rem;font-weight:400}.hlp-group-list{flex-direction:column;gap:.55rem;display:flex}.hlp-item{cursor:pointer;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.hlp-item.disabled{opacity:.38;cursor:default;pointer-events:none}.hlp-color-swatch{border:1px solid;border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}.hlp-name{font-weight:500}.hlp-footer{border-top:1px solid var(--color-divider);justify-content:flex-end;gap:.5rem;padding:.75rem 2rem 1rem;display:flex}.hlp-btn{border:1px solid var(--color-text);cursor:pointer;border-radius:3px;padding:.3rem .9rem;font-family:inherit;font-size:.82rem;transition:background .12s,color .12s}.hlp-btn:disabled{opacity:.38;cursor:default}.hlp-clear{color:var(--color-text);background:0 0}.hlp-clear:not(:disabled):hover,.hlp-done{background:var(--color-text);color:var(--color-bg)}.hlp-done:hover{opacity:.82}.name-lozenge{vertical-align:middle;border-radius:100px;flex-shrink:0;width:15px;height:10px;margin-right:2px;display:inline-block}.hlp-names-title{margin-top:1.75rem}.hlp-names-filter{border:1px solid var(--color-divider);width:100%;height:1.6rem;font-family:var(--font-sans);background:var(--color-bg);color:inherit;border-radius:3px;outline:none;margin-bottom:.75rem;padding:0 .5rem;font-size:.82rem;display:block}.hlp-names-filter:focus{border-color:#49f;box-shadow:0 0 0 2px #49f3}.hlp-names-chips{flex-wrap:wrap;gap:.35rem .4rem;max-height:14rem;display:flex;overflow-y:auto}.hlp-name-chip{border:1px solid var(--color-divider);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:100px;align-items:center;padding:.18rem .5rem;font-size:.8rem;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.hlp-name-chip:not(.checked):not(.disabled):hover{background:#0000000f}.hlp-name-chip.disabled{opacity:.38;cursor:default;pointer-events:none}.highlight-legend{border-top:1px solid var(--color-divider);flex-wrap:wrap;gap:.6rem 1.25rem;padding:.45rem 1.5rem .6rem;display:flex}.legend-item{align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.highlight-toggle-btn{font-family:inherit;font-size:inherit;border:1px solid var(--color-text);cursor:pointer;white-space:nowrap;color:var(--color-text);background:0 0;border-radius:3px;align-items:center;gap:.45rem;padding:.28rem .75rem;transition:background .12s,color .12s;display:inline-flex}.highlight-toggle-btn:hover,.highlight-toggle-btn.open{background:var(--color-text);color:var(--color-bg)}.hl-btn-lozenges{align-items:center;gap:3px;display:inline-flex}.hl-btn-lozenge{border-radius:100px;flex-shrink:0;width:15px;height:8px;display:inline-block}.navigator-panel{background:var(--color-bg);border-left:1px solid var(--color-divider);z-index:50;flex-direction:column;width:40%;height:100%;transition:transform .22s,width .22s;display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%)}.navigator-panel.open{transform:translate(0)}.navigator-panel.zoomed{width:calc(100% - 20px)}.navigator-header{border-bottom:1px solid var(--color-divider);flex-shrink:0;align-items:center;padding:.35rem .6rem;display:flex}.navigator-header-spacer{flex:1}.navigator-episode-select{font-family:var(--font-serif);border:1px solid var(--color-text);color:var(--color-text);cursor:pointer;background:0 0;border-radius:3px;outline:none;flex:none;padding:.15rem .5rem;font-size:1.05rem}.navigator-episode-select:hover{background:var(--color-text);color:var(--color-bg)}.navigator-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:flex-end;padding:.1rem .3rem;font-size:.9rem;line-height:1;display:flex}.navigator-close:hover{color:var(--color-text)}.navigator-canvas-wrap{scrollbar-width:none;flex:1;position:relative;overflow:auto hidden}.navigator-canvas-wrap::-webkit-scrollbar{display:none}.navigator-click-hint{color:#fff;letter-spacing:.05em;pointer-events:none;-webkit-user-select:none;user-select:none;background:#000000c7;border-radius:8px;padding:.4em .9em;font-size:2rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.poem-column{flex:0 0 60%;padding:2rem 10px 4rem;overflow-y:scroll}.poem-column::-webkit-scrollbar{width:8px}.poem-column::-webkit-scrollbar-track{background:0 0}.poem-column::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}.poem-column::-webkit-scrollbar-thumb:hover{background:#00000073}.poem-title{font-family:var(--font-serif);padding-left:calc(var(--gutter-width) + 10px);margin-bottom:.25rem;font-size:1.4rem;font-weight:400}.poem-author{color:var(--color-text-muted);padding-left:calc(var(--gutter-width) + 10px);margin-bottom:2rem;font-size:.85rem}.poem-section{margin-bottom:2.5rem}.section-title-row{align-items:baseline;gap:10px;margin-bottom:1rem;display:flex}.section-title{font-family:var(--font-serif);color:var(--color-text-muted);font-size:1rem;font-style:italic;font-weight:400}.poem-line-wrapper{align-items:stretch;gap:10px;display:flex}@keyframes echo-flash{0%{background-color:#8b691400}6%{background-color:#8b691429}30%{background-color:#8b691429}to{background-color:#8b691400}}.line-echo-target{animation:2s ease-out forwards echo-flash}.echo-link-highlight{border-radius:3px;animation:2s ease-out forwards echo-flash}.anno-bar-pane{flex:0 0 calc(var(--gutter-width) + 1.1rem);align-items:stretch;display:flex}.bookmark-col{flex:0 0 1.1rem;position:relative}.bookmark-cb{box-sizing:border-box;cursor:pointer;opacity:0;background:0 0;border:1.5px solid #bbb;border-radius:2px;width:.85rem;padding:0;font-size:0;transition:opacity .12s,border-color .12s,background .12s;position:absolute;left:0}.poem-column:has(.anno-bar-pane:hover) .bookmark-cb{opacity:1}.bookmark-cb.bookmarked{background:#e6f5e6;border-color:#2a8a2a;opacity:1!important}.bookmark-cb.bookmarked:after{content:"✓";text-align:center;color:#2a8a2a;width:100%;font-size:.65rem;font-weight:700;line-height:1;display:block}.line-gutter{flex:1;position:relative}.poem-line{font-family:var(--font-serif);white-space:pre-wrap;flex:1;min-height:1.8em;font-size:1rem;line-height:1.8}.bar-wrapper{justify-content:flex-end;align-items:center;display:flex;position:absolute;left:0;right:10px}.annotation-bar{cursor:pointer;background:#fff;border-radius:2px;align-items:center;gap:2px;min-width:3px;height:calc(50% + 3px);transition:box-shadow .1s;display:flex;overflow:visible}.annotation-bar.active{box-shadow:0 0 0 3px #0000008c}.bar-active-count{font-family:var(--font-sans);color:#000000a6;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bar-segment{align-self:stretch;height:100%;display:block;box-shadow:inset 0 0 0 1px #00000040}.highlight-segment{border-radius:100px;align-self:center;min-width:4px;height:16px;display:block;box-shadow:0 1px 3px #00000040}.highlight-stack{cursor:pointer;border-radius:2px;flex-direction:column;gap:2px;min-width:3px;display:flex}.highlight-stack.active{box-shadow:0 0 0 1.5px #0000008c}.highlight-pill{border-radius:2px;width:100%;height:5px}.menu-hl-lozenge{pointer-events:none;border-radius:100px;width:20px;height:7px;position:absolute;top:5px;right:6px;box-shadow:0 1px 2px #00000038}.anno-menu{z-index:200;background:var(--color-menu-bg);border:1px solid var(--color-divider);width:calc(20% - 20px);box-shadow:4px 4px 20px var(--color-menu-shadow);white-space:normal;font-family:var(--font-sans);border-radius:0 0 6px;padding:.3rem 0;font-size:1rem;line-height:1.4;position:fixed;left:10px}.anno-menu-group-label{text-transform:uppercase;letter-spacing:.08em;padding:.25rem .9rem .1rem;font-size:.68rem;font-weight:600}.anno-menu-item{cursor:pointer;border-left:3px solid #0000;padding:.45rem .9rem;font-size:.85rem;display:block;position:relative}.anno-menu-item:hover,.anno-menu-item.selected{background:var(--color-bar-bg)}.anno-menu-item .item-title{font-family:var(--font-serif);display:block}.anno-menu-item .item-meta{color:var(--color-text-muted);font-size:.72rem;display:block}.anno-menu-item .item-poem-text{font-style:italic}.anno-menu-divider{background:var(--color-divider);height:1px;margin:.2rem 0;display:block}.anno-column{border-left:1px solid var(--color-divider);flex:0 0 40%;padding:2rem 1.5rem 4rem;overflow-y:auto}.anno-column-empty{color:var(--color-text-muted);padding-top:.5rem;font-size:.88rem;font-style:italic}.anno-pane{flex-direction:column;gap:1.2rem;display:flex}.anno-content{flex-direction:column;gap:.8rem;display:flex}.anno-content-header{flex-direction:column;gap:.2rem;display:flex}.anno-content-group-bar{align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.anno-content-group-name{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:600}.anno-content-group-line{border-radius:1px;flex:1;height:2px}.anno-content-level{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);font-size:.72rem}.anno-content-title{font-family:var(--font-serif);font-size:1.15rem;font-weight:400}.anno-content-poem-text{font-family:var(--font-serif);color:var(--color-text-muted);font-size:.88rem;font-style:italic}.anno-content-meta{color:var(--color-text-muted);font-size:.75rem}.anno-content-body a.echo-link{cursor:pointer;color:inherit;border-bottom:1px solid;font-style:italic;font-weight:600;text-decoration:none}.anno-content-body a.echo-link:hover{opacity:.7}.anno-content-body{font-size:.9rem;line-height:1.7}.anno-content-body p{margin-bottom:.7rem}.anno-content-body p:last-child{margin-bottom:0}.anno-content-body em{font-style:italic}.anno-content-body strong{font-weight:600}.anno-content-body blockquote{border-left:3px solid var(--color-disc);color:var(--color-text-muted);margin:.5rem 0;padding-left:.8rem;font-style:italic}.anno-related{flex-direction:column;gap:.3rem;display:flex}.anno-related-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:.1rem;font-size:.72rem}.anno-related-item{font-size:.82rem;font-family:var(--font-serif);color:var(--color-text-muted);border-left:2px solid var(--color-divider);cursor:pointer;padding:.2rem .5rem}.anno-related-item:hover{color:var(--color-disc);border-left-color:var(--color-disc)}@media (width<=700px){.columns{flex-direction:column;overflow:visible}.poem-column,.anno-column{flex:none;width:100%;padding:1.5rem 0;overflow-y:visible}.anno-column{border-left:none;border-top:1px solid var(--color-divider)}}