@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat&display=swap";.app-name{font-family:Jost,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:1.5rem;color:var(--orange-color)}header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;position:fixed;top:0;left:0;right:0;background-color:#000;color:#fff;border-bottom:1px solid #333;z-index:100}body{background-color:#111}body::-webkit-scrollbar{display:none}.search-overlay{position:fixed;top:0;left:0;right:0;z-index:200;background:#000;display:flex;align-items:center;padding:12px 24px;gap:12px;border-bottom:1px solid #333;animation:searchFadeIn .15s ease}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-overlay input{flex:1;padding:10px 14px;border:1px solid #444;border-radius:10px;background-color:#222;color:#fff;font-size:16px;transition:border-color .2s,box-shadow .2s}.search-overlay input:focus{outline:none;border-color:var(--orange-color);box-shadow:0 0 0 2px #ff987440}.search-overlay input::placeholder{color:#888}.search-desktop{display:flex;align-items:center;gap:4px}.search-desktop .menu-icon{cursor:pointer}.search-desktop-input{display:flex;align-items:center;gap:4px;max-width:0;overflow:hidden;opacity:0;transition:max-width .3s ease,opacity .2s ease}.search-desktop-input.open{max-width:260px;opacity:1}.search-desktop-input input{padding:8px 12px;border:1px solid #444;border-radius:10px;width:200px;background-color:#222;color:#fff;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-desktop-input input:focus{outline:none;border-color:var(--orange-color);box-shadow:0 0 0 2px #ff987440}.search-desktop-input input::placeholder{color:#888}@media screen and (max-width: 700px){.search-desktop{display:none}}button{padding:8px 16px;border:1px solid transparent;border-radius:8px;background-color:var(--orange-color);font-size:.95rem;cursor:pointer;transition:background-color .2s,transform .15s,border-color .2s}button:hover{transform:scale(.97);background-color:var(--peach-color)}button:active{transform:scale(.95)}.btn-outline{background:transparent;border:1px solid var(--orange-color);color:var(--orange-color)}.btn-outline:hover{background:var(--orange-color);color:#000}.guest-options{display:flex;align-items:center;gap:12px}.guest-options .divider{width:1px;height:24px;background:#444}.menu-icon{color:var(--orange-color);margin-right:20px;transition:color .2s}.menu-icon:hover{color:var(--peach-color)}.notif-bell-wrapper{position:relative;display:inline-flex;align-items:center;margin-right:20px}.notif-bell{cursor:pointer;display:inline-flex;align-items:center}.notif-bell .menu-icon{margin-right:0}.unread-badge{position:absolute;top:-6px;right:-6px;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:#222;border:1px solid #333;border-radius:10px;box-shadow:0 8px 24px #0006;z-index:200;overflow-y:auto}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333;font-weight:600;font-size:14px;color:#fff;position:sticky;top:0;background:#222;border-radius:10px 10px 0 0}.notif-header button{background:none;border:none;color:var(--orange-color);font-size:12px;cursor:pointer;padding:0}.notif-header button:hover{color:var(--peach-color)}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background .15s}.notif-item:hover{background:#ff98740d}.notif-item.unread{background:#ff987414;border-left:3px solid var(--orange-color)}.notif-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden}.notif-avatar img{width:100%;height:100%;object-fit:cover}.notif-avatar-placeholder{width:100%;height:100%;background:var(--orange-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:50%}.notif-body{flex:1;min-width:0}.notif-message{font-size:13px;color:#ccc;line-height:1.4}.notif-item.unread .notif-message{color:#fff;font-weight:600}.notif-time{font-size:11px;color:#666;margin-top:2px}.notif-empty{padding:32px 16px;text-align:center;color:#666;font-size:13px}@media (max-width: 768px){.notif-dropdown{position:fixed;top:60px;left:0;right:0;width:100%;max-height:calc(100vh - 60px);border-radius:0}}.dropdown svg{cursor:pointer;vertical-align:middle}.guest-options p{margin:5px}.guest-options a{text-decoration:none;font-weight:600}.user-options{display:flex;align-items:center;gap:4px}main{margin-top:70px;background-color:#111;color:#fff;padding:20px;min-height:78vh}main h2{font-size:1.4rem;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #333;color:#fff}main p.center{color:#888;font-size:15px}.back-link{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:16px;color:var(--orange-color);font-size:14px;width:fit-content}.back-link:hover{color:var(--peach-color)}.comments-heading{margin:24px 0 16px;font-size:1.1rem;padding-bottom:8px;border-bottom:1px solid #333;color:#fff}.posts{display:flex;flex-direction:column}.post{background-color:#222;width:100%;border-radius:10px;max-width:800px;align-self:center;padding:20px;margin:16px auto;transition:border-color .2s,box-shadow .2s;border:1px solid #2a2a2a}.post:hover{border-color:#444;box-shadow:0 2px 12px #0000004d}.post-content{padding:0}.post-title{font-size:1.25rem;font-weight:700;margin:12px 0 8px;color:#fff;line-height:1.3}.post-meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:#999;font-size:13px;margin-bottom:4px;align-items:center}.post-meta-chip{display:inline-flex;align-items:center;gap:4px}.post-meta-chip.status{display:inline-flex;align-items:center}.post-meta-chip.status.completed{color:#48c9b0}.post-meta-chip.status.ongoing{color:var(--orange-color)}.post-section{margin-top:20px;padding-top:16px;border-top:1px solid #2a2a2a}.post-section-heading{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;margin:0 0 8px}.post-body{line-height:1.65;color:#ccc;font-size:14px;margin:0}.post-image{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin-bottom:16px}.user-header{display:flex;justify-content:space-between}.comments{display:flex;flex-direction:column;padding:20px 0}.comment{width:100%;max-width:750px;align-self:center;background:#1a1a1a;border-radius:8px;padding:14px 18px;margin-bottom:12px;border-left:3px solid transparent;transition:border-color .15s}.comment:hover{border-left-color:var(--orange-color)}.comment.reply{margin-left:28px;border-left-color:#333}.comment .comment-user-name{font-weight:600;font-size:14px}.comment-reply-to{font-size:11px;color:#666;margin:0 0 4px}.comment .comment-date{font-size:11px;color:#666}.comment .comment-content{margin:8px 0;line-height:1.5}.comment .options{margin-top:8px;padding-top:8px;border-top:1px solid #2a2a2a}.comment .options svg{font-size:14px}.user{display:flex;align-items:center;gap:8px;text-decoration:none!important;color:#fff}.user p{margin:0}.create-post-btn{display:flex;align-items:center;gap:6px;margin-right:12px}.user-options a{text-decoration:none}.post .user-header .name{font-weight:600;font-size:14px}.post .user-header .date{font-size:12px;color:#666}.options{display:flex;margin-top:12px;padding-top:12px;border-top:1px solid #2a2a2a}.options div{display:flex;margin-right:16px;align-items:center;cursor:pointer}.options .menu-icon{margin-right:0}.options .count{font-size:13px;color:#999;margin-right:4px}.options svg{font-size:16px}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:24px 16px;color:#fff;box-sizing:border-box}.page .back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:13px;text-decoration:none;transition:background-color .15s,border-color .15s;margin-bottom:12px}.page-inner{width:100%;max-width:400px}.page .back-link:hover{background:#333;border-color:var(--orange-color)}.page .back-link svg{font-size:12px}.page form{width:100%;max-width:400px;background:#1a1a1a;border-radius:12px;padding:32px;box-sizing:border-box}.page form input{width:100%;padding:10px 12px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;box-sizing:border-box;outline:none;transition:border-color .15s}.page form input:focus{border-color:var(--orange-color)}input:-webkit-autofill{background-color:#222!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 0 0 1000px #222 inset!important;border:1px solid #333}.page form button{width:100%;padding:10px;background:var(--orange-color);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin:8px 0 16px;transition:background-color .15s}.page form button:hover{background:#e88864}.page form p{text-align:center;font-size:13px;color:#999}.link{color:var(--orange-color);text-decoration:none}.align-right{float:right}.dropdown{margin:10px 20px 10px 0}.dropdown-content{display:none;position:absolute;background-color:#222;border-radius:10px;width:max-content;font-size:14px;box-shadow:0 8px 16px #0003;z-index:1}.move-left{position:absolute;right:20px}.dropdown-content{padding:8px 0;min-width:160px}.dropdown-content label{display:block;padding:10px 16px;cursor:pointer;transition:background-color .15s}.dropdown-content label:hover{background:#ff98741a;border:none}.dropdown-content label a{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}.post-form-card .dropdown{position:relative;margin:0}.dropdown-container{display:flex;gap:12px;margin-bottom:14px}.dropdown-container .dropdown{flex:1}.post-form-card .dropdown>label{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;margin-bottom:0;transition:border-color .15s}.post-form-card .dropdown>label:hover,.post-form-card .dropdown:focus-within>label{border-color:var(--orange-color)}.post-form-card .dropdown-content{width:100%;top:100%;left:0;margin-top:4px;box-sizing:border-box;border-radius:8px}.post-form-card .dropdown-content label{padding:6px 12px;font-size:13px;display:flex;align-items:center;gap:6px}.post-form-card .dropdown-content label:hover{background:#ff98741f}.post-form-card .dropdown-content input[type=checkbox]{accent-color:var(--orange-color)}.create-post-page{display:flex;flex-direction:column;align-items:center;padding:24px 16px}.create-post-page h2{font-size:1.3em;border-bottom:1px solid var(--orange-color);padding-bottom:6px;margin-bottom:16px;width:100%;max-width:700px}.post-form-card{max-width:700px;width:100%;background:#1a1a1a;border-radius:12px;padding:24px;box-sizing:border-box}.post-form-card label{display:block;font-size:11px;text-transform:uppercase;color:#999;margin-bottom:6px;letter-spacing:.5px}.post-form-card input[type=text],.post-form-card input[type=email],.post-form-card select,.post-form-card textarea{width:100%;padding:8px 12px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;font-size:13px;margin-bottom:14px;box-sizing:border-box}.post-form-card select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:32px}.post-form-card input[type=text]:focus,.post-form-card input[type=email]:focus,.post-form-card select:focus,.post-form-card textarea:focus{border-color:var(--orange-color);outline:none}.post-form-card textarea{resize:vertical;min-height:100px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.post-form-card button[type=submit]{width:100%;padding:10px;background:var(--orange-color);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background-color .15s}.post-form-card button[type=submit]:hover{background:#e88864}input,textarea,select{outline:none;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{border-color:var(--orange-color)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0}.profile-page{display:flex;flex-direction:column;align-items:center;padding:24px 16px}.profile-card{max-width:700px;width:100%;background:#1a1a1a;border-radius:12px;padding:24px;box-sizing:border-box;position:relative}.profile-header{display:flex;gap:20px;align-items:flex-start}.profile-details{flex:1}.profile-details .username{font-size:1.5em;margin:0 0 4px;color:#fff}.profile-details .email{font-size:13px;color:#999;margin:0 0 8px;font-weight:400}.profile-details .bio{font-size:14px;color:#ccc;margin:0;line-height:1.5}.profile-edit-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#333;border-radius:8px;color:#fff;text-decoration:none;transition:background-color .15s}.profile-edit-btn:hover{background:var(--orange-color);color:#000}.profile-posts-heading{font-size:1.3em;width:100%;max-width:700px;border-bottom:1px solid var(--orange-color);padding-bottom:6px;margin-top:24px;margin-bottom:16px}.input-error{border:1px solid red}.error-message{color:#9a3b3b;font-size:15px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal}.comment .options .menu-icon.active{color:var(--peach-color)}.add-comment{display:flex;flex-direction:column;gap:8px;max-width:750px;margin:0 auto}.add-comment .comment-input{padding:10px 14px;border-radius:10px;width:100%;background-color:#333;color:#fff;border:1px solid #444;transition:border-color .2s;font-family:inherit;resize:vertical}.add-comment .comment-input:focus{border-color:var(--orange-color)}.add-comment .bottom-row{display:flex;justify-content:flex-end;gap:8px}.add-comment button{padding:10px 20px;margin:0;align-self:stretch;white-space:nowrap}.add-comment-row{display:flex;gap:8px;align-items:stretch}.add-comment-row .comment-input{flex:1}.add-comment button:disabled{opacity:.4;cursor:not-allowed}.reply-header{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#999}.cancel-btn{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:background-color .15s}.cancel-btn:hover{background:#ff98741a;color:var(--orange-color)}.comment .add-comment{max-width:100%;margin:12px 0 0;padding-left:16px;border-left:2px solid #333}.vertical-align{display:flex;flex-direction:column}.center{text-align:center}.page-header{display:flex;align-items:center;width:100%;margin-bottom:20px}.page-header h2{margin-bottom:0;padding-bottom:0;border-bottom:none;font-size:1.5rem;white-space:nowrap;flex-shrink:0}.filters-bar{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:10px;text-transform:uppercase;color:#999;letter-spacing:.5px}.filter-group select{padding:6px 10px;background:#222;border:1px solid #333;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:border-color .15s}.filter-group select:focus{border-color:var(--orange-color);outline:none}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px}.pagination button{min-width:100px}.pagination span{color:#666;font-size:14px}footer{background-color:#1a1a1a;color:#999;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;font-size:14px;border-top:1px solid #2a2a2a;flex-wrap:wrap;gap:12px}.footer-brand{display:flex;flex-direction:column;gap:2px}.footer-brand .app-name{font-size:1.1rem;margin:0}.footer-tagline{font-size:12px;color:#666;margin:0}.footer-info p{margin:0;line-height:1.5}.footer-email{font-size:12px;color:#666}.footer-copy{font-size:12px;color:#555;margin:0}.error-page{color:#fff;font-size:20px;text-align:center;margin-top:50px}@media screen and (max-width: 700px){header{padding:10px 16px}.app-name{font-size:1.3rem}footer{font-size:12px;flex-direction:column;text-align:center;gap:16px;padding:20px}.menu-icon{margin-right:8px}.show-btn-label{display:none}.create-post-btn{margin-right:0}.dropdown{margin-right:0;margin-left:5px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.filters-bar{margin-left:0;width:100%}.post-meta{gap:6px}.pagination button{min-width:60px;font-size:13px}.post{padding:14px}.comment{padding:12px}.guest-options{gap:6px}.guest-options button{font-size:12px;padding:6px 10px}.guest-options .divider{display:none}.dropdown .dropdown-content{right:0;max-width:calc(100vw - 32px)}.filter-group select{max-width:140px}.post-form-card .dropdown-content{max-width:calc(100vw - 80px)}}@media screen and (max-width: 600px){.form-row,.dropdown-container,.add-comment-row{flex-direction:column}.add-comment-row button{align-self:flex-end}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-edit-btn{position:static;margin-top:8px}.page form{padding:20px}}@media screen and (max-width: 400px){.filters-bar{flex-direction:column}.filter-group select{width:100%;max-width:none}.page form{padding:16px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card{background:#222;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0006}.modal-message{color:#fff;font-size:15px;margin:0 0 20px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-confirm-btn{background:#e74c3c;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px}.modal-confirm-btn:hover{background:#c0392b}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);gap:16px}.spinner{width:36px;height:36px;border:3px solid #333;border-top-color:var(--orange-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:#888;font-size:14px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue-color: #7695FF;--lightblue-color: #9DBDFF;--peach-color: #FFD7C4;--orange-color: #FF9874}*{margin:0;padding:0;box-sizing:border-box}