:root{--paper:#f4efe5;--ink:#253d36;--muted:#69756d;--line:#c8cabe;--orange:#df6e4b;--cream:#fffdf7;--green:#dce6d9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',system-ui,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.shell{width:min(100% - 40px,920px);margin:32px auto 0}.masthead{border:2px solid var(--ink);background:var(--green);box-shadow:7px 7px 0 var(--ink)}.masthead-top,.masthead-bottom{display:flex;justify-content:space-between;gap:12px;padding:10px 20px;font:700 10px/1.4 'Space Mono',monospace;letter-spacing:.08em}.masthead-top{border-bottom:2px solid var(--ink)}.masthead-bottom{border-top:2px solid var(--ink)}.hero{display:flex;align-items:center;gap:28px;padding:48px 46px}.hero-mark{flex:none;width:112px;height:112px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--orange);font-size:58px;transform:rotate(-12deg)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7vw,76px);line-height:1.03;letter-spacing:-.065em;margin:4px 0 14px;font-weight:700}.dot{color:var(--orange)}.subtitle{max-width:480px;margin:0;color:#40594d;font-size:18px}.eyebrow{font:700 11px/1.4 'Space Mono',monospace;letter-spacing:.14em;color:var(--orange);margin:0 0 6px}.card{background:var(--cream);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}main{padding-top:48px}.composer{padding:28px 32px;margin-bottom:58px}.section-heading,.feed-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2,.feed-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.045em;margin:0}.stamp{font-size:38px;line-height:1;color:var(--orange);transform:rotate(12deg)}.field{margin-bottom:18px}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.field label span{font-weight:400;color:var(--muted)}.field input[type=text],.field textarea{display:block;width:100%;border:1.5px solid #9da89c;border-radius:4px;background:#fff;padding:12px 14px;outline:none}.field textarea{resize:vertical;min-height:124px}.field input:focus,.field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #df6e4b33}.form-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px}.file-field{margin:0}.file-field input{max-width:100%;font-size:13px}.file-field input::file-selector-button{background:var(--green);border:1px solid var(--ink);padding:7px 11px;margin-right:10px;cursor:pointer}button{flex:none;background:var(--ink);border:2px solid var(--ink);color:#fff;padding:11px 18px;border-radius:3px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--orange)}button:hover{background:#355a4d}button span{margin-left:12px}.feed-heading{border-bottom:2px solid var(--ink);padding-bottom:16px}.feed-heading .eyebrow{color:var(--muted)}.count,.post-number{font:700 11px 'Space Mono',monospace;color:var(--muted)}.posts{display:grid;gap:20px}.post{padding:24px 28px}.post-header{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;flex:none;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--green);font-weight:700;font-size:21px}.post-by{min-width:0}.post-by h3{font-size:16px;line-height:1.2;margin:0;overflow-wrap:anywhere}.post-by time{font:11px 'Space Mono',monospace;color:var(--muted)}.post-number{margin-left:auto;align-self:start}.post-message{margin:18px 0 0;white-space:normal;overflow-wrap:anywhere}.image-link{display:block;width:fit-content;max-width:100%;margin-top:18px;border:1px solid var(--line);background:#eee}.post-header+.image-link{margin-top:20px}.image-link img{display:block;max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain}.empty{text-align:center;padding:65px 20px}.empty>span{font-size:42px;color:var(--orange)}.empty h3{font-size:24px;margin:6px 0}.empty p{color:var(--muted);margin:0}.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:30px 0 60px;font:700 12px 'Space Mono',monospace}.pagination a{width:fit-content;padding:9px 12px;border:1px solid var(--ink);background:var(--cream);text-decoration:none}.pagination a:last-child{justify-self:end}.pagination>span:nth-child(2){color:var(--muted)}.notice{border:1px solid #5e7e63;background:#e7f3e2;padding:12px 16px;margin-bottom:25px}.error{max-width:600px;margin:90px auto;padding:35px}.error h1{font-size:38px;letter-spacing:-.04em}.error a{font-weight:700}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin:70px 0 0;padding:20px 0 34px;color:var(--muted);font:10px 'Space Mono',monospace;letter-spacing:.07em}@media(max-width:640px){.shell{width:min(100% - 28px,920px);margin-top:14px}.masthead-top,.masthead-bottom{padding:9px 12px;font-size:8px}.hero{display:block;padding:30px 24px}.hero-mark{width:72px;height:72px;font-size:36px;margin-bottom:25px}.subtitle{font-size:16px}main{padding-top:33px}.composer{padding:22px 18px;margin-bottom:42px}.form-bottom{display:block}.form-bottom button{margin-top:24px;width:100%}.post{padding:20px 17px}.feed-heading h2{font-size:24px}.post-by time{font-size:10px}.pagination{font-size:10px}footer{font-size:8px}}