:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--gap: 12px}.theme-1{--theme-color-1: #3d3935;--theme-color-2: #4e4035;--theme-color-3: #7A6417;--theme-color-4: #c6952b;--theme-color-5: #d3c5a6;--theme-color-6: #705846;--theme-color-7: #2a2a25;--theme-color-8: #b3a586}.theme-2{--theme-color-1: #f8f1e5;--theme-color-2: #fcfcfc;--theme-color-3: #7A6417;--theme-color-4: #f38630;--theme-color-5: #0b0c0d;--theme-color-6: #f1d4af;--theme-color-7: #58585a;--theme-color-8: #f9994d}.mobile{--gap: 8px}html,body{width:100%;height:100%;padding:0;margin:0;overflow:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}div,form{display:flex;box-sizing:border-box}textarea{margin:0}#app{width:100%;height:100%;justify-content:center}#app .invite-modal-outer{position:absolute;width:100%;height:100%;background:#0009;align-items:center;justify-content:center}#app .invite-modal-outer .invite-modal{background:#444;flex-direction:column}#app .invite-modal-outer .invite-modal .invite-title{font-size:18px;padding:var(--gap)}#app .invite-modal-outer .invite-modal .invite-body{padding:var(--gap);display:block}#app button{display:flex;height:auto;justify-content:center;border:1px solid var(--theme-color-8);background:var(--theme-color-4);color:var(--theme-color-1);padding:8px var(--gap);box-shadow:2px 2px 0 0 var(--theme-color-7);font-weight:700;cursor:pointer}#app button:hover{background:var(--theme-color-8)}#app button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--theme-color-7)}#app .divider{height:1px;width:100%;background:var(--theme-color-6)}#app .content-outer{align-items:flex-start;padding:var(--gap) 0;gap:var(--gap);background:var(--theme-color-1);width:100%;height:100%;justify-content:center}#app .content-outer .panel{box-shadow:5px 5px 0 0 var(--theme-color-7);background:var(--theme-color-2);border:1px solid var(--theme-color-3)}#app .content-outer .sidebar{height:400px;min-width:120px;flex-direction:column;padding:var(--gap);margin-top:36px;gap:var(--gap)}#app .content-outer .sidebar .username{flex-direction:column;gap:4px}#app .content-outer .sidebar .username div{line-height:1}#app .content-outer .sidebar .username .handle{font-size:14px;color:#ccc}#app .posts-outer{flex-direction:column;flex-grow:1;max-width:720px;gap:var(--gap);height:100%}#app .posts-outer .posts-header{font-weight:700;padding:0 var(--gap);color:var(--theme-color-5)}#app .posts-outer .create-post-outer{margin-right:var(--gap);background:var(--theme-color-6);overflow:hidden;flex-direction:column;flex-shrink:0}#app .posts-outer .create-post-outer .create-post{border:none;resize:none}#app .posts-outer .create-post-outer textarea{background:var(--theme-color-2)}#app .posts-outer .create-post-outer textarea:focus{background:#333;outline:none}#app .posts-outer .create-post-outer .buttons{justify-content:flex-end;padding:6px}#app .posts-outer .create-post-outer .buttons button{width:80px}#app .posts-outer .create-post{padding:var(--gap)}#app .posts-outer .posts-container{flex-direction:column;max-width:1024px;gap:var(--gap);overflow-y:auto;padding-bottom:var(--gap);padding-right:var(--gap)}#app .posts-outer .posts-container .post{flex-direction:column}#app .posts-outer .posts-container .post .post-header{padding:var(--gap)}#app .posts-outer .posts-container .post .post-header a{color:var(--theme-color-4);text-decoration:none}#app .posts-outer .posts-container .post .post-header .username{gap:var(--gap);align-items:center}#app .posts-outer .posts-container .post .post-header .username .display-name{font-weight:700}#app .posts-outer .posts-container .post .post-header .username .handle{color:var(--theme-color-5)}#app .posts-outer .posts-container .post .post-header .timestamp{color:var(--theme-color-4)}#app .posts-outer .posts-container .post .post-body{padding:var(--gap);color:var(--theme-color-5)}#app .login-form-outer{width:100%;height:100%;justify-content:center;align-items:center}#app .login-form-outer .login-form{flex-direction:column;gap:var(--gap);width:220px}#app .login-form-outer .login-form input,#app .login-form-outer .login-form button{border:1px solid #444;height:40px;padding:0 var(--gap)}#app .login-form-outer .login-form .error{background:red;color:#fff;width:100%;padding:var(--gap)}#app .mobile.content-outer{flex-direction:column;padding:0}#app .mobile.content-outer .posts-header{margin-top:var(--gap)}#app .mobile.content-outer .posts-outer{height:0}#app .mobile.content-outer .posts-outer .create-post-outer{margin:0 var(--gap)}#app .mobile.content-outer .posts-outer .posts-container{padding:var(--gap)}