*{padding:0;margin:0;box-sizing:border-box}body{font-family:Readex Pro,sans-serif;overflow-y:scroll}main{margin:2rem 0}.container{width:100%;padding:0 1rem}.container:not(.container--wide){max-width:50rem;margin-inline:auto}ul,li{list-style-type:none;padding:0;margin:0}input:not([type="checkbox"]),textarea,button{width:100%;display:block;font:inherit;font-size:1.2rem;border-radius:.5rem;padding:.5em}a{text-decoration:none;color:inherit}body{background:#ebebeb}.card{position:relative;padding:1rem;border-radius:.5rem;background-color:#fff;cursor:pointer;transition:background .2s}.material-icons{color:#dd0890;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;z-index:1}.card:hover .material-icons{opacity:1}.card:after{content:"";position:absolute;inset:0;background:white;border-radius:.5rem;opacity:0;transition:opacity .2s;pointer-events:none}.card:hover:after{opacity:.8}.card--pinned{color:#dd0890;outline:2px solid #dd0890;outline-offset:-2px}.card__main{height:100%;flex-grow:1}.card__img{width:100%;height:100%;max-height:30vh;object-fit:scale-down}.card__footer{display:flex;justify-content:space-between;align-items:end}.card__author-date{font-size:1rem;color:#616161}.header{display:flex;justify-content:space-between;background:#240b9a;color:#fff;padding:1rem}.header__left{width:100%;display:flex;align-items:center}.header__heading{font-size:1.5rem}.header__center{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.header__time{font-size:1.7rem;font-weight:700;margin-bottom:.1em}.header__right{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.header__instruction{font-size:1.5rem}.messages{font-size:2rem;word-break:break-word;display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2rem}@media (max-width: 50rem){.header__center,.header__qrcode{display:none}}@media (max-width: 35rem){.header__left{display:none}.messages{grid-template-columns:1fr}}.list-enter-from,.list-leave-to{transform:rotate(-15deg) scale(0);opacity:0}.list-enter-active,.list-leave-active{transition:all .5s cubic-bezier(.175,.885,.32,1.275) .3s}.list-move{transition:transform .5s cubic-bezier(.165,.84,.44,1)}.form{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}label{display:inline-block;margin-bottom:.5em}.textarea{width:100%;resize:vertical}.button{display:inline-flex;justify-content:center;font:inherit;font-weight:700;color:#fff;background:#240b9a;border:none;padding:1em;border-radius:.5rem;cursor:pointer}.button--secondary{background:white;color:#240b9a}.checkbox{margin-right:1em}