*{box-sizing:border-box}:root{--color-brand-orangered: #ff4500;--color-danger: #bc0117;--color-danger-background: #fbdbd4;--color-success: #016e0b;--color-success-background: #d1ffd6;--color-global-focus: Highlight;--color-identity-self: #01876d;--color-identity-self-background: #e7fdf5;--color-background: #ffffff;--color-background-hover: #f6f8f9;--color-content-background: #d8d8d83b;--color-content-background-hover: #d8d8d859;--color-border: #00000033;--color-border-medium: #0000007f;--color-border-strong: #181c1f;--color-border-weak: #00000019;--color-content: #333d42;--color-content-disabled: #d6d6d6;--color-content-strong: #181c1f;--color-content-weak: #5c6c74;--color-primary: var(--color-background);--color-primary-hover: var(--color-background-hover);--color-primary-selected: var(--color-background-hover);--color-primary-disabled: #99a9bf;--color-primary-background: #0a449b;--color-primary-background-hover: #0a2f6c;--color-primary-background-selected: #0a1a3f;--color-primary-background-disabled: #374964;--color-secondary: #21272a;--color-secondary-hover: #000000;--color-secondary-background: #e5ebee;--color-secondary-background-hover: #dbe4e9;--color-secondary-background-selected: #c9d7de;--color-link: var(--color-primary-background);--color-link-hover: var(--color-primary-background-hover);--color-link-active: var(--color-primary-background-selected);--color-link-visited: #3a2e53;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-content);background-color:var(--color-background)}li{list-style:none}a{font-weight:500;color:var(--color-link);text-decoration:inherit;cursor:pointer}a:hover{color:var(--color-link-hover)}a:active{color:var(--color-link-active)}a:visited{color:var(--color-link-visited)}input,button{font-size:1em;font-weight:500;font-family:inherit;line-height:1;transition:all .25s}button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background-color:#1a1a1a;padding:.25em .5em}input{border:1px solid var(--color-brand-orangered);color:var(--color-content-weak);border-radius:1000px;background-color:var(--color-background);font-size:.9em;padding:.4em .7em;min-width:0}input:focus{outline:2px solid var(--color-global-focus)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem}.header-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header-logo-title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;margin:0;font-size:1.5rem;line-height:1}.header-logo-title svg{width:1em;flex-shrink:0}.header-title{font-weight:600}.header-login{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.header-login label{font-size:.8em;font-weight:600;color:var(--color-content-weak);margin-bottom:.1rem}@media(max-width:360px){.header-logo-title{font-size:1.25rem}}.post-form{margin-top:1rem;display:flex;flex-direction:row;gap:.5rem;align-items:stretch;width:100%}.post-form input{flex:10}.post-form button{flex:1}.post-bubble{display:flex;flex-direction:column;gap:1rem}.post-bubble p{margin:0;padding:0}.post-content{display:flex;flex-direction:column;gap:.5rem}.post-actions{display:flex;flex-direction:row;gap:.5rem}.post-actions button{display:flex;flex-direction:row;gap:.3rem;align-items:center;font-size:.8rem;font-weight:700;padding:.3rem .5rem}.post-author,.post-timestamp{font-size:.8rem;color:#666}.post-author-timestamp{display:flex;flex-direction:row;gap:.5rem}.post-bubble .post-form{margin-top:0}.post-stats-container{display:flex;flex-direction:row;gap:.5rem}.post-likes,.post-replies{display:flex;flex-direction:row;gap:.3rem;align-items:center;font-size:.8rem;color:#232323;font-weight:700;width:fit-content}.post-stats svg{fill:currentColor}.post-stats{display:flex;flex-direction:row;gap:.5rem;align-items:center;background-color:#3a3a3a;width:fit-content;padding:.1rem .3rem;border-radius:.3rem}.post-list,.post-list-body,.post-list-item{display:flex;flex-direction:column;gap:1rem}.post-list-item{border:1px solid #ccc;border-radius:.5rem;padding:1rem;background-color:#00305030}.post-list-body{margin-block-start:0;margin-block-end:0;padding-inline-start:0}.primary-button{color:var(--color-primary);background-color:var(--color-primary-background);border:none;border-radius:1000px;cursor:pointer}.primary-button:hover{color:var(--color-background-hover);background-color:var(--color-primary-background-hover)}.primary-button:active{color:var(--color-background-hover);background-color:var(--color-primary-background-selected)}.primary-button:disabled{color:var(--color-primary-disabled);background-color:var(--color-primary-background-disabled);cursor:not-allowed}.primary-button:focus{outline:2px solid var(--color-global-focus)}.secondary-button{color:var(--color-secondary);background-color:var(--color-secondary-background);border:none;border-radius:1000px;cursor:pointer}.secondary-button:hover{color:var(--color-secondary-hover);background-color:var(--color-secondary-background-hover)}.secondary-button:active{color:var(--color-secondary-hover);background-color:var(--color-secondary-background-selected)}.tertiary-button{color:var(--color-content-weak);background-color:transparent;border:none;border-radius:1000px;cursor:pointer}.tertiary-button:hover{background-color:var(--color-secondary-background-hover)}.tertiary-button:active{color:var(--color-secondary-hover);background-color:var(--color-secondary-background-selected)}.content-card{background-color:var(--color-content-background);border:1px solid var(--color-border);border-radius:10px;padding:1em}