.post-panel-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:2000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.post-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:600px;background:white;box-shadow:-4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;animation:slideInRight .3s ease;font-family:Space Grotesk,sans-serif}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.post-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:white;position:sticky;top:0;z-index:10}.panel-title{font-size:20px;font-weight:700;color:#171717;margin:0}.close-panel-btn{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-panel-btn:hover{background:#e5e7eb;color:#171717}.post-panel-content{flex:1;overflow-y:auto;padding:24px}.panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3476ba;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.panel-loading p{font-size:14px;color:#6b7280}.panel-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px}.error-icon{font-size:48px}.panel-error p{font-size:14px;color:#6b7280;margin:0}.retry-btn{padding:8px 16px;background:#3476BA;color:white;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:8px}.retry-btn:hover{background:#2563EB}.panel-post{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:24px}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.post-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#3476BA;color:white;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.post-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.post-author{font-weight:600;color:#374151}.meta-separator{color:#d1d5db}.post-time{color:#9ca3af}.post-title{font-size:20px;font-weight:700;color:#171717;margin:0 0 16px;line-height:1.4}.post-content{font-size:15px;line-height:1.7;color:#374151;margin-bottom:16px}.post-content p{margin:0 0 12px}.post-content p:last-child{margin-bottom:0}.post-content .linkified-url{color:#3476BA;text-decoration:none;word-break:break-all;transition:color .2s ease}.post-content .linkified-url:hover{color:#2563EB;text-decoration:underline}.post-stats{gap:16px;padding-top:16px;border-top:1px solid #e5e7eb}.post-stats,.stat-item{display:flex;align-items:center}.stat-item{gap:6px;font-size:13px;color:#6b7280}.stat-item svg{flex-shrink:0}.post-actions{gap:12px;margin-top:16px}.action-btn,.post-actions{display:flex;align-items:center}.action-btn{gap:8px;padding:10px 16px;border:1px solid #e5e7eb;background:white;border-radius:8px;font-size:14px;font-weight:500;color:#171717;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.action-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn svg{flex-shrink:0}.message-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.share-btn:hover{background:#f0fdf4;border-color:#10b981;color:#10b981}.panel-divider{height:1px;background:#e5e7eb;margin:24px 0}.panel-comments{margin-bottom:24px}.panel-header-actions{display:flex;align-items:center;gap:8px}.delete-post-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-post-btn:hover{background:#fee2e2;color:#dc2626}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:white;border-radius:12px;padding:24px;max-width:440px;width:90%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.delete-confirm-modal h3{font-size:20px;font-weight:700;color:#171717;margin:0 0 12px}.delete-confirm-modal p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-delete{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-delete{background:#ef4444;color:white}.btn-delete:hover:not(:disabled){background:#dc2626}.btn-cancel:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.post-panel{max-width:100%}.post-panel-header{padding:16px 20px}.panel-title{font-size:18px}.post-panel-content{padding:20px}.post-title{font-size:18px}}