*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#111827;color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif}.shell{width:min(100%,980px);margin:0 auto;padding:28px 16px}.card,.board{background:rgba(31,41,55,.94);border:1px solid #374151;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.login-card{max-width:440px;margin:8vh auto;padding:32px}.brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f59e0b;color:#1f2937;font-size:24px}.brand h1{font-size:25px;margin:0}.brand p{color:#9ca3af;margin:5px 0 0}label{display:block;color:#d1d5db;margin:18px 0 8px}select,input{width:100%;border:1px solid #4b5563;border-radius:11px;background:#111827;color:#f9fafb;padding:13px 14px;font-size:16px;margin-top:8px}button{border:0;border-radius:11px;background:#f59e0b;color:#1f2937;font-weight:700;padding:13px 20px;font-size:16px;cursor:pointer}button:hover{background:#fbbf24}.login-card button{width:100%;margin-top:18px}.hint{font-size:13px;color:#9ca3af;line-height:1.6}.error{color:#fca5a5;min-height:1.5em}.hidden{display:none!important}.board{overflow:hidden}.topbar{height:68px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #374151}.topbar>div:first-child{display:flex;align-items:center;gap:10px}.topbar .brand-mark{width:30px;height:30px;font-size:16px;border-radius:9px}.messages{height:min(65vh,620px);overflow-y:auto;padding:22px}.message{display:flex;gap:11px;margin:0 0 18px;align-items:flex-start}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:700;color:#111827;flex:0 0 auto}.bubble{max-width:calc(100% - 50px)}.meta{display:flex;gap:9px;align-items:baseline;font-size:13px;margin-bottom:4px}.meta strong{color:#fbbf24}.meta time{color:#6b7280;font-size:11px}.content{line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.attachment-image,.attachment-video{display:block;max-width:min(100%,520px);max-height:420px;margin-top:10px;border-radius:12px;background:#111827}.attachment-video{width:100%}.system{justify-content:center}.system .bubble{max-width:90%;text-align:center;background:#374151;border-radius:12px;padding:8px 13px;color:#d1d5db}.system .avatar{display:none}.password-notice{margin:14px 22px 0;padding:13px 15px;background:#78350f;border:1px solid #f59e0b;border-radius:11px;color:#fef3c7;line-height:1.5}.composer{display:flex;gap:10px;padding:16px 22px;border-top:1px solid #374151}.composer input{margin:0}.composer button{flex:0 0 auto}.file-button{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0;padding:0 12px;border:1px solid #4b5563;border-radius:11px;color:#d1d5db;cursor:pointer;font-size:14px;white-space:nowrap}.file-button:hover{border-color:#f59e0b;color:#fbbf24}.file-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center;color:#9ca3af;font-size:12px}.topbar #current-user{color:#fbbf24;font-size:14px}@media(max-width:560px){.shell{padding:10px 8px}.messages{height:65vh;padding:16px 12px}.composer,.topbar{padding-left:13px;padding-right:13px}.composer{gap:7px}.composer button{padding-left:14px;padding-right:14px}}