:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#ec4899;--bg-light:#f8fafc;--white:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--accent:#06b6d4}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.glass-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:12px}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}input{background:var(--white);border:1px solid var(--border);color:var(--text-main);border-radius:8px;outline:none;padding:10px 16px}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.navbar{background:var(--white);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-text{color:var(--primary);font-size:1.25rem;font-weight:800}.nav-search input{background:#f1f5f9;border:none;width:400px}.avatar{border:1px solid var(--border);border-radius:50%;width:36px;height:36px}.main-layout{flex:1;gap:0;display:flex;overflow:hidden}.sidebar{background:var(--white);border-right:1px solid var(--border);width:240px;padding:24px}.sidebar-section{margin-bottom:32px}.sidebar-section h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:16px;font-size:.75rem}.sidebar-section ul{list-style:none}.sidebar-section li{cursor:pointer;color:var(--text-main);border-radius:6px;margin-bottom:4px;padding:8px 12px;font-size:.95rem;transition:all .2s}.sidebar-section li:hover{color:var(--primary);background:#f1f5f9}.content-area{flex:1;padding:32px;overflow-y:auto}.home-container{max-width:1200px;margin:0 auto}.hero-section{color:#fff;text-align:left;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:16px;margin-bottom:40px;padding:48px}.hero-section h1{margin-bottom:12px;font-size:2.25rem}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.channel-card{background:var(--white);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.channel-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.channel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tag-list{gap:8px;margin-top:20px;display:flex}.tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:500}.channel-detail-container{max-width:900px;margin:0 auto}.post-composer{background:var(--white);margin-bottom:32px;padding:24px}.post-composer textarea{border:1px solid var(--border);width:100%;color:var(--text-main);resize:none;background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px;font-family:inherit}.posts-list{flex-direction:column;gap:20px;display:flex}.post-card{background:var(--white);padding:24px}.post-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:12px;font-size:.875rem;display:flex}.chat-container{background:var(--white);border:1px solid var(--border);border-radius:16px;flex-direction:column;height:100%;display:flex}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chat-messages{background:#f8fafc;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:65%;padding:12px 16px;font-size:.95rem}.message.sent{background:var(--primary);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.message.received{background:var(--white);color:var(--text-main);border:1px solid var(--border);border-bottom-left-radius:2px;align-self:flex-start}.chat-input{border-top:1px solid var(--border);background:var(--white);padding:20px 24px}