html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{margin:0}#root{display:flex;flex-direction:column;align-items:center}#layer{inset:0;position:fixed;background-color:#64646480}#layer #close{top:10px;right:10px;height:40px;display:grid;color:#000;font-size:32px;cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;place-items:center}#layer #layer-inner{overflow:hidden;position:absolute;inset:5% 15%;border-radius:18px;background-color:#fff;padding:60px 20px 0}#posts{display:flex;align-items:center;flex-direction:column}#loader{width:24px;aspect-ratio:1;height:auto;top:50%;left:50%;translate:-50% -50%;scale:3}.hoverable{border-radius:50%;border:1px solid #0000;aspect-ratio:1}.hoverable:hover{background-color:#f0f0f0;border:1px solid #ccc}.hoverable:active{background-color:#e0e0e0;border:1px solid #bbb}.post{width:50%;min-width:400px;max-width:800px;display:flex;flex-direction:column;border:1px solid #ccc;border-bottom:none;padding:30px 20px}.post:last-child{border-bottom:1px solid #ccc}.post-header{display:flex;align-items:center}.user-avatar{width:50px;height:50px}.user-name{font-weight:700;font-size:1.3em;letter-spacing:.5px}.content-date{color:#777;font-size:.85em}.post-user-info{margin-left:10px;display:flex;flex-direction:column;gap:5px}.post-body{margin:25px 0;line-height:1.4;font-size:1.2em}.post-controls{display:flex;justify-content:space-evenly}.post-control{cursor:pointer}.post-control{display:flex;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:5px;color:#555;width:48px;height:auto;overflow:visible;padding:5px}.post-control-like.liked svg{fill:red}#comments{overflow:auto;height:100%}.comment{display:flex;border-top:1px solid #ccc;padding:15px 0}.comment-content{flex:1;margin-left:5px;display:flex;flex-direction:column;gap:8px;padding:3px 0 0 5px}.comment-header{display:flex;justify-content:space-between}.comment-user-name{font-weight:700}