:root{--ink:#121212;--paper:#fff;--muted:#6b6b6b;--border:#e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper);color:var(--ink)}body{display:block}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}.site-header{background:var(--paper);border-bottom:2px solid var(--ink);position:-webkit-sticky;position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-row-gap:.1rem;row-gap:.1rem;grid-column-gap:1.5rem;column-gap:1.5rem;padding:max(.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) .5rem max(1.5rem,env(safe-area-inset-left))}.header-content{grid-column:1;justify-self:start}.header-navigation{grid-column:2;display:flex;justify-content:center}.header-comic-title{grid-column:1/-1;text-align:center;font-size:1.05rem;font-weight:600;padding-top:.25rem}.header-content{display:flex;align-items:center;gap:1rem}.logo-link{flex-shrink:0}.avatar{border-radius:50%;border:2px solid var(--ink)}.header-text{flex:1 1}.title-link{color:inherit}.title-link,.title-link:hover{text-decoration:none}.site-header h1{font-size:1.3rem;font-weight:700;margin:0}.site-header .subtitle{font-size:.85rem!important;color:var(--muted);margin-top:.15rem;display:block!important;visibility:visible!important;opacity:1!important}.about-link,.site-header .subtitle *{font-size:inherit!important;visibility:visible!important;opacity:1!important}.about-link{color:var(--ink)!important;text-decoration:none!important;font-weight:600!important;display:inline!important}.about-link:hover{text-decoration:underline!important}.site-header .subtitle,.site-header .subtitle .about-link{display:inline-block!important;visibility:visible!important;opacity:1!important;color:var(--ink)!important;font-size:.85rem!important;line-height:1.1!important;text-decoration:none!important;text-indent:0!important;overflow:visible!important;max-width:none!important;white-space:nowrap!important}main{flex:1 1;display:flex;flex-direction:column;align-items:center;max-width:100%;min-height:0;padding:.5rem .5rem .25rem}.comic-page{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.comic-page>main.comic-main{min-height:0;overflow:hidden}.comic-page .comic-container{min-height:0}.comic-page .comic-container.landscape .comic-image-wrapper,.comic-page .comic-container.portrait .comic-image-wrapper,.comic-page .comic-image-wrapper{max-height:100%}.about-wrapper{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;width:100%}.about-wrapper>.site-header{grid-row:1}.about-wrapper>.about-page{grid-row:2}.about-wrapper>footer{grid-row:3;width:100%}.about-page{width:100%;max-width:900px;margin:0 auto;padding:1.5rem 1rem 3rem;font-size:1rem;line-height:1.7;align-items:stretch}.about-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.25rem}.about-page p{margin:0 0 1rem}.about-page figure{margin:1.5rem 0}.about-page .about-image{display:block;max-width:100%;height:auto;border:1px solid var(--ink);background:var(--paper);margin:0 auto}.about-page figcaption{margin-top:.5rem;font-size:.85rem;color:var(--muted);text-align:center}.about-links{display:flex;justify-content:center;margin-top:1.25rem}.comic-container{width:100%;max-width:1400px;display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1 1;min-height:0}.comic-container.portrait{max-width:800px}.comic-container.landscape{max-width:1400px}.comic-container.landscape .comic-image-wrapper,.comic-container.portrait .comic-image-wrapper{max-height:calc(100vh - 105px)}.comic-title{font-size:.95rem;font-weight:600;text-align:center;margin:0;padding:0}.comic-image-wrapper{width:100%;flex:1 1;display:flex;justify-content:center;align-items:center;border:1px solid var(--ink);background:var(--paper);padding:0;min-height:0;overflow:hidden;transition:all .2s}.comic-image-wrapper.clickable{cursor:pointer}.comic-image-wrapper.clickable:hover{border-color:var(--muted);box-shadow:0 2px 8px rgba(0,0,0,.1)}.comic-image-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:1000;overflow-y:auto;overflow-x:hidden;cursor:pointer;animation:fadeIn .2s ease-in-out;padding:4rem 2rem 2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{min-height:100%;display:flex;justify-content:center;align-items:center;cursor:default;padding:1rem 0}.modal-content img{max-width:95vw;width:auto;height:auto;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pinch-zoom}.modal-content.portrait img{max-width:90vw;max-height:95vh}.modal-content.landscape img{max-width:95vw;max-height:90vh}.modal-close{position:fixed;top:1rem;right:1rem;background:hsla(0,0%,100%,.95);border:2px solid var(--ink);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1002;transition:all .2s;color:var(--ink);line-height:1;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.3)}.modal-close:hover{background:var(--ink);color:var(--paper);transform:scale(1.1)}.comic-nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:600px;padding:0;margin:0 auto;flex-shrink:0}.mobile-nav-container{display:none}.nav-btn .btn-full{display:inline}.nav-btn .btn-short,.nav-btn.random-btn .btn-full{display:none}.nav-btn.random-btn{min-width:72px}.nav-btn.random-btn .btn-short{display:inline;font-size:2.5em;line-height:1}.nav-btn{padding:.5rem 1rem;background:var(--paper);border:2px solid var(--ink);color:var(--ink);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-btn:hover:not(:disabled){background:var(--ink);color:var(--paper);text-decoration:none}.nav-btn:disabled{cursor:not-allowed}.nav-btn.primary{background:var(--ink);color:var(--paper)}.nav-btn.primary:active,.nav-btn.primary:hover{background:var(--paper);color:var(--ink)}.error-container{text-align:center;padding:3rem 1rem;max-width:600px;margin:0 auto}.error-container h2{font-size:1.5rem;margin-bottom:1rem}.error-container p{color:var(--muted);margin-bottom:1.5rem;line-height:1.6}footer{text-align:center;color:var(--muted);font-size:.65rem;border-top:1px solid var(--border);flex-shrink:0;width:100%;margin-top:auto;padding:.35rem 1rem max(.35rem,env(safe-area-inset-bottom))}@media (max-width:768px){.site-header{row-gap:.1rem;column-gap:1rem}.site-header h1{font-size:1.05rem}.site-header .subtitle{font-size:.75rem}.header-comic-title{font-size:.95rem;padding-top:.4rem}.nav-btn{padding:.5rem .7rem;font-size:.8rem}}@media (max-width:640px){.site-header{padding:max(.6rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .6rem max(1rem,env(safe-area-inset-left));display:flex;flex-direction:column;gap:.5rem}.header-content{gap:.75rem}.header-navigation{display:none!important}.mobile-nav-container{display:block}.header-comic-title{width:100%}.avatar{width:42px;height:42px}.site-header h1{font-size:1rem}.site-header .subtitle{font-size:.75rem}.comic-title{font-size:.95rem;padding:.5rem .5rem 0}.mobile-nav-container{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--paper);border-top:2px solid var(--ink);padding:.25rem max(.25rem,env(safe-area-inset-right)) max(.25rem,env(safe-area-inset-bottom)) max(.25rem,env(safe-area-inset-left))}.mobile-nav-container .comic-nav{position:static;gap:.25rem;display:flex;flex-wrap:nowrap;max-width:100%;background:transparent;border-top:none;padding:0;margin:0 auto}.mobile-nav-footer{text-align:center;padding-top:.25rem;color:var(--muted);font-size:.65rem;line-height:1.1}.mobile-nav-container .nav-btn{padding:.4rem .3rem;font-size:1rem;min-height:36px;flex:1 1;min-width:0;white-space:nowrap}.nav-btn .btn-full{display:none!important}.nav-btn .btn-short{display:inline!important}.site-header .subtitle{font-size:.75rem!important}.site-header .subtitle .about-link{font-size:.75rem!important;display:inline!important}main{padding:.25rem .25rem calc(40px + env(safe-area-inset-bottom))}main.comic-main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.comic-container.portrait{max-width:100%;gap:.5rem}.comic-container.portrait .comic-image-wrapper{max-height:calc(100vh - 180px);padding:0}.comic-container.landscape .comic-image-wrapper{max-height:calc(100vh - 180px)}.header-comic-title{font-size:.85rem;padding-top:.2rem}.comic-image-wrapper{padding:.35rem;border-width:1px}footer{padding:.35rem .5rem max(.35rem,env(safe-area-inset-bottom));font-size:.65rem}.comic-footer{display:none}.modal-overlay{padding:max(3.5rem,calc(env(safe-area-inset-top) + 3rem)) .5rem max(.5rem,env(safe-area-inset-bottom))}.modal-close{top:max(.75rem,calc(env(safe-area-inset-top) + .5rem));right:max(.75rem,env(safe-area-inset-right));width:44px;height:44px;font-size:1.5rem}.modal-content{padding:.5rem 0}.modal-content img{max-width:100%;max-height:90vh}}@media (max-width:380px){.site-header h1{font-size:.95rem}.site-header .subtitle{font-size:.7rem}.nav-btn{padding:.55rem .6rem;font-size:.8rem;min-width:65px}.comic-title{font-size:.9rem}}.archive-wrapper{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;width:100%}.archive-wrapper>.site-header{grid-row:1}.archive-wrapper>.archive-page{grid-row:2}.archive-wrapper>footer{grid-row:3;width:100%}.archive-page{width:100%;max-width:2000px;margin:0 auto;padding:1.5rem 1rem 3rem}.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;align-items:start;width:100%;clear:both}.archive-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.5rem}.archive-subtitle{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:2rem}.year-section{border:2px solid var(--ink);padding:1rem;height:100%}.year-heading{font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.month-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;border:1px solid var(--border);background:var(--paper);text-decoration:none;color:var(--ink);transition:all .2s;min-height:60px}.month-cell:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);text-decoration:none}.month-name{font-weight:600;font-size:.95rem}.month-cell.disabled{background:var(--border);color:var(--muted);cursor:default;opacity:.5}.month-cell.disabled:hover{background:var(--border);color:var(--muted);border-color:var(--border)}.month-cell.disabled .month-name{color:var(--muted)}@media (max-width:1024px){.archive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.archive-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.month-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.archive-page{padding:1rem .5rem}.archive-grid{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(2,1fr)}.year-section{padding:.75rem}.month-cell{padding:.6rem .4rem;min-height:50px}.month-name{font-size:.85rem}}.immersive-browse{min-height:100vh;background:#0a0a0a;padding:0;position:relative}.immersive-back{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));z-index:1000;background:hsla(0,0%,100%,.95);color:#121212;padding:.6rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.4);transition:all .2s}.immersive-back:hover{background:#121212;color:#fff;text-decoration:none;transform:scale(1.05)}.immersive-grid{column-count:5;column-gap:4px;padding:4px;contain:layout style}.immersive-item{display:block;page-break-inside:avoid;break-inside:avoid;margin-bottom:4px;position:relative;overflow:hidden;opacity:0;animation:fadeInUp .4s ease forwards;contain:layout style paint;content-visibility:auto}.immersive-item img{width:100%;height:auto;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.immersive-sentinel{height:1px;width:100%;clear:both}.immersive-loading{color:#888}.immersive-end,.immersive-loading{text-align:center;padding:3rem 1rem;font-size:.9rem}.immersive-end{color:#666;font-style:italic}@media (max-width:1400px){.immersive-grid{column-count:4}}@media (max-width:1024px){.immersive-grid{column-count:3}}@media (max-width:768px){.immersive-grid{column-count:2;column-gap:3px;padding:3px}.immersive-item{margin-bottom:3px}.immersive-back{padding:.5rem .8rem;font-size:.8rem}}@media (max-width:480px){.immersive-grid{column-count:2;column-gap:2px;padding:2px}.immersive-item{margin-bottom:2px}}