*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b0b0f;color:#e8e8ec;min-height:100vh}a{color:#79b8ff}button{cursor:pointer;border:1px solid #2a2a35;background:#16161f;color:#e8e8ec;padding:8px 14px;border-radius:8px;font-size:14px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#1f1f2b;border-color:#3a3a48}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#4f46e5;border-color:#4f46e5}button.primary:hover:not(:disabled){background:#4338ca;border-color:#4338ca}button.danger{background:#b91c1c;border-color:#b91c1c}button.danger:hover:not(:disabled){background:#991b1b;border-color:#991b1b}input{background:#16161f;color:#e8e8ec;border:1px solid #2a2a35;border-radius:8px;padding:8px 12px;font-size:14px;width:100%}input:focus{outline:2px solid #4f46e5;outline-offset:-1px}.container{max-width:1100px;margin:0 auto;padding:32px 24px}.card{background:#11111a;border:1px solid #20202c;border-radius:12px;padding:20px;margin-bottom:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:#8b8b9c;font-size:13px}.kbd{background:#0f0f17;border:1px solid #2a2a35;border-radius:4px;padding:2px 6px;font-family:ui-monospace,monospace}.badge,.kbd{font-size:12px}.badge{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:999px;font-weight:500}.badge.ok{background:rgba(34,197,94,.15);color:#4ade80}.badge.off{background:rgba(239,68,68,.15);color:#f87171}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}.post-card{background:#11111a;border:1px solid #20202c;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.post-card .thumb-fallback,.post-card img{width:100%;aspect-ratio:1;object-fit:cover;background:#1a1a25}.thumb-fallback{display:flex;align-items:center;justify-content:center;color:#5b5b6d;font-size:13px}.post-body{padding:10px 12px;font-size:12px}.post-body .caption{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.alert{padding:10px 14px;border-radius:8px;font-size:14px}.alert.error{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.3)}.alert.success{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.3)}h1{font-size:22px;margin:0 0 6px}h2{font-size:16px;margin:0 0 12px;color:#c8c8d4}nav{display:flex;gap:16px;padding:14px 24px;border-bottom:1px solid #1c1c25}nav a{color:#c8c8d4;text-decoration:none;font-size:14px}nav a:hover{color:#fff}