*{margin:0;padding:0}.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 0}.no-posts{text-align:center;padding:40px 0}.no-posts p{font-size:18px;color:#555;font-weight:500}.l{border:2px solid gray;padding:10px;border-radius:10px;text-decoration:none}.l:hover{background-color:gray;color:#fff}.post-card{width:300px;padding:15px;border-radius:6px;box-shadow:0 2px 6px #0000001a}.post-card:hover{transform:scale(1.02)}.post-card.light{background-color:#fff;color:#222}.post-card.dark{background-color:#111010;color:#fff}.posts-header{border:2px solid #000;padding:12px 16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;background:#fafafa;border-radius:8px}.posts-header h2{margin:0;font-size:22px;color:#222}.posts-actions{display:flex;align-items:center;gap:10px}.posts-actions input{padding:6px 10px;font-size:15px;border:1px solid #ccc;border-radius:6px}.posts-actions button{padding:7px 14px;font-size:15px;font-weight:600;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.posts-actions button:hover{background:#0069d9}.posts-actions select{padding:6px 10px;font-size:15px;border:1px solid #ccc;border-radius:6px;cursor:pointer}input,select{padding:10px;margin:1vw}button{padding:10px}.nav2{display:"flex";justifyContent:"space-between";padding:"10px";marginBottom:"20px";alignItems:"center"}h2{font-size:1.8rem;margin-bottom:15px;color:#222}h3{font-size:1.4rem;margin:10px 0;color:#333}p{font-size:1rem;line-height:1.6;margin-bottom:10px;color:#555}hr{margin:20px 0;border:none;border-top:1px solid #ccc}.l{display:inline-block;margin-top:20px;padding:8px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px}.l:hover{background-color:#0056b3}body.dark h2,body.dark h3,body.dark p{color:#f0f0f0}body.dark hr{border-top:1px solid #555}body.dark .l{background-color:#44f}.layout{display:flex;flex-direction:column;min-height:100vh;font-family:Arial,sans-serif}.layout.light{background-color:#f9f9f9;color:#222}.layout.dark{background-color:#222;color:#f9f9f9}.container{width:90%;max-width:1100px;margin:auto}.header{background-color:inherit;padding:15px 0;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:10;color:inherit}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.6rem;font-weight:700;text-decoration:none;color:inherit}.nav{display:flex;gap:20px}.nav-link{text-decoration:none;font-size:1rem;color:inherit;transition:.3s}.nav-link:hover{color:#007bff}.theme-btn{margin-left:20px;padding:5px 10px;cursor:pointer;background:none;border:1px solid currentColor;border-radius:4px}.main-content{flex:1;padding:30px 0}.footer{background-color:inherit;padding:15px 0;border-top:1px solid #e5e5e5;text-align:center;color:inherit}.footer p{margin:0;font-size:.9rem}@media(max-width:768px){.header-content{flex-direction:column;gap:12px}.nav{gap:12px}}.create-post-form{display:flex;flex-direction:column;gap:15px;padding:20px;border:2px solid #ccc;border-radius:8px;background:#fafafa;max-width:98%;margin-top:20px}.create-post-form input,.create-post-form textarea,.create-post-form select{padding:12px;border:1px solid #bbb;border-radius:6px;font-size:16px;width:100%;box-sizing:border-box}.create-post-form textarea{height:120px;resize:vertical}.create-post-form button{width:150px;padding:12px;font-size:16px;background-color:#07f;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.3s ease-in-out}.create-post-form button:hover{background-color:#005fcc}.create-post-form button:active{transform:scale(.98)}h1{margin-bottom:10px;font-size:26px;font-weight:600}