*{box-sizing:border-box;margin:0;padding:0}:root{--background:#fff;--foreground:#171717;--accent-color:maroon;--accent-hover:#8f2e2e}img{-webkit-user-select:none;user-select:none;pointer-events:none}a{cursor:pointer;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}body{background:var(--background);color:var(--foreground);font-family:monospace}nav{z-index:100;background:var(--accent-color);color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 30px;display:flex;position:sticky;top:0;left:0}nav a{color:#fff;font-size:25px}nav .avatar-wrapper{aspect-ratio:1;border-radius:50%;width:50px;height:50px;position:relative;overflow:hidden}.add-post{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#aaaaaa6e;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:fixed;top:0;left:0}.add-post form{-webkit-user-select:none;user-select:none;background:#fff;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:500px;max-width:calc(100% - 30px);padding:30px;display:flex}.add-post form textarea{border:1px solid var(--accent-color);resize:vertical;border-radius:3px;outline:none;width:100%;height:auto;padding:10px;font-size:16px;font-weight:400}.add-post form button{cursor:pointer;background:var(--accent-color);color:#fff;border:none;border-radius:5px;outline:none;width:100%;height:auto;padding:15px;font-size:18px;font-weight:700;transition:all .3s ease-out}.add-post form button:not(:disabled):hover{background:var(--accent-hover)}.add-post form .file-input{background:#cecece;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;padding:15px;display:flex}.add-post form .preview{width:100%;overflow:hidden}.add-post form .preview img{width:100%}.post{border:1px solid #cacaca;border-radius:5px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px;width:500px;max-width:100%;height:auto;padding:15px;display:flex;position:relative}.post .user{z-index:20;flex-direction:row;justify-content:center;align-items:flex-end;gap:5px;display:flex;position:absolute;top:0;left:0;transform:translateY(-50%)translate(-10px)}.post .user span{color:#000;font-size:18px;font-weight:700}.post .image-wrapper{width:100%;overflow:hidden}.post .image-wrapper img{width:100%}.post p{margin-top:25px;font-size:14px}.post-feed{flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:auto;padding:30px;display:flex}.post-loader{width:40px;height:40px;color:var(--accent-color);background:conic-gradient(from -45deg at 50% 20px,#0000,currentColor 1deg 90deg,#0000 91deg),conic-gradient(from 45deg at right 20px top 50%,#0000,currentColor 1deg 90deg,#0000 91deg),conic-gradient(from 135deg at left 50% bottom 20px,#0000,currentColor 1deg 90deg,#0000 91deg),conic-gradient(from -135deg at 20px 50%,#0000,currentColor 1deg 90deg,#0000 91deg);animation:1.5s cubic-bezier(.3,1,0,1) infinite l4}@keyframes l4{50%{width:60px;height:60px;transform:rotate(180deg)}to{transform:rotate(360deg)}}