/* Knot overlay + scrubber — system tokens, dark ground */
#fgknot-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:flex-end;justify-content:center;background:rgba(11,20,28,.72);padding:16px}
#fgknot-overlay.open{display:flex}
.fgk-panel{background:#152532;border:.75px solid #6BA292;max-width:680px;width:100%;padding:14px 16px;box-shadow:0 24px 64px rgba(0,0,0,.5);margin-bottom:20px}
.fgk-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:center}
.fgk-info{display:flex;flex-direction:column;gap:6px}
.fgk-name{font-family:'Fraunces',serif;font-weight:600;font-size:18px;color:#F3EEE1}
.fgk-meta{font-family:'JetBrains Mono',monospace;font-size:8.5px;line-height:1.7;color:#98A6B0}
.fgk-pagelink{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;color:#6BA292;text-decoration:none}
.fgk-pagelink:hover{text-decoration:underline}
.fgk-close{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;color:#6BA292;cursor:pointer;border:.75px solid #576675;padding:4px 8px;align-self:flex-start}
.fgk-close:hover{border-color:#6BA292}
.fgk-scrub{display:flex;align-items:center;gap:10px;margin-top:12px;border-top:.75px solid #576675;padding-top:10px}
.fgk-play{font-family:'JetBrains Mono',monospace;font-size:10px;color:#6BA292;cursor:pointer;border:.75px solid #576675;padding:3px 8px;user-select:none}
.fgk-play:hover{border-color:#6BA292}
.fgk-range{flex:1;accent-color:#6BA292;height:2px}
.fgk-phase{font-family:'JetBrains Mono',monospace;font-size:7.5px;letter-spacing:1px;color:#9DB0BD;cursor:pointer;border-bottom:1.5px solid transparent;padding:2px 0}
.fgk-phase:hover{color:#6BA292;border-bottom-color:#6BA292}
@media (max-width:560px){.fgk-grid{grid-template-columns:1fr}}