:root{--paper:#f4f2ec;--ink:#242720;--muted:#777b70;--line:#deded5;--lime:#d9ec83;--dark:#20241f;--serif:Georgia,serif;--sans:Arial,sans-serif;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(calc((100vw - 1320px)/2),4vw);gap:28px;position:sticky;top:0;background:#f4f2ecef;backdrop-filter:blur(12px);z-index:4}.brand{display:flex;align-items:center;gap:9px;font-weight:bold;letter-spacing:-.04em;min-width:210px}.brand i,.community>i{width:33px;height:33px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font:700 18px var(--serif);font-style:normal}.brand small{display:block;font:9px var(--mono);letter-spacing:.05em;color:var(--muted)}.searchbox{height:37px;max-width:420px;width:100%;border:1px solid var(--line);border-radius:25px;display:flex;align-items:center;padding:0 13px;gap:9px;color:var(--muted);margin:auto}.searchbox input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:11px}.searchbox kbd{font:9px var(--mono);border:1px solid var(--line);padding:1px 5px}.join,.dark-button{background:var(--dark);color:white;border:0;border-radius:4px;padding:11px 14px;font-size:10px;cursor:pointer}.hero{max-width:1320px;margin:auto;min-height:465px;padding:58px 4%;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.eyebrow{font:9px var(--mono);letter-spacing:.12em;color:#7b806e}.hero h1{font:500 clamp(50px,6.7vw,85px)/.95 var(--serif);letter-spacing:-.06em;margin:20px 0}.hero h1 em{font-weight:400;color:#59663c}.hero>div>p{max-width:450px;color:#666a61;font-size:13px;line-height:1.8}.hero-links{display:flex;align-items:center;gap:20px;margin-top:24px;font-size:10px}.dark-button{display:inline-flex;justify-content:center;gap:14px;align-items:center}.hero-foot{border-top:1px solid var(--line);margin-top:38px;padding-top:13px;font:9px var(--mono);color:#73776d}.hero-foot span{float:right}.hero-art{height:325px;position:relative;overflow:hidden;background:#222}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#1119)}.art-caption{position:absolute;z-index:1;bottom:20px;left:20px;color:white}.art-caption b{font:17px var(--serif)}.art-caption small{display:block;color:#ddd;font-size:10px}.layout{max-width:1320px;margin:auto;padding:42px 4% 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:160px minmax(0,1fr) 215px;gap:30px;align-items:start}.left-nav{position:sticky;top:88px;display:grid;gap:5px}.left-nav>small{font:9px var(--mono);letter-spacing:.1em;color:#878a80;margin:6px 0}.left-nav a,.left-nav button{border:0;background:none;text-align:left;padding:9px;color:#71756b;font-size:10px;cursor:pointer}.left-nav .selected,.left-nav button.active{background:#e8e8de;color:var(--ink)}.left-nav b{float:right;font:9px var(--mono)}.callout{border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.callout b{font:9px var(--mono);color:#7b806e}.callout p{font:16px/1.35 var(--serif)}.callout a,.rules a{font-size:10px;color:#59663c}.feed-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.feed-head h2,.tool h2,.notebook h2,.guides>h2{font:500 27px var(--serif);margin:4px 0}.feed-head sup{font:9px var(--mono);color:#7b806e}.sort{display:flex;gap:3px}.sort button{border:1px solid transparent;border-radius:20px;background:none;color:#73776d;padding:6px 9px;font:9px var(--mono);cursor:pointer}.sort button.selected{border-color:#c5c7ba;color:var(--ink)}.compose,.composer{display:flex;align-items:center;gap:10px;padding:11px;background:#ebeae2;border:1px solid #e0dfd5;border-radius:5px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#d9dda9;border-radius:50%;font:14px var(--serif)}.compose button{flex:1;text-align:left;background:none;border:0;color:#777b70;font-size:10px;cursor:text}.compose>span{font-size:17px;color:#667248}.composer{display:block;margin-top:7px}.composer-head{display:flex;justify-content:space-between;font:15px var(--serif)}.composer-head button{border:0;background:none;font-size:20px;cursor:pointer}.composer input,.composer textarea,.composer select{display:block;width:100%;margin:8px 0;padding:9px;background:var(--paper);border:1px solid var(--line);border-radius:3px;font-size:10px}.composer select{width:auto}.form-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.form-foot small{max-width:340px;color:var(--muted);font-size:9px}.feed-note{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 2px 8px;font:9px var(--mono);color:#878a80}.feed-note span{font-family:var(--sans)}.post{padding:17px 3px;border-bottom:1px solid var(--line)}.post-meta{font:9px var(--mono);color:#85887e;display:flex;gap:8px}.post-meta b{font-weight:400;color:#59663c;text-transform:uppercase}.post h3{font:500 18px var(--serif);margin:8px 0}.post p{font-size:11px;line-height:1.7;color:#64685f;white-space:pre-wrap}.post-actions{display:flex;gap:6px}.post-actions button{border:1px solid var(--line);background:none;color:#73776e;border-radius:18px;padding:5px 9px;font:9px var(--mono);cursor:pointer}.post-actions .active{background:#e8ecd9;color:#394527}.comment-box{border-left:1px solid #cdd1b9;margin:12px 0 0 5px;padding:4px 0 4px 13px}.comment-item{padding:8px 0;border-bottom:1px solid var(--line);font-size:10px;white-space:pre-wrap}.comment-box form{display:flex;gap:7px;align-items:end;margin-top:8px}.comment-box textarea{flex:1;padding:7px;background:#eeede6;border:1px solid var(--line);font-size:10px}.comment-box form button{background:var(--dark);color:white;border:0;padding:8px;font-size:9px}.empty{text-align:center;padding:40px 10px;color:#777}.empty h3{font:20px var(--serif);color:var(--ink)}.right-rail{position:sticky;top:88px;display:grid;gap:11px}.community,.rooms,.rules{background:#eeede6;border:1px solid var(--line);padding:14px;border-radius:4px}.community{text-align:center}.community>i{margin:0 auto 10px}.community>small,.rooms>b,.rules>b{font:9px var(--mono);letter-spacing:.07em;color:#85887e}.community h3{font:19px var(--serif);margin:6px}.community p,.rules p{font-size:10px;color:#74786f;line-height:1.6}.community button{width:100%;padding:9px;background:var(--dark);color:white;border:0;border-radius:3px;font-size:10px;cursor:pointer}.community .local{display:block;margin-top:8px;font-size:8px}.rooms>b{display:block;margin-bottom:8px}.rooms>b span{float:right}.rooms a{display:block;padding:7px 0;border-top:1px solid var(--line);font-size:10px}.rules p{margin-bottom:8px}.side-photo{width:100%;height:85px;object-fit:cover}.tool{margin-top:25px;padding:18px;background:#eceede;border:1px solid #daddc7}.tool h2{font-size:22px}.tool>p{font-size:10px;color:#73776c}.tool form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool label:not(.check){font:9px var(--mono);color:#73776c}.tool input:not([type=checkbox]){display:block;width:100%;margin-top:4px;padding:8px;background:var(--paper);border:1px solid #d4d6c6;font:10px var(--sans)}.tool .check{grid-column:1/-1;font-size:10px;color:#666}.tool form button{justify-self:start}.tool-note{display:block;margin-top:10px;color:#85887e;font-size:9px}.tool-result{font-size:11px;line-height:1.6}.notebook{margin-top:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cards article{background:#eeede6;border:1px solid var(--line);padding-bottom:10px}.cards img{width:100%;height:95px;object-fit:cover}.cards b,.cards h3,.cards p{display:block;margin:8px 10px}.cards b{font:8px var(--mono);color:#647044}.cards h3{font:15px/1.2 var(--serif)}.cards p{font-size:9px;color:#73776e}.guides{margin-top:40px;border-top:1px solid var(--line);padding-top:20px}.guides article{display:grid;grid-template-columns:35px 1fr;border-top:1px solid var(--line);padding:10px 0}.guides article>b{font:10px var(--mono);color:#687548}.guides h3{font:15px var(--serif);margin:0}.guides p{font-size:10px;color:#70746b;margin:4px 0}.about{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:30px 4% 45px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.about h2{font:30px/.98 var(--serif)}.about p{font-size:11px;line-height:1.8;color:#70746b}footer{border-top:1px solid var(--line);padding:16px 4%;display:flex;align-items:center;justify-content:space-between;color:#85887e;font-size:9px}footer .brand{min-width:0;color:var(--ink)}footer nav{display:flex;gap:14px}.hidden{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:140px minmax(0,1fr)}.right-rail{grid-column:2;position:static;grid-template-columns:1fr 1fr}.side-photo{display:none}}@media(max-width:680px){.topbar{height:58px;padding:0 12px;gap:8px}.brand{min-width:0;font-size:11px}.brand small,.searchbox kbd{display:none}.searchbox{height:33px;padding:0 7px}.searchbox input{font-size:9px}.join{padding:9px;font-size:9px}.hero{padding:28px 16px;grid-template-columns:1fr;gap:20px}.hero-art{height:220px;grid-row:1}.hero h1{font-size:55px}.hero-foot{margin-top:22px}.layout{padding:23px 16px 40px;grid-template-columns:1fr;gap:17px}.left-nav{position:static;display:flex;align-items:center;overflow:auto;gap:3px}.left-nav>small,.callout{display:none}.left-nav a,.left-nav button{white-space:nowrap}.right-rail{grid-column:1}.right-rail .rules{display:none}.feed-head h2{font-size:23px}.sort button{padding:6px}.cards{grid-template-columns:1fr 1fr}.cards article:last-child{display:none}.cards img{height:110px}.tool form{grid-template-columns:1fr}.tool .check{grid-column:1}.about{padding:25px 16px;grid-template-columns:1fr;gap:0}footer{padding:15px 16px;gap:10px;flex-wrap:wrap}footer>span{order:3;width:100%}}