@property --zoom{syntax:"<number>";inherits:true;initial-value:1}:root{--green:#0f0;--blue:#4da3ff;--ink:#000;--paper:#fff;--pad:2dvw;--lw:max(1px, .25dvh);--label-w:4dvw;--view-w:calc(100dvw - var(--pad)*2 - var(--label-w));--pad-v:2dvh;--gap-v:2.5dvh;--bar-h:7dvh;--axis-h:6dvh;--grid-h:calc(100dvh - var(--pad-v)*2 - var(--gap-v)*2 - var(--bar-h)*2 - var(--axis-h));--board-h:calc(var(--grid-h)/10.5);--m:calc(var(--board-h)*4.05);--metres:24;--font:3.6dvh}*{box-sizing:border-box}body,html{background:var(--paper);height:100dvh;color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--font);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;overflow:hidden}input{-webkit-user-select:text;user-select:text}button,input{font:inherit;color:inherit}.search[data-v-5ba6dfce]{z-index:10;height:var(--bar-h);gap:1.5dvw;display:flex}.field[data-v-5ba6dfce],.search[data-v-5ba6dfce]{position:relative}.field[data-v-5ba6dfce]{flex:1}.message[data-v-5ba6dfce],.option[data-v-5ba6dfce],input[data-v-5ba6dfce]{width:100%;height:var(--bar-h);border:var(--lw) solid var(--ink);background:var(--paper);text-align:left;border-radius:1.2dvh;padding:0 1dvw}input[data-v-5ba6dfce]{white-space:nowrap;text-overflow:ellipsis;outline:none;overflow:hidden}.zoomed input[data-v-5ba6dfce]{border-color:#0000}input[data-v-5ba6dfce]::-webkit-search-cancel-button{display:none}.dropdown[data-v-5ba6dfce]{z-index:10;max-height:calc(100dvh - var(--pad-v) - var(--bar-h));padding-block:.8dvh var(--pad-v);flex-direction:column;gap:.8dvh;display:flex;position:fixed;right:0;overflow-y:auto}.backdrop[data-v-5ba6dfce]{z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;inset:0}.option[data-v-5ba6dfce]{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:none;overflow:hidden}.option[data-v-5ba6dfce]:focus-visible,.option[data-v-5ba6dfce]:hover{background:var(--ink);color:var(--green);outline:none}.message[data-v-5ba6dfce]{margin:0}.go[data-v-5ba6dfce],.message[data-v-5ba6dfce]{align-items:center;display:flex}.go[data-v-5ba6dfce]{background:var(--ink);color:var(--green);cursor:pointer;white-space:nowrap;border:0;border-radius:1.2dvh;padding:0 1.2dvw}kbd[data-v-5ba6dfce]{border:var(--lw) solid currentColor;font:inherit;opacity:.7;border-radius:.6dvh;margin-left:.5dvw;padding:.1em .4em;font-size:.7em;line-height:1}.shelf[data-v-5f46aa8b]{--board-h:calc(var(--grid-h)/var(--rows)*var(--zoom));--m:calc(var(--board-h)*4.05);--zp:calc((var(--zoom) - 1)/(var(--rows) - 1));--tx:clamp(calc(var(--zp)*var(--view-w)/-2), var(--x) * var(--m) / 10 - var(--view-w) / 2, var(--metres) * var(--m) - var(--view-w) + var(--zp) * var(--view-w) / 2);--ty:clamp(0px, var(--y) * var(--board-h) - var(--grid-h) / 2, var(--rows) * var(--board-h) - var(--grid-h));grid-template-columns:var(--label-w) 1fr;grid-template-rows:var(--grid-h) var(--axis-h);min-height:0;transition:--zoom .6s;display:grid}.axis-view[data-v-5f46aa8b],.labels-view[data-v-5f46aa8b],.viewport[data-v-5f46aa8b]{min-width:0;overflow:hidden}.axis-view[data-v-5f46aa8b]{grid-column:2}.labels[data-v-5f46aa8b]{height:calc(var(--rows)*var(--board-h));transform:translateY(calc(var(--ty)*-1));flex-direction:column;display:flex}.label[data-v-5f46aa8b]{flex:1;align-items:center;display:flex}.gap[data-v-5f46aa8b]{flex:var(--gap)}.track[data-v-5f46aa8b]{width:calc(var(--metres)*var(--m));transform:translate(calc(var(--tx)*-1),calc(var(--ty)*-1))}.grid[data-v-5f46aa8b]{height:calc(var(--rows)*var(--board-h));border-top:var(--lw) solid var(--ink);border-right:var(--lw) solid var(--ink);background:repeating-linear-gradient(to right,var(--ink) 0 var(--lw),transparent var(--lw) var(--m));flex-direction:column;display:flex;position:relative}.board[data-v-5f46aa8b]{border-bottom:var(--lw) solid var(--ink);flex:1}.board.gap[data-v-5f46aa8b]{flex:var(--gap)}.marker[data-v-5f46aa8b]{left:calc(var(--x)*var(--m)/10);width:calc(var(--m)/10);height:calc(100%/(10 + var(--gap)));position:absolute}.spot[data-v-5f46aa8b]{cursor:pointer;background:#0000001a}.spot[data-v-5f46aa8b]:hover{background:#00000040}.zoomed .spot[data-v-5f46aa8b]{display:none}.current[data-v-5f46aa8b]{background:var(--green);cursor:zoom-in}.zoomed .current[data-v-5f46aa8b]{cursor:default}.book[data-v-5f46aa8b]{left:calc(var(--x)*var(--m)/10 + var(--o)*var(--s));width:calc(var(--w)*var(--s));height:calc(var(--h)*var(--s));transform-origin:bottom;will-change:transform;justify-content:center;align-items:center;display:flex;overflow:hidden}.book[data-v-5f46aa8b]:after{content:"";box-shadow:inset calc(var(--lw)*-1) 0 #00000040;pointer-events:none;position:absolute;inset:0}.probe[data-v-5f46aa8b]{left:calc(var(--x)*var(--m)/10);width:calc(var(--s)*1000);height:var(--board-h);visibility:hidden;position:absolute}.zoomed .grid[data-v-5f46aa8b]{touch-action:none}.book img[data-v-5f46aa8b]{pointer-events:none;width:100%;height:100%;display:block}.book.photo[data-v-5f46aa8b]:after{box-shadow:none}.book[data-v-5f46aa8b]:not(.self):not(.photo){background:var(--blue)}.book.self.photo[data-v-5f46aa8b]:after{outline:4px solid var(--green);outline-offset:-4px}.zoomed .book[data-v-5f46aa8b]:not(.self){cursor:pointer}.book[data-v-5f46aa8b]:not(.self):hover:after{outline:3px solid var(--ink);outline-offset:-3px}.spine[data-v-5f46aa8b]{writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;max-height:96%;font-size:min(var(--font),calc(var(--w)*var(--s)*.55));line-height:1;overflow:hidden;transform:rotate(180deg)}.self .spine[data-v-5f46aa8b]{font-weight:700}.path[data-v-5f46aa8b]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.path path[data-v-5f46aa8b]{fill:none;stroke:var(--ink);stroke-width:var(--lw);vector-effect:non-scaling-stroke}.axis[data-v-5f46aa8b]{height:100%;width:calc(var(--metres)*var(--m));transform:translateX(calc(var(--tx)*-1));position:relative}.tick[data-v-5f46aa8b]{left:calc(var(--i)*var(--m));padding:.8dvh 0 0 .8dvw;line-height:1;position:absolute}.tick[data-v-5f46aa8b]:before{content:"";width:var(--lw);background:var(--ink);height:1.6dvh;position:absolute;top:0;left:0}.timeline[data-v-fcf4f3e9]{gap:2.5dvw}.arrow[data-v-fcf4f3e9],.timeline[data-v-fcf4f3e9]{height:var(--bar-h);align-items:center;display:flex}.arrow[data-v-fcf4f3e9]{width:var(--bar-h);background:var(--ink);cursor:pointer;border:0;border-radius:1.2dvh;flex:none;justify-content:center;padding:0}.arrow svg[data-v-fcf4f3e9]{width:40%;height:40%;fill:var(--green);display:block}.arrow[data-v-fcf4f3e9]:disabled{cursor:default;opacity:.2}.track[data-v-fcf4f3e9]{touch-action:none;flex:1;height:100%;position:relative}.track.active[data-v-fcf4f3e9]{cursor:pointer}.track.dragging[data-v-fcf4f3e9]{cursor:grabbing}.track[data-v-fcf4f3e9]:before{content:"";height:var(--lw);top:50%;left:0;right:0;transform:translateY(-50%)}.end[data-v-fcf4f3e9],.track[data-v-fcf4f3e9]:before{background:var(--ink);position:absolute}.end[data-v-fcf4f3e9]{width:var(--lw);height:50%;top:25%}.start[data-v-fcf4f3e9]{left:0}.stop[data-v-fcf4f3e9]{right:0}.dot[data-v-fcf4f3e9]{background:var(--ink);border-radius:50%;width:2.6dvh;height:2.6dvh}.dot[data-v-fcf4f3e9],.handle[data-v-fcf4f3e9]{position:absolute;top:50%;transform:translate(-50%,-50%)}.handle[data-v-fcf4f3e9]{width:2.8dvh;height:6dvh;fill:var(--green);cursor:grab;outline:none;transition:left .2s}.dragging .handle[data-v-fcf4f3e9]{cursor:grabbing;transition:none}.dragging .handle polygon[data-v-fcf4f3e9]{stroke:var(--ink);stroke-width:3px;vector-effect:non-scaling-stroke}.handle[data-v-fcf4f3e9]{overflow:visible}.date[data-v-fcf4f3e9]{white-space:nowrap;min-width:18dvh}.app[data-v-20d85949]{height:100dvh;padding:var(--pad-v) var(--pad);grid-template-rows:var(--bar-h) calc(var(--grid-h) + var(--axis-h)) var(--bar-h);gap:var(--gap-v);display:grid}