body{margin:0;padding:0;color:#fff;background-color:var(--charcoal)}*{font-family:sans-serif,Arial,Helvetica}a{text-decoration:none;color:#fff}:root{--black: #070707;--charcoal: #40434e;--light-dark: #575b69;--dark: #4e525e;--lilac: #c297b8;--mimi-pink: #fdcff3;--persian-pink: #de89be;--pink-red: #f66;--pink-red-dark: rgb(221, 90, 90)}#root{display:flex;flex-direction:column;min-height:calc(100vh - 2px)}.non-selectable{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}header{position:sticky;top:0;margin:0;padding:0;background-color:var(--black)}.header-main-name{font-weight:700;font-size:32px;color:var(--persian-pink)}.header-right{display:flex;align-items:center;justify-content:space-between;font-size:20px;gap:16px}.nav-links{height:70px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-sizing:border-box}.logout-btn{background-color:var(--black);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-logout-image{filter:brightness(0) invert(1)}.mobile-menu{position:relative}.hamburger-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.mobile-dropdown{position:absolute;top:100%;right:0;background-color:var(--black);border:1px solid var(--charcoal);border-radius:4px;padding:10px;min-width:150px;z-index:1000;display:flex;flex-direction:column;gap:4px}.mobile-dropdown>*{height:40px;text-align:center;display:flex;align-items:center;justify-content:center}.login-link-header,.signup-link-header{border-radius:4px;height:40px;display:flex;align-items:center;justify-content:center}.login-link-header:hover,.signup-link-header:hover,.login-link-header:active,.signup-link-header:active{background-color:var(--charcoal)}.dashboard-link-header,.logout-link-header{display:block;width:100%;padding:8px 0;color:#fff;text-decoration:none;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:40px}.logout-link-header{font-weight:700}.dashboard-link-header:hover,.logout-link-header:hover{background-color:var(--charcoal)}main{background-color:var(--charcoal);flex:1;padding:0 25px}.content-wrapper{width:750px;min-width:250px}footer{padding:0;text-align:center;background-color:var(--black);border-top:1px solid var(--charcoal);height:50px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.footer-link-image{width:32px;height:32px;margin:0 8px;transition:opacity .3s ease,transform .2s ease,filter .2s ease;vertical-align:middle;filter:brightness(0) invert(1)}.footer-link-image:hover{opacity:.7;transform:scale(1.1);filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(290deg)}.error-message{position:fixed;bottom:60px;list-style-type:none;left:50%;transform:translate(-50%);z-index:1000;background:#b42525;border:1px solid #f66;border-radius:6px;padding:12px 20px;box-shadow:0 2px 8px #00000026;animation:slideUp .3s ease-out;display:flex}.error-message .closing{animation:slideDown .3s ease-out}.error-input{border:2px red solid}.interaction-btn{background-color:var(--mimi-pink);border:none;width:75px;font-weight:100;cursor:pointer;width:100%}.interaction-btn:hover,.interaction-btn:active{background-color:var(--lilac)}.error-message-btn{margin-left:10px;background:none;border:none;color:var(--pink-red);cursor:pointer;font-size:16px;font-weight:700}.signup-main,.login-main{display:flex;justify-content:center;font-weight:700}.signup-container,.login-container{width:450px}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-input{height:24px}.signup-form,.login-form{background-color:var(--black);padding:15px;border-radius:15px}.field-error{color:#f66;font-size:14px;margin-top:4px;display:block;color:var(--pink-red);text-align:center;height:51px;align-content:center}.error-container{min-height:55px;margin-top:4px}.signup-btn,.login-btn{border-radius:4px;height:40px}.article-title,.article-content,.comment-content{word-wrap:break-word;width:100%}.create-comment-form{width:100%;display:flex;align-items:center}.create-comment-textbox{width:100%;height:70px;resize:none;border:none;background-color:var(--charcoal);color:#fff;outline:none;padding:8px}.post-comment-btn{height:25px;width:75px;border-radius:2px;color:var(--black)}.comment{border-top:1px solid var(--lilac)}.submit-comment-wrapper{display:flex;justify-content:end;padding:10px}.create-comment-wrapper{border:3px solid var(--persian-pink);border-radius:5px;margin-bottom:25px}.article-detail{display:flex;justify-content:center}.manage-comment-button{width:75px;height:35px;border-radius:3px}.edit-btn{width:75px;height:35px;border:none;cursor:pointer;border-radius:3px;background-color:var(--mimi-pink)}.edit-btn:active,.edit-btn:hover{background-color:var(--lilac)}.delete-btn{width:75px;height:35px;border:none;cursor:pointer;border-radius:3px;color:#fff;background-color:var(--pink-red)}.delete-btn:active,.delete-btn:hover{background-color:var(--pink-red-dark)}.comment-edit-form{margin-bottom:10px;max-width:100%;overflow:hidden}.comment-edit-textarea{width:100%;box-sizing:border-box;min-height:60px;padding:8px;border:1px solid #ccc;border-radius:4px;resize:none;outline:none;margin-top:15px;height:70px;background-color:var(--charcoal);color:#fff;font-family:inherit;font-size:inherit}.comment-edit-buttons{margin-top:8px;display:flex;gap:8px}.manage-comment-wrapper{height:50px;display:flex;gap:16px}.manage-comment-menu{display:flex;gap:16px}.save-comment-btn{background-color:#e637d7;color:#fff;border:none;cursor:pointer;border-radius:3px;width:70px;height:35px}.save-comment-btn:hover{background-color:#d332c5}.cancel-comment-btn{background-color:var(--light-dark);color:#fff;border:none;cursor:pointer;border-radius:3px;width:70px;height:35px}.cancel-comment-btn:hover{background-color:var(--dark)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.article-grid{list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));padding:20px 0;gap:24px}.article-grid-item{background-color:var(--black);border-radius:12px;min-width:250px;white-space:wrap;word-wrap:break-word;height:350px;display:flex;justify-content:space-between;flex-direction:column;padding:15px}.article-grid-item>*{margin:0}.article-preview>h2{margin:0}.article-preview>p{margin-top:15px}.center-main{display:flex;justify-content:center}.dashboard-article-link{white-space:wrap;word-wrap:break-word;background-color:var(--black);border-radius:5px;padding:15px}.dashboard-article-link>a{text-align:center;width:100%;display:inline-block;margin-bottom:15px}.dashboard-article-options-wrapper{display:flex;align-items:center;gap:12px;justify-content:center}.checkbox{height:25px;width:25px;accent-color:var(--persian-pink);height:100px}.dashboard-article-link-wrapper{display:flex;flex-direction:column;gap:16px;margin:30px 0;max-width:750px}.dashboard-article-options-wrapper label{display:flex;align-items:center;gap:4px;margin:0;height:90px}.dashboard-wrapper{min-width:250px;width:750px}.create-new-post{padding:15px;border-radius:8px;width:145px;color:var(--black);text-align:center}.post-maker{display:flex;flex-direction:column;width:750px;min-width:250px;padding:15px;margin:15px 0;border-radius:15px;background-color:var(--black)}.post-maker>input{font-size:24px}.post-maker>input,.post-maker-textbox{background-color:var(--charcoal);color:#fff;border:none;outline:none;padding:8px}.post-maker-textbox{resize:none;height:100%}.post-maker-btn{height:50px;padding:4px;width:100px;border-radius:10px}.bottom-post-maker{display:flex;align-items:center;justify-content:end;gap:16px;height:80px}.bottom-post-maker>label{display:flex;align-items:center}.post-maker>label{font-weight:700;margin:4px 0}.dashboard-top{display:flex;flex-direction:column;align-items:center}