.posts-section{max-width:1200px;margin:0 auto;padding:2rem 1rem;font-family:Arial,sans-serif}.posts-heading{color:var(--text-primary);font-size:2.5rem;text-align:center;margin-bottom:2rem;font-weight:700;text-transform:capitalize;border-bottom:3px solid var(--accent-color);padding-bottom:.5rem}.posts-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.post-item{background:var(--bg-primary);border-radius:10px;box-shadow:0 4px 6px var(--shadow-color);transition:transform .2s,box-shadow .2s;overflow:hidden;display:flex;flex-direction:column;padding:1.5rem}.post-item:hover{transform:translateY(-5px);box-shadow:0 8px 12px var(--shadow-color)}.post-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem;font-weight:700;line-height:1.4}.post-body{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.post-actions{display:flex;gap:1rem;margin-top:auto}.post-button{padding:.5rem 1rem;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .2s;flex:1}.edit-button{background-color:var(--accent-color);color:#fff}.edit-button:hover{background-color:var(--accent-hover)}.delete-button{background-color:#e53e3e;color:#fff}.delete-button:hover{background-color:#c53030}.form-container{max-width:600px;margin:20px auto;background:var(--bg-primary);border-radius:10px;box-shadow:0 4px 10px var(--shadow-color);padding:20px;overflow:hidden;transition:background-color .3s,box-shadow .3s}.form-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.form-icon{width:24px;height:24px;color:var(--accent-color)}.form-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);transition:color .3s}.form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.form-label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:700;color:var(--text-secondary);transition:color .3s}.form-input,.form-textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary);outline:none;transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 5px var(--shadow-color)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-textarea{resize:none}.char-counter{position:absolute;bottom:-20px;right:0;font-size:.8rem;color:var(--text-secondary);transition:color .3s}.form-actions{display:flex;justify-content:space-between;gap:1rem}.btn-clear,.btn-submit{padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-clear{background-color:var(--bg-secondary);color:var(--text-secondary)}.btn-clear:hover{background-color:var(--border-color)}.btn-submit{background-color:var(--accent-color);color:#fff}.btn-submit:hover{background-color:var(--accent-hover)}.btn-submit:active,.btn-clear:active{transform:scale(.98)}.theme-toggle{position:fixed;top:1rem;right:1rem;padding:.5rem;border-radius:50%;background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background-color:var(--bg-secondary)}.theme-icon{width:1.25rem;height:1.25rem;color:var(--accent-color)}:root{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-primary: #1a1a1a;--text-secondary: #4a5568;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--button-bg: #f8f9fa;--button-text: #4a5568;--shadow-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #a0aec0;--border-color: #4a5568;--accent-color: #60a5fa;--accent-hover: #3b82f6;--button-bg: #4a5568;--button-text: #e2e8f0;--shadow-color: rgba(0, 0, 0, .3)}body{background-color:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s,color .3s}