@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#24302c;background:#f6f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}aside{background:#e9eee8;flex-direction:column;width:250px;padding:28px 18px;display:flex}.brand{align-items:center;gap:10px;margin:0 12px 62px;font:700 21px Space Grotesk;display:flex}.mark{color:#d7f34b;background:#1f3d35;border-radius:10px;place-items:center;width:34px;height:34px;font:700 20px Space Grotesk;display:grid}.small{border-radius:8px;width:28px;height:28px;font-size:16px}nav{gap:5px;display:grid}nav button{color:#63716a;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px;font:600 14px DM Sans;display:flex}nav button.selected{color:#1f3d35;background:#d7e2d8}nav b{margin-left:auto;font-size:12px}.user{border-top:1px solid #d3ddd4;align-items:center;gap:9px;margin-top:auto;padding:16px 5px 0;display:flex}.avatar{color:#274139;background:#d7f34b;border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:700;display:grid}.user strong,.user small{display:block}.user strong{font-size:13px}.user small{color:#718078;font-size:10px}.icon{color:#718078;cursor:pointer;background:0 0;border:0;margin-left:auto}.feed{width:680px;margin:0 auto;padding:58px 0}header{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}h1,h2,h3{color:#1d342e;margin:0;font-family:Space Grotesk}h2{font-size:34px}.kicker{letter-spacing:2px;color:#84938a;margin:0 0 10px;font-size:10px;font-weight:700}.muted{color:#75827b;line-height:1.6}.primary{color:#1f3d35;cursor:pointer;background:#d7f34b;border:0;border-radius:8px;align-items:center;gap:9px;padding:13px 18px;font-weight:700;display:flex}.compact{padding:10px 14px;font-size:13px}.intro{background:#e7efe5;border-radius:11px;align-items:start;gap:14px;margin-bottom:18px;padding:18px 20px;display:flex}.intro-icon{color:#739100;font-size:21px}.intro strong{font:600 14px Space Grotesk}.intro p{color:#718078;margin:5px 0 0;font-size:13px}.post{cursor:pointer;border-bottom:1px solid #dfe5df;gap:18px;padding:24px 2px;display:flex}.vote{text-align:center;color:#9aaa9c;width:38px}.vote span{margin-top:4px;font-size:12px;font-weight:700;display:block}.post-content{flex:1}.post-meta{color:#8a968f;font-size:11px}.post h3{margin:8px 0;font-size:19px}.post p{color:#65736b;margin:0;font-size:14px;line-height:1.55}.post-footer{color:#849189;gap:20px;margin-top:15px;font-size:12px;display:flex}.post-footer span{align-items:center;gap:6px;display:flex}.tag{color:#628000;background:#eef6c7;border-radius:20px;padding:4px 9px}.empty{text-align:center;color:#849189;padding:80px}.empty div{font-size:34px}.empty h3{margin:12px}.auth{background:#edf1eb;place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border-radius:16px;width:420px;padding:48px;box-shadow:0 15px 60px #29443912}.auth-card h1{margin:18px 0;font-size:41px;line-height:1.04}.auth-card i{color:#829c09;font-style:normal}.auth-card form{margin-top:28px}label{color:#52625a;margin:0 0 16px;font-size:12px;font-weight:700;display:block}input,textarea{background:#fbfcfa;border:1px solid #d8e0d9;border-radius:7px;width:100%;margin-top:7px;padding:12px;font:14px DM Sans;display:block}textarea{resize:vertical;min-height:140px}.auth-card .primary{justify-content:center;width:100%;margin-top:20px}.notice{background:#f1f6d9;border-radius:6px;padding:10px;font-size:12px}.fine{color:#9aa69f;text-align:center;margin-top:22px;font-size:11px}.overlay{background:#1e302a55;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:520px;height:100%;padding:54px 42px;position:relative;overflow:auto}.close{position:absolute;top:24px;right:24px}.drawer h2{margin:8px 0 28px;font-size:29px}.thread-body{color:#53635b;line-height:1.7}.drawer hr{border:0;border-top:1px solid #e1e7e1;margin:28px 0}.comment{gap:10px;margin:22px 0;display:flex}.tiny{flex:none;width:27px;height:27px;font-size:11px}.comment p{color:#53635b;margin:5px 0;font-size:13px;line-height:1.5}.reply{color:#829c09;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.comment-form{margin-top:30px}.comment-form textarea{min-height:90px}.comment-form .primary{margin-top:9px}@media (width<=700px){.app{display:block!important}aside{z-index:10;height:auto;padding:12px 14px;display:block;position:sticky;top:0;box-shadow:0 2px 12px #29443912;width:100%!important}.brand{margin:0 4px 12px;font-size:19px}nav{gap:4px;display:flex;overflow-x:auto}nav button{white-space:nowrap;flex:1;justify-content:center;min-width:92px;padding:10px 8px}nav button svg,.user{display:none}.feed{margin:0;padding:28px 16px 40px;width:auto!important}header{align-items:center;gap:12px;margin-bottom:22px}h2{font-size:28px}header .primary{flex:none;padding:10px 11px;font-size:12px}header .primary svg{width:15px}.intro{margin-bottom:10px;padding:15px}.post{gap:10px;padding:20px 0}.vote{width:28px}.post h3{font-size:17px}.post p{font-size:13px}.drawer{padding:52px 22px 28px;width:100%!important}.auth-card{width:calc(100% - 32px);padding:32px 24px}.auth-card h1{font-size:35px}}