.community-root{flex-direction:column;gap:2rem;max-width:72rem;margin:0 auto;padding:2rem 1.5rem;display:flex}.community-back-btn{cursor:pointer;font-size:var(--text-sm);color:var(--color-stone-500);background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-family:inherit;transition:color .2s;display:inline-flex}.community-back-btn:hover{color:var(--color-stone-800)}.community-header{flex-direction:column;gap:.375rem;display:flex}.community-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-amber-800);background:var(--color-amber-200);border-radius:999px;width:fit-content;padding:.2rem .75rem;font-weight:700}.community-title{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);color:var(--color-stone-800);letter-spacing:var(--tracking-tight)}.community-sub{font-size:var(--text-sm);color:var(--color-stone-500)}.community-section{flex-direction:column;gap:1rem;display:flex}.community-section-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-stone-500);align-items:center;gap:.5rem;font-weight:700;display:flex}.community-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.community-skeleton{border-radius:var(--radius-2xl);background:var(--color-stone-100);height:240px;animation:1.5s infinite pulse}.community-card{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-stone-200);cursor:pointer;transition:box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}.community-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.community-card-image{background:var(--color-stone-100);height:130px;position:relative}.community-card-img{object-fit:cover}.community-type-badge{text-transform:uppercase;color:var(--color-stone-700);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:700;position:absolute;top:10px;left:10px}.community-type-badge--channel{color:var(--color-amber-800);background:#f59e0b26}.community-card-body{flex-direction:column;gap:.5rem;padding:1rem;display:flex}.community-card-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-stone-800);margin:0}.community-card-desc{font-size:var(--text-xs);color:var(--color-stone-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.community-card-footer{justify-content:space-between;align-items:center;margin-top:.25rem;display:flex}.community-card-members{font-size:var(--text-xs);color:var(--color-stone-400);align-items:center;gap:.25rem;display:flex}.community-join-btn{border:1px solid var(--color-amber-400);background:var(--color-amber-50);color:var(--color-amber-800);font-size:var(--text-xs);cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-family:inherit;font-weight:600;transition:all .15s;display:inline-flex}.community-join-btn:hover{background:var(--color-amber-100)}.community-join-btn--joined{background:var(--color-stone-100);border-color:var(--color-stone-300);color:var(--color-stone-600)}.community-join-btn--joined:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.chat-root{background:var(--color-white);border-radius:var(--radius-2xl);border:1px solid var(--color-stone-200);flex-direction:column;height:calc(100vh - 140px);display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--color-stone-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.chat-header-left{align-items:center;gap:.75rem;display:flex}.chat-name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-stone-800);margin:0}.chat-desc{font-size:var(--text-xs);color:var(--color-stone-400);margin:0}.chat-header-right{align-items:center;gap:.75rem;display:flex}.chat-members{font-size:var(--text-xs);color:var(--color-stone-400);align-items:center;gap:.25rem;display:flex}.chat-messages{flex-direction:column;flex:1;gap:.75rem;padding:1.25rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-stone-200);border-radius:2px}.chat-loading{justify-content:center;align-items:center;height:100%;display:flex}.chat-spinner{border:2px solid var(--color-stone-200);border-top-color:var(--color-amber-600);border-radius:999px;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chat-empty{height:100%;color:var(--color-stone-400);font-size:var(--text-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.chat-msg{align-items:flex-end;gap:.5rem;max-width:75%;display:flex}.chat-msg--own{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{object-fit:cover;border-radius:999px;flex-shrink:0;width:32px!important;height:32px!important}.chat-bubble-wrapper{flex-direction:column;gap:.2rem;display:flex}.chat-username{color:var(--color-stone-500);padding-left:.5rem;font-size:.65rem;font-weight:600}.chat-bubble{background:var(--color-stone-100);border-radius:.875rem .875rem .875rem .25rem;max-width:100%;padding:.5rem .875rem}.chat-bubble p{font-size:var(--text-sm);color:var(--color-stone-700);word-break:break-word;margin:0;line-height:1.5}.chat-bubble--own{background:var(--color-amber-600);border-radius:.875rem .875rem .25rem}.chat-bubble--own p{color:#fff}.chat-time{color:var(--color-stone-400);padding-left:.5rem;font-size:.6rem}.chat-msg--own .chat-time{text-align:right;padding-right:.5rem}.chat-delete-btn{cursor:pointer;color:var(--color-stone-300);opacity:0;background:0 0;border:none;flex-shrink:0;padding:.25rem;transition:opacity .15s,color .15s}.chat-msg:hover .chat-delete-btn{opacity:1}.chat-delete-btn:hover{color:#dc2626}.chat-input-area{border-top:1px solid var(--color-stone-100);padding:.875rem 1.25rem}.chat-input-wrapper{background:var(--color-stone-50);border:1px solid var(--color-stone-200);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;transition:border-color .2s;display:flex}.chat-input-wrapper:focus-within{border-color:var(--color-amber-400);background:var(--color-white)}.chat-input{font-size:var(--text-sm);color:var(--color-stone-700);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.chat-input::placeholder{color:var(--color-stone-400)}.chat-send-btn{background:var(--color-amber-700);cursor:pointer;color:#fff;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,opacity .2s;display:flex}.chat-send-btn:hover{background:var(--color-amber-800)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-hint{text-align:center;font-size:var(--text-xs);color:var(--color-stone-400)}.chat-hint a{color:var(--color-amber-700);font-weight:600;text-decoration:none}.chat-no-access{justify-content:center;display:flex}@media (max-width:640px){.community-root{padding:1.25rem 1rem}.community-title{font-size:var(--text-2xl)}.community-grid{grid-template-columns:1fr}.chat-msg{max-width:90%}}