html,body{height:100%}body{display:flex;flex-direction:column;min-height:100dvh;overflow:hidden}body>.shell{width:100%}body>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.atlas{--strip-h: 150px;--panel-w: 320px;position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:var(--paper)}.atlas #stage{position:absolute;inset:0}.atlas #stage canvas{display:block;outline:none}.atlas .bar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem var(--margin);pointer-events:none}.atlas .bar>*{pointer-events:auto}.atlas .mark,.atlas .label,.atlas .chip,.atlas .hint,.atlas .range-label,.atlas .count,.atlas .more,.atlas .toggle span,.atlas .btn-clear,.atlas .btn-filters,.atlas .strip-date{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--tracking-label)}.atlas .mark{color:var(--ink);font-weight:500;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.atlas .panel-toggle{flex:0 0 auto}.atlas .mark em{font-style:normal;color:var(--muted)}.atlas .hint{color:var(--muted);text-align:right;text-transform:none;letter-spacing:0;max-width:56ch;pointer-events:none}.atlas .hint b{color:var(--accent);font-weight:500}.atlas .panel{position:absolute;top:3.6rem;left:var(--margin);z-index:20;width:var(--panel-w);max-height:calc(100% - var(--strip-h) - 11rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:var(--line) transparent;display:flex;flex-direction:column;gap:1rem}.atlas .facet{display:flex;flex-direction:column;gap:.45rem}.atlas .facet.extra{display:none}.atlas .panel.expanded .facet.extra{display:flex}.atlas .facet-head{display:flex;align-items:baseline;justify-content:space-between}.atlas .label{color:var(--muted)}.atlas .facet-head .swatch{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.5rem;vertical-align:1px}.atlas .chips{display:flex;flex-wrap:wrap;gap:.35rem}.atlas .chip{--glow: var(--accent);background:transparent;color:var(--glow);border:1px solid color-mix(in srgb,var(--glow) 40%,transparent);border-radius:var(--r-pill);padding:.3rem .7rem;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.atlas .chip .count{color:var(--muted);margin-left:.35rem;letter-spacing:0}.atlas .chip:hover{background:color-mix(in srgb,var(--glow) 10%,transparent);border-color:color-mix(in srgb,var(--glow) 70%,transparent)}.atlas .chip:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.atlas .chip.on{background:color-mix(in srgb,var(--glow) 12%,transparent);border-color:var(--glow);box-shadow:0 0 0 .5px color-mix(in srgb,var(--glow) 55%,transparent),0 0 8px color-mix(in srgb,var(--glow) 30%,transparent),0 0 18px color-mix(in srgb,var(--glow) 12%,transparent)}.atlas .chip.hidden{display:none}.atlas .more{background:none;border:0;color:var(--muted);cursor:pointer;padding:.3rem .2rem}.atlas .more:hover{color:var(--accent)}.atlas .panel-tools{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.atlas .toggle{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);cursor:pointer}.atlas .toggle input{accent-color:var(--accent)}.atlas .btn-clear{background:none;border:0;color:var(--accent-active);cursor:pointer;padding:0}.atlas .btn-clear:hover{text-decoration:underline;text-underline-offset:.35em}.atlas .btn-filters{background:none;border:1px solid var(--line);color:var(--accent);border-radius:var(--r-pill);padding:.3rem .8rem;cursor:pointer;transition:border-color .2s}.atlas .btn-filters:hover{border-color:var(--accent)}.atlas .btn-filters .caret{display:inline-block;transition:transform .2s;margin-left:.35rem}.atlas .panel.expanded .btn-filters .caret{transform:rotate(180deg)}.atlas .strip{position:absolute;left:50%;bottom:5.4rem;transform:translate(-50%);z-index:20;width:min(820px,calc(100% - 2.5rem));height:var(--strip-h);display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem}.atlas .strip-date{color:var(--muted);text-align:center;height:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atlas .strip-date b{color:var(--ink);font-weight:500}.atlas .strip-track{position:relative;height:118px;cursor:grab;user-select:none;touch-action:pan-x;display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 calc(50% - 40px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%)}.atlas .strip-track::-webkit-scrollbar{display:none}.atlas .strip-track.dragging{cursor:grabbing;scroll-snap-type:none}.atlas .si{flex:0 0 auto;height:70px;width:auto;border:0;padding:0;background:var(--well);cursor:pointer;scroll-snap-align:center;opacity:.5;transform:scale(.9);transition:transform .25s var(--ease),opacity .25s;outline:1px solid var(--line);outline-offset:0}.atlas .si img{height:100%;width:auto;display:block;pointer-events:none;-webkit-user-drag:none}.atlas .si.on{opacity:1;transform:scale(1.6);z-index:2;outline:1px solid var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 35%,transparent)}.atlas .si.hidden{display:none}.atlas .si:focus-visible{outline:2px solid var(--accent)}.atlas .time{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:20;width:min(560px,calc(100% - 2.5rem));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.6rem .9rem;background:color-mix(in srgb,var(--paper) 80%,transparent);border:1px solid var(--line);border-radius:var(--r-control);backdrop-filter:blur(6px)}.atlas .range-label{color:var(--ink);font-variant-numeric:tabular-nums;min-width:3.2ch}.atlas .range-wrap{position:relative;height:22px}.atlas .range-wrap input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:22px;margin:0;background:transparent;cursor:ew-resize;touch-action:none}.atlas .range-wrap:before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:var(--line)}.atlas .range-wrap .fill{position:absolute;top:10px;height:1px;background:var(--accent)}.atlas .range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:0;background:var(--accent);border:0;cursor:ew-resize;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 45%,transparent)}.atlas .range-wrap input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:0;background:var(--accent);border:0;cursor:ew-resize}.atlas .range-wrap input[type=range]::-moz-range-track{background:transparent}.atlas .hover{position:absolute;right:var(--margin);top:7rem;z-index:20;max-width:340px;padding:.75rem .9rem;background:var(--frame-paper);border:1px solid var(--line);border-radius:var(--r-control);opacity:0;transform:translateY(-4px);transition:opacity .18s,transform .18s;pointer-events:none}.atlas .hover.show{opacity:1;transform:none}.atlas .hover .cap{font-size:.95rem;color:var(--ink)}.atlas .hover .meta{color:var(--muted);margin-top:.25rem;font-size:.85rem}.atlas .tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.55rem}.atlas .tag{--glow: var(--accent);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--glow);border:1px solid color-mix(in srgb,var(--glow) 40%,transparent);border-radius:var(--r-pill);padding:.1rem .5rem}.atlas .lb{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:#0b0b0bed;padding:2rem}.atlas .lb.open{display:flex}.atlas .lb figure{margin:0;max-width:min(1100px,100%);max-height:100%;display:grid;grid-template-rows:1fr auto;gap:.9rem}.atlas .lb img{max-width:100%;max-height:calc(100vh - 10rem);object-fit:contain;border:1px solid var(--line);background:var(--well);justify-self:center;transition:filter .25s}.atlas .lb img.loading{filter:blur(6px)}.atlas .lb figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem}.atlas .lb .cap{font-size:1rem}.atlas .lb .meta{color:var(--muted)}.atlas .lb .tags{width:100%;margin-top:0}.atlas .lb .close{position:fixed;top:1rem;right:var(--margin);background:none;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;padding:.45rem .8rem;border-radius:var(--r-pill);cursor:pointer}.atlas .lb .close:hover{color:var(--accent);border-color:var(--accent)}.atlas .lb a.proj{color:var(--accent);text-decoration:underline;text-underline-offset:.35em;font-family:var(--font-mono);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em}.atlas .panel-toggle{display:none}@media(pointer:coarse){.atlas .range-wrap,.atlas .range-wrap input[type=range]{height:34px}.atlas .range-wrap:before,.atlas .range-wrap .fill{top:16px}.atlas .range-wrap input[type=range]::-webkit-slider-thumb{width:24px;height:24px;border-radius:50%}.atlas .range-wrap input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%}}@media(max-width:720px),(max-device-width:720px){.atlas .hint{display:none}.atlas .panel{display:none;left:.75rem;right:.75rem;width:auto;top:3.4rem;max-height:40%;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid var(--line);border-radius:var(--r-control);padding:.8rem;backdrop-filter:blur(6px)}.atlas .panel.open{display:flex}.atlas .panel-toggle{display:inline-block;background:none;border:1px solid var(--line);color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .75rem;border-radius:var(--r-pill)}.atlas .time{bottom:.75rem}.atlas .strip{bottom:4.8rem}.atlas .hover{display:none}.atlas .lb{padding:1rem}}@media(prefers-reduced-motion:reduce){.atlas .hover,.atlas .chip,.atlas .lb img,.atlas .si{transition:none}}