:root{color:#181818;background:#f7f3e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}.app-shell{min-height:100vh;position:relative;background:linear-gradient(90deg,rgba(24,24,24,.055) 1px,transparent 1px),linear-gradient(rgba(24,24,24,.045) 1px,transparent 1px),#f7f3e8;background-size:24px 24px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 clamp(18px,4vw,56px) 0;border-bottom:4px solid #181818;background:#fffaf0;overflow:visible}.logo-link{display:inline-flex;align-self:flex-start;text-decoration:none;flex-shrink:0;margin-bottom:-36px;position:relative;z-index:20}.site-logo{display:block;height:100px;width:auto;filter:drop-shadow(3px 3px 0 #181818)}.site-logo-fallback{display:block;height:100%;width:auto}nav{display:flex;align-items:center;align-self:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding:14px 0}nav a,nav button,.controls button{min-height:42px;border:3px solid #181818;border-radius:6px;background:#f7d84a;color:#181818;text-decoration:none;padding:8px 14px;font-weight:800;box-shadow:3px 3px #181818;cursor:pointer}nav a:hover,nav button:hover,.controls button:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #181818}button:disabled{opacity:.45;cursor:not-allowed}.nav-date{font-weight:600;font-size:.82em;opacity:.8}.comic-stage{max-width:1180px;margin:0 auto;padding:48px clamp(18px,4vw,56px) 0}.comic-meta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:16px}.comic-meta>div:first-child{grid-column:1}.comic-actions{display:flex;gap:12px;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:46px;height:46px;border-radius:999px;border:4px solid #181818;background:#fff;color:#181818;cursor:pointer;transition:transform .1s ease,background-color .1s ease;box-shadow:4px 4px #181818;padding:0 12px;pointer-events:auto}.action-btn.liked{background:#fb6f92;color:#fff}.action-btn:hover{background:#fb6f92;color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #181818}.like-count{font-weight:900;font-size:1.1rem}.action-btn:active{transform:translate(2px,2px);box-shadow:0 0 #181818}.comic-meta p{display:none}.comic-meta h1{margin:0;max-width:none;font-size:clamp(1.75rem,2.9vw,3.35rem);line-height:1.25;letter-spacing:-.02em;font-family:Comic Neue,Georgia,Times New Roman,ui-serif,serif;font-weight:700;font-style:italic;text-wrap:balance}.topic-pill{border:2px solid #181818;background:#8bd3dd;padding:5px 10px;border-radius:999px;font-size:.88rem;font-weight:800;white-space:nowrap;width:fit-content}.below-comic-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.comic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rendered-comic{position:relative;background:#fff;border:5px solid #181818;border-radius:12px;overflow:hidden;box-shadow:3px 3px #181818;display:flex;justify-content:center;align-items:flex-start;min-height:400px}.rendered-comic img{display:block;width:100%;height:auto}.image-needed{display:grid;place-items:center;min-height:430px;padding:34px;text-align:center;border:5px solid #181818;border-radius:8px;background:#fffaf0;box-shadow:8px 8px #181818}.image-needed h2{margin:12px 0 6px;font-size:clamp(1.45rem,3vw,2.1rem)}.image-needed p{margin:0;max-width:560px;color:#4f4a41;font-weight:800;line-height:1.45}.image-needed code{color:#181818;background:#f7d84a;border:2px solid #181818;border-radius:4px;padding:1px 5px;font-weight:900}.panel{background:#fffaf0;border:5px solid #181818;border-radius:8px;box-shadow:8px 8px #181818;overflow:hidden;transform:rotate(var(--tilt, -.35deg))}.panel:nth-child(2){--tilt: .25deg}.panel:nth-child(3){--tilt: -.15deg}.panel svg{display:block;width:100%;aspect-ratio:1.28;background:radial-gradient(circle at 20% 10%,rgba(24,24,24,.06) 0 1px,transparent 1px),radial-gradient(circle at 80% 30%,rgba(24,24,24,.05) 0 1px,transparent 1px),#fffaf0;background-size:18px 18px,23px 23px,auto}.panel p:not(.speech){min-height:64px;margin:0;padding:10px 12px 14px;border-top:4px solid #181818;background:#fff;font-size:clamp(.95rem,1.6vw,1.05rem);font-weight:800;line-height:1.25}.speech{margin:0;color:#181818;font-size:12px;line-height:1.15;font-weight:900}.controls{max-width:1180px;margin:26px auto 0;padding:0 18px;display:flex;justify-content:center;gap:14px}.source-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.source-strip span{font-weight:900}.source-strip a{color:#181818;border:2px solid #181818;background:#fff;border-radius:999px;padding:5px 10px;font-size:.88rem;font-weight:800;text-decoration:none;max-width:min(320px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.archive{max-width:1180px;margin:34px auto 0;padding:0 clamp(18px,4vw,56px) 48px}.archive-page{max-width:1180px;margin:0 auto;padding:48px clamp(18px,4vw,56px) 56px}.archive-page-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.archive-page-header p{margin:0;color:#5b574d;font-weight:800}.archive-weeks{display:grid;gap:28px}.archive-week{display:grid;gap:14px}.archive-week-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.archive-week-header h3{margin:0;font-size:1.1rem}.archive-week-header span{color:#5b574d;font-size:.9rem;font-weight:800}.archive-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.archive-heading h2{margin:0;font-size:1.4rem}.thumbnail-row{display:grid;grid-template-columns:repeat(8,minmax(118px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.thumb{display:grid;gap:8px;border:4px solid #181818;border-radius:8px;background:#fffaf0;padding:8px;cursor:pointer;text-align:left;box-shadow:4px 4px #181818}.thumb.selected{background:#f7d84a}.thumb:hover{transform:translate(1px,1px);box-shadow:3px 3px #181818}.panel-compact{border-width:3px;border-radius:4px;box-shadow:none}.panel-compact svg{aspect-ratio:1.35}.thumb-image{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;border:3px solid #181818;border-radius:4px;background:#fff}.thumb-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:1.35;border:3px dashed #181818;border-radius:4px;background:#fff;color:#5b574d;font-size:.9rem;font-weight:900}.thumb span{font-weight:900;text-align:center}@media(max-width:800px){.app-shell{padding-bottom:92px}.site-header{position:static;align-items:center;flex-direction:column}.logo-link{align-self:center;margin-bottom:-28px}nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:4px solid #181818;background:#fffaf0}nav a,nav button{width:100%;justify-content:center;padding-inline:8px}.nav-date{display:none}.archive-page{padding-top:30px;padding-bottom:40px}.archive-page-header{align-items:flex-start;flex-direction:column;margin-bottom:18px}.below-comic-row{display:none}.comic-meta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding-inline:20px}.comic-meta h1{text-align:center;width:100%;padding-top:12px}.comic-actions{position:absolute;top:32px;transform:translateY(-50%);left:0;right:0;padding:0 16px;display:flex;justify-content:space-between;flex-direction:row-reverse;width:100%;z-index:1000;pointer-events:none}.comic-strip{grid-template-columns:1fr}.comic-stage{padding-top:24px;padding-inline:clamp(18px,4vw,56px)}.rendered-comic{display:flex;justify-content:flex-start;min-height:auto;margin-inline:0;border:5px solid #181818;border-radius:12px;box-shadow:3px 3px #181818;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.rendered-comic img{height:550px;width:auto;max-width:none;scroll-snap-align:start}.action-btn{height:42px;min-width:42px;padding:0 10px;border-width:3px;box-shadow:3px 3px #181818}.panel{box-shadow:5px 5px #181818}.thumbnail-row,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible;padding-bottom:0}.archive-week-header{align-items:flex-start;flex-direction:column}.below-comic-row{justify-content:center;flex-direction:column;gap:16px;margin-top:24px;padding-inline:20px}.source-strip{display:flex;justify-content:center;width:100%}.topic-pill{display:inline-block;margin:0 auto}}.site-footer{max-width:1180px;margin:40px auto 0;padding:40px clamp(18px,4vw,56px) 60px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(24,24,24,.1)}.copyright{font-size:.85rem;font-weight:600;color:#5b574d}.mute-toggle{background:none;border:none;padding:8px;cursor:pointer;color:#181818;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease,transform .1s ease}.mute-toggle:hover{opacity:1;transform:scale(1.1)}@media(max-width:800px){.site-footer{flex-direction:column-reverse;padding-bottom:120px;text-align:center}}