body{margin:0;padding:0;background-color:#1b1b1b;color:#fff;font-family:sans-serif;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#1c1c1c;margin:0;padding:20px;box-sizing:border-box}.title{font-size:40px;color:#fff;margin:0}.subText{color:#9e9e9e;font-size:16px;text-align:center;margin-top:15px;line-height:1.5;max-width:300px}.start-button{margin-top:60px;background-color:#4caf50;color:#fff;border:none;min-width:250px;min-height:65px;border-radius:35px;font-size:22px;font-weight:700;cursor:pointer;transition:background-color .2s ease;position:relative;overflow:hidden}.start-button:hover{background-color:#58b55c}.start-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.start-button:active:after{transform:scale(0);opacity:1;transition:0s}.header{display:flex;justify-content:start;align-items:center;font-size:25px;font-weight:300;background-color:#212121;height:60px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #00000080;width:100%}body{background-color:#121212}.message_div{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh;font-size:25px;color:#9e9e9e;font-weight:200;text-align:center}.icon{font-size:100px;padding-bottom:25px}.fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#4caf50;color:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.fab:hover{transform:scale(1.1);background-color:#6ebc70}.fab:active{transform:scale(.9)}.fab-offline{background-color:#6c757d;cursor:not-allowed;opacity:.8}.fab:disabled{transform:none}.card{background-color:#212121;margin:20px 15px;padding:12px 16px;border-radius:20px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;width:auto;min-height:100px;position:relative;border:.2px solid #323232}.id{color:#4caf50;font-size:14px;font-weight:700;margin:0 0 5px;text-transform:uppercase}.mainText{color:#fff;font-size:20px;margin:10px 0 0;line-height:1.4;font-weight:300;padding-right:40px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.time{color:#9e9e9e;font-size:11px;position:absolute;top:12px;right:16px;margin-top:0}.delete-btn{position:absolute;top:35px;right:10px;background-color:#ff4d4f;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background .3s,opacity .2s;opacity:.6}.delete-btn:hover{background-color:#ff7875;opacity:1}.delete-btn:active{transform:scale(.95)}.edit-btn{position:absolute;top:60px;right:10px;background-color:#4b66ff;color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;transition:background .3s,opacity .2s;opacity:.6}.edit-btn:hover{background-color:#57b8fd;opacity:1}.edit-btn:active{transform:scale(.95)}.likes{margin-top:15px;display:flex;justify-content:flex-end;align-items:center;color:#9e9e9e;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:fit-content;margin-left:auto;padding:4px 8px}.likes.liked{color:#ff4d4f}.likes:active .heart-icon{transform:scale(1.4)}.heart-icon{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.likes_count{margin-left:6px;font-size:14px}.admin-controls{display:flex;gap:5px;position:absolute;bottom:12px;left:16px}.delete-btn,.edit-btn{position:static;opacity:.6}.arrow{display:flex;background-color:transparent;border:none;color:#fff;align-items:center;font-size:25px;justify-content:center;margin-left:5px;border-radius:100px;position:relative;overflow:hidden;width:50px;height:50px;cursor:pointer;transition:background-color .3s}.arrow:hover{background-color:#ffffff1a}.arrow:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.4) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.arrow:active:after{transform:scale(0);opacity:1;transition:0s}.header{display:flex;justify-content:start;align-items:center;font-size:25px;font-weight:300;background-color:transparent;height:60px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #00000080;width:100%}header{margin-left:calc(50vw - 100px)}.textField{width:calc(100% - 70px);height:80dvh;margin-left:35px;margin-right:35px;margin-top:15px;border-radius:50px;background-color:#212121;padding:20px;box-sizing:border-box;border:none;outline:none;color:#fff;font-size:16px}.add-post-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#1c1c1c}.content{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:5px}.textField{width:calc(100% - 70px);height:70vh;border-radius:40px;background-color:#212121;color:#fff;padding:20px;font-size:18px;border:none;outline:none;resize:none;font-family:inherit;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.textField::-webkit-scrollbar{display:none}.post-button{width:calc(100% - 70px);margin-top:30px;background-color:#4caf50;color:#fff;border:none;min-width:250px;min-height:65px;border-radius:35px;font-size:22px;font-weight:700;cursor:pointer;transition:background-color .2s ease;position:relative;overflow:hidden}.post-button:hover:not(:disabled){background-color:#58b55c}.post-button:disabled{opacity:.5;background-color:#454545;cursor:not-allowed}.post-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.post-button:active:after{transform:scale(0);opacity:1;transition:0s}