:root{--bg: #030712;--surface: rgba(17, 24, 39, .75);--surface-hover: rgba(31, 41, 55, .85);--border: rgba(56, 189, 248, .18);--border-glow: rgba(56, 189, 248, .45);--primary: #38bdf8;--primary-hover: #0ea5e9;--text-main: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--warning: #f59e0b}body.light-theme{--bg: #f0f4f8;--surface: rgba(255, 255, 255, .85);--surface-hover: rgba(241, 245, 249, .95);--border: rgba(2, 132, 199, .2);--border-glow: rgba(2, 132, 199, .5);--primary: #0284c7;--primary-hover: #0369a1;--text-main: #0f172a;--text-muted: #64748b}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(14,165,233,.06) 0px,transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}nav{display:flex;justify-content:space-between;align-items:center;background:#030712bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1rem 2.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}body.light-theme nav{background:#f0f4f8d9}nav .brand{font-weight:900;font-size:1.4rem;letter-spacing:-.5px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}body.light-theme nav .brand{color:#0f172a}.brand-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 10px var(--primary)}.nav-center{display:flex;align-items:center;gap:1.5rem}.live-clock-badge{background:#38bdf814;border:1px solid var(--border);padding:.35rem .85rem;border-radius:20px;font-size:.8rem;color:var(--primary);font-family:monospace;letter-spacing:.5px}nav .nav-links{display:flex;align-items:center;gap:1.25rem}nav .nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.95rem;transition:all .2s ease}nav .nav-links a:hover,nav .nav-links a.active{color:var(--primary);text-shadow:0 0 8px rgba(56,189,248,.4)}.user-menu-container{position:relative;display:inline-block}.user-badge-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:6px 14px;border-radius:24px;color:var(--text-main);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.user-badge-btn:hover{border-color:var(--primary);box-shadow:0 0 12px #38bdf833}.user-avatar-dot{width:10px;height:10px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:12px;padding:8px 0;min-width:190px;box-shadow:0 10px 25px #0006;display:none;flex-direction:column;z-index:1000}.user-dropdown.show{display:flex}.user-dropdown a{padding:10px 18px;color:var(--text-main);text-decoration:none;font-size:.88rem;display:flex;align-items:center;gap:10px;transition:background .2s ease,color .2s ease}.user-dropdown a:hover{background:var(--surface-hover);color:var(--primary)}.dropdown-divider{height:1px;background:var(--border);margin:6px 0}.container{max-width:900px;width:92%;margin:2.5rem auto;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:2.2rem;border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 40px -15px #00000080}.form-group{margin-bottom:1.25rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 650px){.grid-2{grid-template-columns:1fr}}label{display:block;margin-bottom:.4rem;font-weight:600;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.75px}input,textarea,select{width:100%;padding:.8rem 1rem;background:#03071299;border:1px solid var(--border);border-radius:10px;color:var(--text-main);font-size:.95rem;transition:all .2s ease}body.light-theme input,body.light-theme textarea{background:#fffc}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 12px #38bdf840}button{cursor:pointer;padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#030712;border:none;border-radius:10px;font-weight:700;font-size:.95rem;transition:all .25s ease;box-shadow:0 4px 15px #38bdf833}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #38bdf859}button.danger{background:linear-gradient(135deg,var(--danger),var(--danger-hover));color:#fff}button.secondary{background:var(--surface-hover);color:var(--text-main);border:1px solid var(--border);box-shadow:none}button.secondary:hover{background:var(--border);transform:none}.social-pill-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.social-pill{display:inline-flex;align-items:center;gap:8px;background:#38bdf814;border:1px solid var(--border);padding:8px 16px;border-radius:30px;color:var(--text-main);text-decoration:none;font-weight:600;font-size:.85rem;transition:all .2s ease}.social-pill:hover{background:var(--primary);color:#030712;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.profile-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);box-shadow:0 0 20px #38bdf84d}#toastContainer{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:600;color:#fff;box-shadow:0 8px 24px #0006;animation:slideIn .3s ease forwards}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.toast.info{background:var(--primary);color:#030712}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}footer{margin-top:5rem;background:#030712d9;border-top:1px solid var(--border);padding:2.5rem 2rem 1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.light-theme footer{background:#f0f4f8e6}.footer-content{max-width:1150px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-brand h3{font-size:1.2rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.footer-brand p{color:var(--text-muted);font-size:.85rem;max-width:320px}.footer-links{display:flex;gap:3rem;flex-wrap:wrap}.footer-column h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.8px;color:var(--primary);margin-bottom:.75rem}.footer-column a{display:block;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:.4rem;transition:color .2s ease}.footer-column a:hover{color:var(--primary)}.footer-bottom{max-width:1150px;margin:2rem auto 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);flex-wrap:wrap;gap:10px}.feed-layout{display:grid;grid-template-columns:260px 1fr 300px;gap:1.5rem;max-width:1250px;width:95%;margin:1.5rem auto;align-items:start}@media (max-width: 1024px){.feed-layout{grid-template-columns:220px 1fr}.right-panel{display:none}}@media (max-width: 768px){.feed-layout{grid-template-columns:1fr}.left-panel{display:none}}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:85px}.nav-pill-list{display:flex;flex-direction:column;gap:6px;margin-top:1.25rem}.nav-pill-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:var(--text-main);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease}.nav-pill-item:hover,.nav-pill-item.active{background:var(--surface-hover);color:var(--primary)}.notif-badge{background:var(--danger);color:#fff;font-size:.7rem;padding:2px 7px;border-radius:12px;font-weight:700;margin-left:auto}.tweet-composer{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem;transition:border-color .2s ease}.post-card.flagged{border-color:#ef444466;background:#ef44440a}.post-header{display:flex;align-items:center;gap:12px;margin-bottom:.75rem}.post-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.comments-drawer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.comment-bubble{background:#03071266;border:1px solid var(--border);border-radius:10px;padding:8px 12px;margin-bottom:8px}@keyframes postFlashHighlight{0%{box-shadow:0 0 #38bdf800;border-color:var(--primary)}30%{box-shadow:0 0 25px 5px #38bdf899;border-color:var(--primary);transform:scale(1.01)}to{box-shadow:0 0 #38bdf800;border-color:var(--border);transform:scale(1)}}.post-card.highlight-flash{animation:postFlashHighlight 2.5s ease-out}.badge-tick{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:800;margin-left:4px;vertical-align:middle}.badge-blue{background-color:#1d9bf0;color:#fff;box-shadow:0 0 8px #1d9bf066}.badge-grey{background-color:#64748b;color:#fff;box-shadow:0 0 8px #64748b66}.badge-tag-admin{background:#64748b33;border:1px solid #64748b;color:#cbd5e1;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:4px;margin-left:6px}