:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:#5cc5f2;background:linear-gradient(0deg,#5cc5f280 2%,#6dabe880 8%,#f7a1c580 16%,#ff5eb480 33%,#ffffff80 44%,#ffffff80 56%,#ffb5de80 61%,#ff61bd80 77%,#6dcaf280 89%,#34bde380 98%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.5rem;line-height:1.1}a{font-weight:500;color:#ff6490;text-decoration:inherit}a:hover{color:#ed0092;font-weight:600}@media (prefers-color-scheme: light){a:hover{color:#bc0074}}#root{max-width:1280px;margin:0 auto;padding:2rem}.quote{background:linear-gradient(2deg,#40092080 10%,#6e143a80 90%,#5d0d2e80);padding:4px 8px;margin-left:8px;margin-right:4rem;border-radius:4px}.quote h3:first-child{margin-top:0;margin-bottom:.5rem}.quote h3{display:inline-block}.code{background:#251019;padding:4px 8px;border-radius:4px}@media (max-width:356px){#root{padding:2rem 1rem}}.header{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:1rem;row-gap:.5rem;margin-bottom:2rem}.header-title{display:inline-flex;margin:0}.username{margin:0}.profile-picture{position:relative;width:4rem;height:4rem;border-radius:2rem;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}.main{padding:2rem}.post-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.post-item-container{position:relative;width:fit-content;height:fit-content}.post-item{background:#4c0e28;padding:15px;margin-bottom:20px;border-radius:8px;max-height:200px;overflow-y:hidden;position:relative;cursor:pointer}.post-item-link{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:linear-gradient(45deg,#3106181a 20px,#3106181a 20%,#4c0e2806 calc(100% - 50px)),linear-gradient(0deg,#310618 20px,#4c0e2800 30%)}.post-item-link:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;opacity:1;background:linear-gradient(45deg,#31061880 20px,#3106181a 50%,#4c0e2806 calc(100% - 20px)),linear-gradient(0deg,#31061833 20px,#4c0e2800 30%);pointer-events:none;transition:opacity .2s linear}.post-item:hover .post-item-link:before,.post-item-link:hover:before{opacity:0}.post-item h1{font-size:1.5rem;color:#ed0092}p,blockquote{color:#e7e7e7}.post-info{z-index:2;position:absolute;top:-2px;right:-2px;display:flex;align-items:flex-end;gap:.5rem;font-size:10px}.info-field{background-color:#8e0b36;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:2px;line-height:1;border-radius:0 4px 4px/0px 4px 4px;padding:2px 4px;position:relative;font-style:italic}.info-field:before{content:"";position:absolute;top:0;left:-4px;width:6px;height:4px;z-index:-1;border-top-left-radius:4px;background-color:#380023}.info-field-name{font-weight:700}@media (max-width:456px){.main{padding:0rem}}.post-view{max-width:650px;text-align:left;position:relative;box-sizing:border-box}.title{display:inline-block;margin-left:2.5rem;margin-right:8rem;color:#ed0092;margin-top:0;margin-bottom:2rem}.back-btn{position:absolute;top:0;left:0;font-size:2.5rem;display:inline-flex;align-self:center;text-decoration:none;color:#fff;transition:.1s ease all}.back-btn:hover{color:#ed0092;text-decoration:none}.back-btn:active{transform:scale(1.05);text-decoration:none}.back-btn svg{height:.75em;width:.75em}.back-btn.svg-baseline svg{top:.25em;position:relative}.post-view .post-info{flex-direction:column;top:0;right:0}.post-view .info-field{font-size:12px;background-color:#8e0b36;border-bottom-right-radius:0}.post-view .info-field:before{display:none}@media (max-width:456px){.title{margin:6rem 0rem 3rem;color:#ed0092;box-sizing:border-box}.back-btn{top:0}.post-view .post-info{flex-direction:unset;top:0;right:0}}@media (max-width:356px){.post-view .post-info{flex-direction:column;top:0;right:0}}