:root{--font-mono: "Iosevka Web", "Iosevka", ui-monospace, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #ffffff;--color-text: #666666;--color-text-subtle: #999999;--color-border: rgba(0, 0, 0, .06);--post-spacing: 30px;--padding: 1rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{width:100%;padding:var(--padding)}.toolbar{position:fixed;top:var(--padding);left:calc(var(--padding) + 2rem);z-index:100;display:flex;gap:.5rem;align-items:center}.toolbar-group{display:flex;gap:2px}.toolbar-btn{background:var(--color-bg);border:1px solid var(--color-border);padding:.35rem .6rem;cursor:pointer;font-family:var(--font-mono);font-size:.7rem;line-height:1;color:var(--color-text-subtle);transition:color .15s ease,border-color .15s ease}.toolbar-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-subtle)}.toolbar-btn:disabled{opacity:.4;cursor:default}.toolbar-btn.active{color:var(--color-text);border-color:var(--color-text-subtle)}.view-toggle{font-size:.9rem;padding:.3rem .45rem}.view-icon{display:none}.grid-icon{display:inline}.view-toggle.active .grid-icon{display:none}.view-toggle.active .feed-icon{display:inline}.feed{display:flex;flex-direction:column;margin-left:2rem}.feed.grid-view{position:relative;margin-left:2rem}.feed.grid-view .post{margin-bottom:0;text-align:left;overflow:hidden}.feed.grid-view .post:after{display:none}.feed.grid-view .post-meta{display:none}.feed.grid-view .post-link{display:block;width:100%;height:100%}.feed.grid-view .post-image-container{width:100%;height:100%;aspect-ratio:unset}.feed.grid-view .post-image-container.landscape,.feed.grid-view .post-image-container.portrait,.feed.grid-view .post-image-container.square{height:100%}.feed.grid-view .post-image-container .post-image{width:100%;height:100%;max-height:none;object-fit:cover}.post{margin-bottom:var(--post-spacing);text-align:right}.post:last-child{margin-bottom:0}.post-link{display:block;text-decoration:none;color:inherit;line-height:0}.post-image-container{position:relative;display:inline-block;background-size:cover;background-position:center}.post-image{display:block;transition:opacity .3s ease}.post-image-container.landscape .post-image{width:85vw;height:auto;max-width:100%;max-height:none}.post-image-container.portrait .post-image,.post-image-container.square .post-image{height:115vh;width:auto;max-height:115vh;max-width:100%}.post-meta{margin-top:1rem;text-align:right}.post-date{font-size:.75rem;color:var(--color-text-subtle);letter-spacing:.02em}.post-caption{margin-top:.5rem;font-size:.8125rem;color:var(--color-text);line-height:1.5}.post:after{content:"";display:block;width:100%;height:1px;background:var(--color-border);margin-top:var(--post-spacing)}.post:last-child:after{display:none}.post-page{text-align:center}.post-page .landscape .post-image{width:100%;height:auto;max-width:100%;max-height:none}.post-page .portrait .post-image,.post-page .square .post-image{height:100vh;width:auto;max-height:100vh;max-width:100%}.back-link{display:block;margin-bottom:var(--padding);font-size:.75rem;color:var(--color-text-subtle);text-decoration:none;letter-spacing:.02em;text-align:left}.back-link:hover{color:var(--color-text)}.loader{text-align:center;padding:var(--padding);color:var(--color-text-subtle);font-size:.75rem}.loader.hidden{display:none}.post-image-container.loading .post-image{opacity:0}.post-image-container.loaded .post-image{opacity:1}.modal{position:fixed;inset:0;background:#fffffffa;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.modal.open{opacity:1;visibility:visible}.modal-content{display:flex;flex-direction:column;align-items:center;max-width:95vw;max-height:95vh}.modal-image{max-width:90vw;max-height:85vh;object-fit:contain}.modal-image.portrait,.modal-image.square{max-height:90vh;width:auto}.modal-image.landscape{max-width:95vw;height:auto}.modal-meta{margin-top:1rem;text-align:center}.modal-date{font-size:.75rem;color:var(--color-text-subtle);letter-spacing:.02em}.modal-caption{margin-top:.5rem;font-size:.8125rem;color:var(--color-text);line-height:1.5}.modal-close{position:absolute;top:var(--padding);right:var(--padding);background:none;border:none;font-size:1.5rem;color:var(--color-text-subtle);cursor:pointer;padding:.5rem;line-height:1;transition:color .15s ease}.modal-close:hover{color:var(--color-text)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.25rem;color:var(--color-text-subtle);cursor:pointer;padding:1rem;transition:color .15s ease}.modal-nav:hover{color:var(--color-text)}.modal-prev{left:var(--padding)}.modal-next{right:var(--padding)}.timeline{position:fixed;left:var(--padding);top:50%;transform:translateY(-50%);height:70vh;display:flex;align-items:center;gap:.75rem;z-index:100}.timeline-track{width:1px;height:100%;background:#00000026;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none}.timeline-track:before{content:"";position:absolute;inset:0 -10px}.timeline-track:hover{background:var(--color-text)}.timeline-thumb{position:absolute;left:50%;transform:translate(-50%,-50%);width:4px;height:24px;background:var(--color-text-subtle);border-radius:2px;pointer-events:none;transition:top .15s ease}.timeline.dragging .timeline-thumb{transition:none}.timeline-track:hover .timeline-thumb,.timeline:active .timeline-thumb{background:var(--color-text)}.timeline-date{position:absolute;left:1.5rem;transform:translateY(-50%);font-size:.7rem;font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg);padding:.25rem .5rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .1s ease;border:1px solid var(--color-border);cursor:pointer;user-select:none;-webkit-user-select:none}.timeline-date.visible{opacity:1;visibility:visible;pointer-events:auto}@media(max-width:750px){:root{--padding: 1.25rem;--post-spacing: 60px}html{font-size:13px}.post-image-container.portrait .post-image,.post-image-container.square .post-image{width:100%;height:auto;max-height:none}.modal-nav{padding:.5rem;font-size:1rem}.modal-image{max-width:100vw;max-height:80vh}.timeline{display:none}.feed,.feed.grid-view{margin-left:0}.toolbar{left:var(--padding)}}