:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#24251f;background:#fbfbf6}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(1000px,92vw);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid #dcdcd3}.brand{font-weight:800;font-size:1.4rem;color:inherit}a{color:#2f6259;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:1rem;font-size:.9rem}main{padding:4rem 0;min-height:70vh}.narrow{max-width:32rem}.editor{max-width:46rem}.eyebrow,.date,.quiet{color:#6b6d66;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1;margin:.3rem 0 3rem}.stream{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.card{border-top:1px solid #dcdcd3;padding-top:1rem}.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:1rem}.card h2{font-size:1.4rem;color:#24251f;margin:.35rem 0}.card p{color:#53554f}.tags span{font-size:.8rem;margin-right:.45rem}form{display:grid;gap:1rem}label{display:grid;gap:.35rem}input,textarea,select,button{font:inherit;padding:.7rem;border:1px solid #b9bbb1;border-radius:0;background:#fff}textarea{width:100%;resize:vertical}button{background:#2f6259;color:#fff;justify-self:start;border-color:#2f6259;cursor:pointer}button:disabled{opacity:.65;cursor:wait}fieldset{border:1px solid #dcdcd3;padding:1rem;display:grid;gap:.8rem}legend{padding:0 .35rem}.editor-tabs{display:flex;gap:.35rem;border-bottom:1px solid #dcdcd3}.editor-tabs button{background:transparent;color:#53554f;border:0;border-bottom:2px solid transparent;border-radius:0;padding:.5rem .2rem}.editor-tabs button.selected{color:#24251f;border-bottom-color:#2f6259}.markdown-preview{min-height:18rem;padding:.5rem 0;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{font-size:1.4rem;margin:1rem 0}.markdown-preview pre,details pre,.story-body pre{white-space:pre-wrap;background:#f0f0e9;padding:1rem}.markdown-preview blockquote,.story-body blockquote{border-left:3px solid #b9bbb1;margin-left:0;padding-left:1rem;color:#53554f}.photo-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.photo-previews figure{margin:0;min-width:0}.photo-previews img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.photo-previews figcaption{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem}.story-page{max-width:1100px}.story-landing{max-width:43rem;margin:0 auto 4rem}.story-summary{font-size:1.15rem;color:#53554f}.story-body{line-height:1.65}.story-body h1,.story-body h2,.story-body h3{font-size:1.5rem;margin-top:2.4rem}.author-actions{border-top:1px solid #dcdcd3;margin-top:3rem;padding-top:1rem}.delete-story-link,.cancel-button{background:transparent;color:#2f6259;border:0;padding:.2rem 0;text-decoration:underline}.delete-confirmation{margin-top:.8rem;padding:1rem;border:1px solid #d6aaa2;background:#fff5f2}.delete-confirmation p{margin:.45rem 0}.delete-confirmation div{display:flex;gap:.7rem;align-items:center}.delete-story-button{background:#8d3028;border-color:#8d3028}.cancel-button{padding:.5rem}.search-form{max-width:38rem;grid-template-columns:1fr auto;align-items:end}.gallery{background:#20221d;padding:1rem;min-height:20rem}.gallery figure{margin:0}.gallery-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.gallery img{display:block;width:100%;max-height:min(72vh,800px);object-fit:contain;margin:auto}.gallery figcaption,.gallery-count{color:#f5f5ef;font-size:.82rem;margin:.8rem 0 0;text-align:center;min-height:1.2em}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:2.5rem}.fullscreen-button{background:transparent;color:#f5f5ef;border:1px solid #777b70;padding:.35rem .55rem}.lightbox{position:fixed;inset:0;z-index:10;background:#0a0b09f5;display:grid;place-items:center;padding:4rem}.lightbox-image-button{display:block;justify-self:center;align-self:center;max-width:100%;max-height:100%;padding:0;border:0;background:transparent;cursor:pointer}.lightbox img{display:block;max-width:100%;max-height:calc(100vh - 8rem);object-fit:contain;margin:auto}.lightbox-close{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:#fbfbf6;color:#24251f;font-size:2rem;line-height:1}.lightbox-count{position:absolute;bottom:1rem;color:#f5f5ef;font-size:.8rem}@media(max-width:640px){.stream{grid-template-columns:1fr}main{padding:2.5rem 0}header{align-items:flex-start;gap:1rem;flex-direction:column}.photo-previews{grid-template-columns:repeat(3,minmax(0,1fr))}.search-form{grid-template-columns:1fr}.delete-confirmation div{align-items:flex-start;flex-direction:column}.gallery{padding:.5rem}.lightbox{padding:3rem .6rem}.lightbox-close{top:.5rem;right:.5rem}}.save-progress{display:grid;gap:.35rem;padding:.8rem;border:1px solid #dcdcd3;background:#fff}.save-progress p{margin:0;color:#53554f}.save-progress>div{display:flex;align-items:center;gap:.65rem}.save-progress progress{width:min(24rem,100%);height:.75rem;accent-color:#2f6259}.save-progress span{font-variant-numeric:tabular-nums;color:#53554f;font-size:.85rem}