*{box-sizing:border-box}:root{font-family:Rubik,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;--app-txt-white: rgb(255, 255, 255, .87);--app-txt-black: #16141e;--app-card-bg: #1a1a1a;--primary-color: #646cff;--secondary-color: #64b7ff;background-color:#242424;background-color:#101010;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;margin:auto}.container{text-align:center;max-width:450px;margin:2em auto 0;padding:1rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:360px}h1{font-family:Cinzel,serif;font-size:3.2em;line-height:.8;margin:0}h2{font-weight:300;font-size:.8em;letter-spacing:6px;margin:0}p{font-size:.825em}button{border-radius:.5rem;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--app-card-bg);cursor:pointer;will-change:border;transition:border .3s}button:hover{border:1px solid var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.site-logo-container{margin-bottom:2em}.provider-btn{display:flex;align-items:center;justify-content:center;gap:.725em;padding:0 1em;background:var(--app-card-bg);border-radius:.8rem;font-size:1.25em;cursor:pointer;margin-bottom:1.5em;will-change:filter;transition:filter .3s}.provider-btn:hover{filter:drop-shadow(0 0 2em #646cffaa)}.provider-image{height:26px}input{font-size:1em;padding:1.2em 1.5em;text-align:center;border:none;background:var(--app-card-bg);color:var(--app-txt-white);width:100%;border-radius:.8rem;margin-bottom:1em}input:focus{outline:1px solid rgba(130,130,130,.2)}.primary-btn{width:100%;padding:1em;background:var(--primary-color);color:var(--app-txt-black);will-change:filter,transform;transition:filter .3s,transform .1s}.primary-btn:hover{background:#3a297c;color:var(--primary-color);border:1px solid transparent;filter:drop-shadow(0 0 1em #646cff3a)}.primary-btn:focus{outline:2px solid var(--secondary-color);filter:none}.primary-btn:active{transform:scale(1.05)}.secondary-btn{width:100%;padding:1em;background:#2b2b2b;margin-top:.5em;will-change:border;transition:border .3s,transform .1s}.secondary-btn:hover{border:1px solid var(--primary-color);filter:none}.secondary-btn:focus{outline:none;filter:none}.secondary-btn:active{transform:scale(1.05)}.user-container{margin-bottom:2em}.user-avatar{height:100px;border-radius:50%;border:2px solid var(--primary-color);filter:drop-shadow(0 0 3em #646cffab);box-shadow:0 0 50px #000}.user-row{display:flex;justify-content:space-between;align-items:center;font-size:.75em;margin-top:1em}.user-row>button{font-weight:400;padding:.4rem .8rem}.user-row>h4{margin:0}.emoji-container{display:flex;justify-content:space-between;margin-bottom:1em;-webkit-user-select:none;user-select:none;cursor:pointer}.emoji{width:100%;opacity:50%;will-change:transform,opacity;transition:transform .3s,opacity .3s}.emoji-pic{font-size:3em;line-height:1}.emoji-text{font-size:1em}.emoji-selected{transform:scale(1.5);opacity:100%}.post-form{margin-bottom:1.5em}textarea{font-family:inherit;font-size:1em;padding:1.2em 1.5em;border:none;background:var(--app-card-bg);color:var(--app-txt-white);width:100%;border-radius:.8rem;resize:none}textarea:focus{outline:1px solid rgba(130,130,130,.2)}.filters{display:flex;justify-content:space-between;margin-bottom:.5em}.filter-btn:hover{border:1px solid var(--secondary-color);filter:none}.filter-btn:focus,.filter-btn:active{border:1px solid var(--secondary-color);outline:none;filter:none}.filter-selected{background:var(--secondary-color);color:var(--app-txt-black)}.filter-selected:hover,.filter-selected:focus,.filter-selected:active{border:1px solid transparent;outline:none}.posts-container{display:flex;flex-direction:column}.post{display:flex;flex-direction:column;justify-content:space-between;border:none;padding:1em;background:#64b7ff12;color:var(--app-txt-white);width:100%;text-align:left;border-radius:.8rem;margin-bottom:.5em}.post-header{display:flex;align-items:center;justify-content:space-between}.post-header h3{font-size:2em;margin:0;line-height:0}.post-header p{opacity:80%;margin:0}.post-message{padding:1em 0}.post-none{text-align:center}.footer{display:flex;justify-content:space-between}.footer-btn{font-size:.8em;font-weight:400;border-radius:.5em;color:var(--app-txt-white)}.footer-btn-edit{background:#173e0f;color:var(--app-txt-white)}.footer-btn-edit:hover{border:1px solid #308221;filter:none}.footer-btn-delete{background:#ab3535;color:var(--app-txt-white)}.footer-btn-delete:hover{border:1px solid #ef7171;filter:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1c2127bc;display:flex;justify-content:center;align-items:center;animation:fadeInOut .3s ease-in-out}.modal{display:inline;position:relative;width:100%;max-width:420px;border-radius:16px;margin:0 1em;z-index:6;background-color:#162b3e;box-shadow:0 0 50px #0009;color:var(--app-txt-white);animation:slideIn .5s}.modal-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1.2em;margin:0 auto}.modal-header{text-align:left}.modal-body{height:100%;padding:1em 0}.modal-footer{display:flex;justify-content:space-between}@keyframes fadeInOut{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20%)}to{transform:translateY(0)}}.close-modal-btn-container{text-align:left;margin:9px}.modal-close-btn{font-size:16px;background-color:transparent;border:1px solid transparent;color:#f5f5f5;font-family:"Font Awesome 6 Free";font-size:12px;padding:8px 10px}.modal-close-btn:hover,.modal-close-btn:active{cursor:pointer;background-color:#1e1e1e;border-radius:15px}.modal-close-btn:disabled{color:#f5f5f5;opacity:.2;cursor:not-allowed}.modal-choice-btns{margin-top:10px;padding:8px 16px;display:flex;justify-content:center}.modal-btn{padding:10px 24px;cursor:pointer}.loader-container{display:flex;height:100vh}.loader{display:flex;flex-direction:column;margin:auto;opacity:0;animation:fadeIn .5s forwards}.svg{filter:invert(50%) sepia(91%) saturate(4375%) hue-rotate(223deg) brightness(102%) contrast(104%)}.blur{position:absolute;filter:invert(62%) sepia(94%) saturate(4684%) hue-rotate(234deg) brightness(99%) contrast(103%) blur(6px)}.test{color:#9d64ff}.sign-in,.user-container{opacity:0;animation:fadeIn 1s forwards}.emoji-container{opacity:0;animation:fadeIn 2s forwards}.post-form{opacity:0;animation:fadeIn 3s forwards}.filters{opacity:0;animation:fadeIn 4s forwards}.posts-container{opacity:0;animation:fadeIn 5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}