@font-face{font-family:Charmer;src:url(/assets/fonts/charmer.woff2) format("woff2");font-display:swap}@font-face{font-family:Mother;src:url(/assets/fonts/mother.woff2) format("woff2");font-display:swap}:root{--color-bg: #fdfcf8;--color-ink: #1f1d1a;--color-ink-mid: #6b665d;--color-ink-faint: #b5afa3;--color-rule: #1f1d1a;--font-display: "Charmer", "Caveat", "Bradley Hand", cursive;--font-hand: "Caveat", "Bradley Hand", "Marker Felt", "Segoe Script", "Comic Sans MS", cursive;--font-body: "Iowan Old Style", Charter, Georgia, serif;--font-mono: ui-monospace, Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;height:100%}body{font-family:var(--font-hand);background-color:var(--color-bg);color:var(--color-ink);line-height:1.5;padding:1.25rem 1.25rem .5rem;min-height:100%}.sketch-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.page-frame{position:relative;width:100%;max-width:1100px;margin:0 auto;background:transparent}.page-frame:before{content:"";position:absolute;inset:0;border:1.5px solid var(--color-rule);filter:url(#sketchy);pointer-events:none;z-index:0}.frame-content{position:relative;display:flex;flex-direction:column;width:100%;padding:clamp(1rem,2.5vw,2rem);z-index:1}.inner-stack{display:flex;flex-direction:column;width:100%;margin:0 auto}.masthead,.nav,.comic-meta,.comic-caption,.reader-nav{max-width:720px;margin-left:auto;margin-right:auto}.masthead{text-align:center;margin-bottom:.5rem;flex-shrink:0}.site-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);font-weight:400;line-height:1;color:var(--color-ink);letter-spacing:-.005em}.site-title a{color:inherit;text-decoration:none}.site-tagline,.page-eyebrow{font-family:var(--font-hand);font-size:1rem;color:var(--color-ink-mid);margin-top:.25rem}.nav{display:flex;justify-content:center;gap:1.5rem;font-family:var(--font-hand);font-size:1.05rem;margin:0 auto .5rem;flex-shrink:0}.nav a{color:var(--color-ink);text-decoration:none;position:relative;padding:0 .1rem 2px}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--color-ink);filter:url(#sketchy-fine);opacity:0;transition:opacity .15s}.nav a:hover:after,.nav a[aria-current=page]:after{opacity:1}.page-main{display:flex;flex-direction:column}.reader{display:flex;flex-direction:column;align-items:center;width:100%}.comic-stage{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:.75rem;padding:.5rem 0}.comic-image{display:block;max-width:100%;height:auto}.comic-meta{text-align:center;margin-bottom:.15rem;flex-shrink:0}.comic-title{font-family:var(--font-hand);font-size:1.15rem;font-weight:400;color:var(--color-ink)}.comic-date{font-family:var(--font-hand);font-size:.9rem;color:var(--color-ink-faint);margin-top:.1rem}.comic-caption{font-family:var(--font-hand);font-size:1.05rem;color:var(--color-ink-mid);text-align:center;max-width:56ch;margin:.75rem auto 0;line-height:1.5}.reader-nav{display:flex;justify-content:center;gap:1.5rem;font-family:var(--font-hand);font-size:1rem;margin-top:.25rem;color:var(--color-ink);flex-shrink:0}.reader-nav-link{color:inherit;text-decoration:none;position:relative}.reader-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--color-ink);filter:url(#sketchy-fine);opacity:0;transition:opacity .15s}.reader-nav-link:hover:after{opacity:1}.reader-nav-link[aria-disabled=true]{color:var(--color-ink-faint);pointer-events:none}.archive-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem 1.25rem}.archive-item{display:flex;flex-direction:column;text-decoration:none;color:inherit}.archive-thumb{aspect-ratio:4 / 3;background-color:var(--color-bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.archive-thumb:before{content:"";position:absolute;inset:0;border:1.5px solid var(--color-rule);filter:url(#sketchy-fine);pointer-events:none}.archive-thumb img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.archive-item:hover .archive-thumb{transform:translateY(-2px) rotate(-.4deg)}.archive-meta{margin-top:.5rem;text-align:center}.archive-title{font-family:var(--font-hand);font-size:1.05rem;color:var(--color-ink)}.archive-date{font-family:var(--font-hand);font-size:.85rem;color:var(--color-ink-faint);margin-top:.1rem}.prose{max-width:56ch;margin:0 auto}.prose p{font-family:var(--font-hand);font-size:1.1rem;line-height:1.65;color:var(--color-ink);margin-bottom:1rem}.prose-italic{font-style:italic;color:var(--color-ink-mid);text-align:center;margin-top:1.5rem}.empty-state{text-align:center;font-family:var(--font-hand);color:var(--color-ink-mid);padding:3rem 1rem;font-size:1.1rem;line-height:1.6}.empty-state a{color:var(--color-ink)}.frame-picker{display:none}.auth-strip{position:fixed;top:.75rem;right:.75rem;display:flex;gap:.5rem;align-items:center;font-family:var(--font-hand);font-size:.9rem;color:var(--color-ink-faint);z-index:999}.auth-strip[hidden]{display:none}.auth-link{appearance:none;background:#fdfcf8eb;border:1.5px solid var(--color-ink-mid);color:var(--color-ink);text-decoration:none;font:inherit;cursor:pointer;padding:.25rem .7rem;border-radius:2px;transition:color .15s,border-color .15s,background .15s,transform .15s;position:relative}.auth-link:before{content:"";position:absolute;inset:-2px;border:1.5px solid var(--color-ink);filter:url(#sketchy-fine);pointer-events:none;opacity:0;transition:opacity .15s}.auth-link:hover{color:var(--color-ink);background:#fff;transform:rotate(-.5deg)}.auth-link:hover:before{opacity:1}.tip-jar{position:fixed;bottom:1rem;right:1rem;z-index:998;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.tip-trigger{appearance:none;background:none;border:0;padding:0;cursor:pointer;width:120px;height:auto;display:block;transition:transform .18s ease}.tip-trigger:hover{transform:rotate(-4deg) translateY(-2px)}.tip-teaser{position:absolute;bottom:124px;right:22px;font-family:var(--font-hand);font-size:1.05rem;color:var(--color-ink-mid);white-space:nowrap;transform:rotate(-6deg);transform-origin:right bottom;pointer-events:none;transition:opacity .25s ease,transform .25s ease;background:transparent}.tip-teaser[data-hidden]{opacity:0}.tip-trigger img{display:block;width:100%;height:auto;pointer-events:none}.tip-bubble{position:absolute;bottom:calc(100% + .5rem);right:0;padding:.65rem 1rem .75rem;font-family:var(--font-hand);color:var(--color-ink);background:var(--color-bg);width:max-content;max-width:260px;text-align:center;z-index:1}.tip-bubble:before{content:"";position:absolute;inset:0;background:var(--color-bg);border:1.5px solid var(--color-ink);filter:url(#sketchy-fine);z-index:-1;pointer-events:none}.tip-bubble:after{content:"";position:absolute;bottom:-8px;right:24px;width:14px;height:14px;background:var(--color-bg);border-right:1.5px solid var(--color-ink);border-bottom:1.5px solid var(--color-ink);transform:rotate(45deg);filter:url(#sketchy-fine);z-index:-1}.tip-bubble[hidden]{display:none}.tip-line{font-size:1rem;line-height:1.3;margin:0}.tip-line:first-child{font-size:1.2rem;font-weight:400}.tip-bubble a{color:var(--color-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media(max-width:640px){body{padding:.75rem .75rem .5rem}.archive-list{grid-template-columns:repeat(2,1fr);gap:1rem .75rem}.auth-strip{top:.6rem;right:auto;left:.6rem}.tip-jar{top:1.25rem;right:1.25rem;bottom:auto}.tip-trigger{width:52px}.tip-teaser{bottom:auto;top:100%;right:4px;margin-top:2px;font-size:.8rem;transform:rotate(-4deg);transform-origin:right top}.tip-bubble{bottom:auto;top:calc(100% + .5rem);right:0;font-size:.95rem;max-width:200px}.tip-bubble:after{bottom:auto;top:-8px;transform:rotate(225deg)}}