html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--neutral-200: 229, 229, 229;--neutral-300: 212, 212, 212;--neutral-400: 161, 161, 161;--neutral-500: 115, 115, 115;--neutral-600: 82, 82, 82;--neutral-800: 38, 38, 38;--orange: 255, 105, 0;--white: 255, 255, 255}.sro{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app{font-family:var(--font-sans);font-size:.875rem;line-height:150%;color:rgb(var(--neutral-800));text-wrap:pretty}.app__form{display:flex;flex-direction:column;margin:2.5rem 0}.app__label{margin-bottom:.25rem}.app__input:hover{border:1px solid rgb(var(--neutral-800))}.app__input:focus{outline:none;border:1px solid rgb(var(--neutral-800));box-shadow:0 0 0 3px rgb(var(--neutral-200))}.app__input{padding:.625rem .75rem;margin-bottom:1rem;border:1px solid rgb(var(--neutral-200));border-radius:.25rem}.app__button{width:max-content;padding:.625rem .75rem;margin-top:1rem;color:#fff;background:rgb(var(--neutral-800));border:none;border-radius:.25rem;cursor:pointer}.app__button:hover{opacity:.75}.app__button:active{transform:scale(.95)}.app__main{max-width:33.75rem;padding:0 1rem;margin:7.5rem auto 2.5rem}.posts{display:flex;flex-direction:column;gap:2rem}.posts__date{text-align:center;font-size:.75rem;color:rgb(var(--neutral-500))}.posts__group{display:flex;flex-direction:column;gap:.25rem}.post__content{padding:.5rem .75rem;background:rgb(var(--neutral-200),.5);max-width:20rem;width:max-content;border-radius:1rem}.post{display:flex;flex-direction:column;gap:.25rem}.post--right{margin-left:auto}.post--right .post__content{background:rgb(var(--orange));color:rgb(var(--white));margin-left:auto}.post__attachment{width:15rem;border-radius:1rem;position:relative}.post__attachment:first-of-type{margin-top:1rem}.post__attachment+.post__attachment{margin-top:-5rem}.post__attachment:nth-of-type(odd){transform:rotate(4deg)}.post--left .post__attachment:nth-of-type(2n){transform:rotate(-2deg) translate(5rem)}.post--right .post__attachment:nth-of-type(2n){transform:rotate(-2deg) translate(-5rem)}.post__attachment:last-of-type,.post--right .post__attachment:last-of-type{transform:rotate(0)}.post--right .post__attachment{margin-left:auto}.post--left+.post--right,.post--right+.post--left{margin-top:.5rem}.post__form{display:flex;margin-top:.5rem;position:relative;align-items:center;gap:.5rem}.post__textarea{padding:.75rem 1rem;border:1px solid rgb(var(--neutral-200));border-radius:1.5rem;width:100%;resize:none;field-sizing:content}.post__textarea:hover{border:1px solid rgb(var(--neutral-400))}.post__textarea:focus{outline:unset;border:1px solid rgb(var(--neutral-400))}.post__preview{display:flex;gap:.5rem;margin-top:1rem}.post__thumb{height:5rem;object-fit:contain;border-radius:1rem}.post__button{display:flex;align-items:center;justify-content:center;padding:0;margin:auto 0 .3rem;min-width:2rem;aspect-ratio:1/1;background:rgb(var(--neutral-200));border:none;border-radius:50%;color:rgb(var(--neutral-600))}.post__button--create{bottom:.3rem;margin:0;position:absolute;right:.4rem;background:rgb(var(--orange));color:rgb(var(--white))}.header{display:flex;justify-content:center;position:fixed;top:0;padding:1.5rem 1rem 1rem;z-index:1;width:100vw;background:rgb(var(--white),.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgb(var(--neutral-200),.5)}.header__media{width:33.75rem;display:flex;font-size:.875rem;align-items:center}.header__text{display:flex;flex-direction:column;margin-left:.5rem}.header__img{width:2.5rem;height:2.5rem;aspect-ratio:1/1;border-radius:50%;grid-area:img}.header__name{grid-area:name;line-height:130%;color:rgb(var(--neutral-800))}.header__mail{text-decoration:none;grid-area:mail;line-height:130%;color:rgb(var(--neutral-500))}