@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ddd;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:16px;border:1px solid #CCCCCC;padding:24px;width:100%;max-width:500px}.modal h2{font-size:22px;font-weight:700;margin-bottom:24px;color:#000}.modal label{display:block;font-size:16px;font-weight:400;color:#000;margin-bottom:8px}.modal input{width:100%;padding:8px 16px;border:1px solid #777777;border-radius:8px;font-size:14px;outline:none}.modal input:focus{border-color:#000}.modal-actions{display:flex;justify-content:flex-end;margin-top:16px}.btn-primary{background:#7695ec;color:#fff;min-width:111px;height:32px;border:none;border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer}.btn-primary:disabled{background-color:#555;opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#5a7de8}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:16px;font-weight:400;color:#000}.form-field input,.form-field textarea{width:100%;padding:8px 16px;border:1px solid #777777;border-radius:8px;font-size:14px;font-family:inherit;outline:none;resize:vertical}.form-field textarea{min-height:74px}.form-field input:focus,.form-field textarea:focus{border-color:#000}.create-post{border:1px solid #999999;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:24px}.create-post h4{font-size:22px;font-weight:700}.create-post form{display:flex;flex-direction:column;gap:16px}.create-post-actions{display:flex;justify-content:flex-end}@media (max-width: 600px){.create-post{padding:16px;gap:12px}.create-post h4{font-size:18px}.create-post form{gap:12px}}.post-card{min-height:fit-content;border:1px solid #999999;border-radius:16px;overflow:hidden}.post-header{background:#7695ec;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.post-header h3{color:#fff;font-size:22px;font-weight:700}.post-actions{display:flex;gap:16px}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;width:34px;height:32px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{border:1px solid #FFFFFF;border-radius:4px}.post-body{padding:24px;display:flex;flex-direction:column;gap:16px}.post-meta{display:flex;justify-content:space-between;align-items:center}.post-author{font-weight:700;font-size:14px;color:#000}.post-time{color:#777;font-size:14px}.post-content{font-size:14px;line-height:1.6;color:#333}@media (max-width: 600px){.post-header{padding:16px}.post-header h3{font-size:18px}.post-body{padding:16px;gap:12px}}.post-card-skeleton{border:1px solid #999999;border-radius:16px;overflow:hidden}.post-card-skeleton-header{background:#b8c8f5;padding:24px}.post-card-skeleton-body{padding:24px;display:flex;flex-direction:column;gap:12px}.post-card-skeleton-meta{display:flex;justify-content:space-between;margin-bottom:4px}.sk{background:linear-gradient(90deg,#d0d0d0 25%,#e8e8e8,#d0d0d0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}.post-card-skeleton-header .sk{background:linear-gradient(90deg,#a0b8f0 25%,#c0d0f8,#a0b8f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-post-title{height:24px;width:50%}.sk-author{height:14px;width:25%}.sk-time{height:14px;width:20%}.sk-line{height:14px;width:100%}.sk-line-short{width:70%}.feed-controls{display:flex;gap:12px;align-items:center;justify-content:center}.feed-search{flex:1;padding:8px 16px;border:1px solid #777;border-radius:8px;font-size:14px;font-family:inherit;outline:none}.feed-search:focus{border-color:#000}.feed-sort-btn{white-space:nowrap;padding:8px 16px;border:1px solid #7695ec;border-radius:8px;background:#fff;color:#7695ec;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.feed-sort-btn:hover{background:#7695ec;color:#fff}.delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.delete-modal{background:#fff;border-radius:16px;padding:24px;width:min(660px,calc(100% - 32px));display:flex;flex-direction:column;gap:24px}.delete-modal p{font-size:22px;font-weight:700}.delete-modal-actions{display:flex;justify-content:flex-end;gap:16px}.delete-modal .btn-cancel{background:#fff;color:#000;border:1px solid #999999;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:700;cursor:pointer}.delete-modal .btn-cancel:hover:not(:disabled){background:#f5f5f5}.btn-delete{background:#ff5151;color:#fff;border:none;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:700;cursor:pointer}.btn-delete:hover:not(:disabled){background:#e04444}.delete-modal .btn-cancel:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.edit-modal{background:#fff;border-radius:16px;padding:24px;width:min(660px,calc(100% - 32px));display:flex;flex-direction:column;gap:24px}.edit-modal h4{font-size:22px;font-weight:700}.edit-modal form{display:flex;flex-direction:column;gap:16px}.edit-modal-actions{display:flex;justify-content:flex-end;gap:16px}.edit-modal .btn-cancel{background:#fff;color:#000;border:1px solid #000;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:700;cursor:pointer}.edit-modal .btn-cancel:hover:not(:disabled){background:#f5f5f5}.edit-modal .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:#47b960;color:#fff;border:none;border-radius:8px;padding:8px 24px;font-size:16px;font-weight:700;cursor:pointer}.btn-save:hover:not(:disabled){background:#3aa050}.btn-save:disabled{opacity:.5;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:#f0f4ff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-state-title{font-size:18px;font-weight:700;color:#000}.empty-state-subtitle{font-size:14px;color:#777}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;z-index:200;animation:fade-in .2s ease}.toast-success{background:#4caf50}.toast-error{background:#ef5f5f}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.feed-overlay{top:0;right:0;bottom:0;left:0;width:min(800px,100%);margin:0 auto;background:#fff;display:flex;flex-direction:column;height:100dvh}.feed-overlay header{background:#7695ec;width:100%;color:#fff;font-weight:700;font-size:22px;padding:27px;display:flex;align-items:center;justify-content:space-between}.logout-btn{background:none;border:none;color:#fff;font-size:14px;font-weight:600;font-family:inherit;padding:4px;cursor:pointer}.logout-btn:hover{background:#ffffff26;border-radius:8px}@media (max-width: 600px){.feed-overlay header{font-size:18px;padding:16px}.feed{padding:16px;gap:16px}}.feed{display:flex;flex-direction:column;width:100%;padding:24px;gap:24px;flex:1;min-height:0;overflow-y:auto}.new-post{border:1px solid #999999;border-radius:16px;padding:24px;gap:24px}.new-post h4{font-size:22px;font-weight:700}.new-post label{font-size:16px;font-weight:400}.load-more-btn{align-self:center;padding:10px 32px;border:1px solid #7695ec;border-radius:8px;background:#fff;color:#7695ec;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.load-more-btn:hover:not(:disabled){background:#7695ec;color:#fff}.load-more-btn:disabled{opacity:.6;cursor:default}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background:#ddd}