.app{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans Arabic,sans-serif;padding-top:0;background:#0d1117}.container{max-width:1000px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#1a1f2e,#161b22);border-bottom:2px solid #30363d;position:sticky;top:0;z-index:100;padding:16px 0;box-shadow:0 4px 12px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;background:linear-gradient(135deg,#58a6ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.header-actions{display:flex;align-items:center;gap:16px}.btn-create{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.icon{font-size:20px;font-weight:700}.user-info{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#58a6ff1a;border-radius:20px;border:1px solid rgba(88,166,255,.2)}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #58a6ff;box-shadow:0 2px 8px #58a6ff4d}.avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border:2px solid #30363d;box-shadow:0 2px 8px #58a6ff4d}.username{font-size:14px;font-weight:600;color:#58a6ff}.login-text{font-size:14px;color:#8b949e;padding:8px 16px;background:#8b949e1a;border-radius:6px}.main{padding:24px 0}.card{background:linear-gradient(135deg,#1a1f2e,#161b22);border:1px solid #30363d;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 16px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.card-title{font-size:20px;font-weight:700;margin:0 0 20px;background:linear-gradient(135deg,#58a6ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input{width:100%;padding:12px 16px;background:#0d1117;border:2px solid #30363d;border-radius:8px;color:#c9d1d9;font-size:15px;font-family:inherit;margin-bottom:16px;transition:all .3s ease}.input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a}.textarea{width:100%;padding:12px 16px;background:#0d1117;border:2px solid #30363d;border-radius:8px;color:#c9d1d9;font-size:15px;font-family:inherit;min-height:120px;resize:vertical;margin-bottom:16px;transition:all .3s ease;line-height:1.6}.textarea:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a}.actions{display:flex;gap:12px}.btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;box-shadow:0 4px 12px #2386364d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #23863666}.btn-secondary{background:transparent;color:#c9d1d9;border:2px solid #30363d}.btn-secondary:hover{background:#21262d;border-color:#58a6ff}.btn-sm{padding:8px 16px;font-size:13px}.post-card{display:flex;gap:0;padding:0;overflow:hidden;border-radius:12px}.vote-bar{background:linear-gradient(180deg,#0d1117,#161b22);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;border-right:1px solid #30363d;min-width:60px}.vote-btn{background:none;border:none;color:#8b949e;font-size:24px;cursor:pointer;padding:4px 8px;transition:all .2s ease;border-radius:6px}.vote-btn:hover:not(:disabled){background:#58a6ff1a;color:#58a6ff;transform:scale(1.2)}.vote-btn:disabled{cursor:not-allowed;opacity:.3}.vote-btn.active{color:#ff6b6b;background:#ff6b6b1a}.vote-btn.down.active{color:#58a6ff;background:#58a6ff1a}.vote-count{font-size:16px;font-weight:700;color:#c9d1d9;padding:4px 8px;background:#58a6ff1a;border-radius:6px;min-width:40px;text-align:center}.post-body{flex:1;padding:16px 20px}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.author{display:flex;align-items:center;gap:10px}.avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #58a6ff}.avatar-sm-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.author-name{font-size:14px;font-weight:600;color:#58a6ff;transition:color .2s ease}.author-name:hover{color:#7c3aed}.separator{color:#8b949e;font-size:12px}.date{font-size:12px;color:#8b949e}.btn-icon{background:none;border:none;cursor:pointer;font-size:18px;opacity:.5;padding:6px;transition:all .2s ease;border-radius:6px}.btn-icon:hover{opacity:1;background:#ff6b6b1a;transform:scale(1.1)}.post-title{font-size:20px;font-weight:700;margin:0 0 12px;color:#e6edf3;line-height:1.4;letter-spacing:-.3px}.post-content{font-size:15px;line-height:1.7;color:#c9d1d9;margin:0 0 16px;white-space:pre-wrap;word-wrap:break-word}.post-footer{display:flex;gap:16px;padding-top:12px;border-top:1px solid #30363d}.btn-action{background:#58a6ff0d;border:1px solid transparent;color:#8b949e;font-size:14px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease}.btn-action:hover{background:#58a6ff26;border-color:#58a6ff;color:#58a6ff;transform:translateY(-1px)}.replies-section{margin-top:20px;border-top:2px solid #30363d;background:#0d111780;padding:20px;border-radius:8px}.reply-input-box{margin-bottom:20px}.reply-input{width:100%;padding:12px 16px;background:#0d1117;border:2px solid #30363d;border-radius:8px;color:#c9d1d9;font-size:14px;font-family:inherit;min-height:100px;resize:vertical;margin-bottom:12px;transition:all .3s ease;line-height:1.6}.reply-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a}.reply-actions{display:flex;gap:12px}.replies-list{display:flex;flex-direction:column;gap:16px}.reply{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#1a1f2e,#0d1117);border-radius:8px;border:1px solid #30363d;transition:all .2s ease}.reply:hover{border-color:#58a6ff;box-shadow:0 4px 12px #58a6ff1a}.reply-vote{display:flex;flex-direction:column;align-items:center;gap:4px}.vote-btn-sm{background:none;border:none;color:#8b949e;font-size:18px;cursor:pointer;padding:4px;transition:all .2s ease;border-radius:4px}.vote-btn-sm:hover:not(:disabled){background:#58a6ff1a;color:#58a6ff;transform:scale(1.2)}.vote-btn-sm:disabled{cursor:not-allowed;opacity:.3}.vote-btn-sm.active{color:#ff6b6b;background:#ff6b6b1a}.vote-btn-sm.down.active{color:#58a6ff;background:#58a6ff1a}.vote-count-sm{font-size:13px;font-weight:700;color:#c9d1d9;padding:2px 6px;background:#58a6ff1a;border-radius:4px}.reply-content{flex:1}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.avatar-xs{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #58a6ff}.avatar-xs-placeholder{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.btn-icon-sm{background:none;border:none;cursor:pointer;font-size:16px;opacity:.4;padding:4px 8px;transition:all .2s ease;border-radius:4px}.btn-icon-sm:hover{opacity:1;background:#ff6b6b1a;transform:scale(1.1)}.reply-text{font-size:14px;line-height:1.6;color:#c9d1d9;margin:0;white-space:pre-wrap;word-wrap:break-word}.no-replies{text-align:center;color:#8b949e;font-size:14px;padding:30px;margin:0;background:#8b949e0d;border-radius:8px}.empty-card{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#58a6ff0d,#7c3aed0d)}.empty-card h2{font-size:24px;margin:0 0 12px;background:linear-gradient(135deg,#58a6ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-card p{font-size:16px;color:#8b949e;margin:0}@media(max-width:768px){.container{padding:0 16px}.logo{font-size:22px}.username{display:none}.btn-create{padding:8px 14px;font-size:13px}.post-title{font-size:18px}.post-content{font-size:14px}.vote-bar{padding:12px 8px;min-width:50px}.vote-btn{font-size:20px}.vote-count{font-size:14px}.post-body{padding:12px 16px}.card{padding:16px}}@media(max-width:480px){.header-actions{gap:8px}.user-info{padding:4px 8px}.avatar,.avatar-placeholder{width:30px;height:30px;font-size:14px}.btn-create .icon{font-size:16px}.post-footer{flex-wrap:wrap;gap:8px}.btn-action{font-size:12px;padding:5px 10px}}