*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.6 Georgia,serif;background:var(--bg);color:var(--fg)}:root{color-scheme:light;--bg:#f3efe6;--panel:#fffdf8;--fg:#292720;--muted:#756e61;--line:#d6cdc0;--link:#245477;--accent:#af6f29}html[data-theme=dark]{color-scheme:dark;--bg:#101813;--panel:#17221a;--fg:#d5e3cf;--muted:#91ad91;--line:#38523c;--link:#a8d69b;--accent:#cfa460}a{color:var(--link)}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shell{max-width:1160px;margin:auto;padding:22px}.site-head{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--line);padding-bottom:18px}.site-name{font:700 clamp(25px,4vw,39px)/1.1 Georgia,serif;color:var(--fg);text-decoration:none}.tagline{color:var(--muted);font:14px/1.3 system-ui,sans-serif}.spacer{flex:1}.theme-button,.small-button{border:1px solid var(--line);border-radius:6px;padding:7px 11px;background:var(--panel);color:var(--fg);font:14px system-ui,sans-serif}.avatar{position:relative;border:3px solid var(--accent);border-radius:100%;padding:3px;width:75px;height:75px;background:var(--panel);flex:none}.avatar.seen{border-color:var(--line)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.columns{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:30px;margin-top:28px}.post,.side-box{border:1px solid var(--line);background:var(--panel);border-radius:4px}.post{padding:25px;margin-bottom:24px}.post h1,.post h2{font-size:clamp(23px,3vw,30px);line-height:1.28;margin:9px 0 20px}.post h1 a,.post h2 a{color:var(--fg);text-decoration:none}.post h3,.post h4{margin-bottom:7px}.meta{font:13px system-ui,sans-serif;color:var(--muted)}.post-body p{margin:0 0 17px}.post-body blockquote{margin:17px 0;padding:8px 18px;border-left:3px solid var(--accent);background:var(--bg)}.post img{display:block;max-width:100%;max-height:680px;object-fit:contain;margin:18px auto;border-radius:3px}.side-box{padding:18px;margin-bottom:18px}.side-box h2{font-size:17px;margin:0 0 10px}.side-box a,.side-box button{display:block;padding:5px 0;font:15px system-ui,sans-serif}.side-box button{border:0;background:transparent;color:var(--link);text-align:left;width:100%}.pagination{display:flex;justify-content:space-between;gap:12px;padding:10px 0 30px;font:15px system-ui,sans-serif}.site-foot{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font:13px system-ui,sans-serif}.story-viewer[hidden]{display:none}.story-viewer{position:fixed;z-index:20;inset:0;background:rgba(0,0,0,.96);display:grid;place-items:center;color:#f1f1ed;font:14px system-ui,sans-serif}.story-stage{height:min(95vh,860px);aspect-ratio:941/1672;max-width:100vw;position:relative;background:#111;display:flex;align-items:center;justify-content:center}.story-stage img{max-height:100%;max-width:100%;object-fit:contain}.story-top{position:absolute;top:9px;left:12px;right:12px;display:flex;align-items:center;gap:10px;text-shadow:0 1px 5px #000}.story-progress{position:absolute;top:0;left:0;right:0;height:3px;background:#666}.story-progress span{display:block;height:100%;width:0;background:#fff}.story-close,.story-archive-button{z-index:2;background:rgba(0,0,0,.5);color:#fff;border:0;border-radius:4px;padding:7px}.story-close{margin-left:auto}.story-zones{position:absolute;inset:45px 0 0;display:grid;grid-template-columns:1fr 1fr}.story-zones button{background:transparent;border:0;color:transparent}.story-archive{position:absolute;inset:45px 5% 10px;overflow:auto;background:#131b15;padding:15px;border:1px solid #53614d}.story-archive[hidden]{display:none}.story-archive button{display:block;width:100%;padding:9px;text-align:left;color:#fff;background:transparent;border:0;border-bottom:1px solid #52604d}@media(max-width:850px){.columns{grid-template-columns:1fr}.sidebar{order:-1;display:flex;gap:10px;overflow:auto}.side-box{min-width:200px}.post{padding:17px}.site-head{flex-wrap:wrap}.tagline{display:none}}