:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{max-width:1000px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;text-align:center}header{margin-bottom:3rem}.auth-box{margin-top:2rem;padding:1rem;background:#2a2a2a;border-radius:8px;display:inline-block}.login-form{display:flex;gap:.5rem}.login-form input{padding:.5rem;border-radius:4px;border:1px solid #444;background:#1a1a1a;color:#fff}.user-info{display:flex;align-items:center;gap:1rem}.logout-btn{background:#ff4757;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;cursor:pointer}.action-bar{margin-bottom:2rem;text-align:right}.new-post-btn{background:#42b883;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer}.logo-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.plus{font-size:2rem;font-weight:700;color:#888}.logo{height:3em;will-change:filter;transition:filter .3s}h1{font-size:2.5rem;background:linear-gradient(315deg,#42d392 25%,#647eff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#2a2a2a;padding:2rem;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #00000080}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#888}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;box-sizing:border-box;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn{background:transparent;color:#888;border:none;cursor:pointer}.submit-btn{background:#42b883;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:700;cursor:pointer}.loading[data-v-4660ab29],.empty[data-v-4660ab29]{text-align:center;padding:2rem;color:#888}.spinner[data-v-4660ab29]{border:4px solid #333;border-top:4px solid #646cff;border-radius:50%;width:40px;height:40px;animation:spin-4660ab29 1s linear infinite;margin:0 auto 1rem}@keyframes spin-4660ab29{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-grid[data-v-4660ab29]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card[data-v-4660ab29]{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:flex-start}.post-card[data-v-4660ab29]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:#646cff}.post-thumbnail[data-v-4660ab29]{width:100%;height:180px;overflow:hidden;border-radius:8px;margin-bottom:1rem}.post-thumbnail img[data-v-4660ab29]{width:100%;height:100%;object-fit:cover}.card-body[data-v-4660ab29]{width:100%}.card-header[data-v-4660ab29]{display:flex;justify-content:space-between;width:100%;margin-bottom:1rem;font-size:.85rem;color:#888}.status-badge[data-v-4660ab29]{padding:2px 8px;border-radius:4px;background:#333;text-transform:capitalize}.status-badge.published[data-v-4660ab29]{background:#10b98122;color:#10b981}.status-badge.draft[data-v-4660ab29]{background:#f59e0b22;color:#f59e0b}h2[data-v-4660ab29]{margin:0 0 .5rem;font-size:1.5rem;line-height:1.3;color:#fff}.post-content[data-v-4660ab29]{color:#888;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-4660ab29]{margin-top:auto;display:flex;justify-content:space-between;width:100%}.read-more[data-v-4660ab29]{background:transparent;border:1px solid #646cff;color:#646cff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.9rem}.read-more[data-v-4660ab29]:hover{background:#646cff;color:#fff}.delete-btn[data-v-4660ab29]{background:transparent;border:1px solid #ff4757;color:#ff4757;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.delete-btn[data-v-4660ab29]:hover{background:#ff4757;color:#fff}.post-detail[data-v-b4cc8ec0]{max-width:800px;margin:0 auto;text-align:left}.nav-bar[data-v-b4cc8ec0]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.back-link[data-v-b4cc8ec0]{color:#646cff;text-decoration:none}.edit-btn[data-v-b4cc8ec0]{background:#646cff22;color:#646cff;border:1px solid #646cff;padding:.5rem 1rem;border-radius:6px;cursor:pointer}.edit-form h2[data-v-b4cc8ec0]{margin-bottom:2rem}.form-group[data-v-b4cc8ec0]{margin-bottom:1.5rem}.form-group label[data-v-b4cc8ec0]{display:block;margin-bottom:.5rem;color:#888}.form-group input[data-v-b4cc8ec0],.form-group select[data-v-b4cc8ec0],.form-group textarea[data-v-b4cc8ec0]{width:100%;padding:.8rem;background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#fff;box-sizing:border-box;font-family:inherit}.edit-actions[data-v-b4cc8ec0]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.cancel-btn[data-v-b4cc8ec0]{background:transparent;color:#888;border:none;cursor:pointer}.save-btn[data-v-b4cc8ec0]{background:#42b883;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-weight:700;cursor:pointer}.main-thumbnail[data-v-b4cc8ec0]{width:100%;max-height:400px;overflow:hidden;border-radius:12px;margin-bottom:2rem}.main-thumbnail img[data-v-b4cc8ec0]{width:100%;height:100%;object-fit:cover}h1[data-v-b4cc8ec0]{font-size:2.5rem;margin-bottom:1rem;color:#fff}.meta[data-v-b4cc8ec0]{display:flex;gap:1rem;align-items:center;color:#888;margin-bottom:2rem}.status-badge[data-v-b4cc8ec0]{padding:2px 8px;border-radius:4px;background:#333;font-size:.9rem}.status-badge.published[data-v-b4cc8ec0]{background:#10b98122;color:#10b981}.status-badge.draft[data-v-b4cc8ec0]{background:#f59e0b22;color:#f59e0b}.content-body[data-v-b4cc8ec0]{font-size:1.2rem;line-height:1.8;color:#ccc;white-space:pre-wrap}.loading[data-v-b4cc8ec0]{text-align:center;padding:5rem}.spinner[data-v-b4cc8ec0]{border:4px solid #333;border-top:4px solid #646cff;border-radius:50%;width:40px;height:40px;animation:spin-b4cc8ec0 1s linear infinite;margin:0 auto 1rem}@keyframes spin-b4cc8ec0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}