.clubs-workspace{text-align:left;padding:0;background:transparent}.demo-banner{display:flex;align-items:center;gap:20px;padding:15px 18px;background:#e4eff4;border:1px solid #cfdfe7;border-radius:12px}.demo-banner strong{font-size:12px;display:block;margin-bottom:6px}.demo-banner span{font-size:11px;line-height:1.7;color:#718b9c;display:block}.demo-banner label{font-size:10px;flex-shrink:0}.demo-banner select{display:block;margin-top:5px;padding:8px 12px;border:1px solid #cbdee7;background:#fffaf6;color:var(--ink)}.club-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:25px 0}.club-toolbar h2{font:24px var(--serif);margin:0 0 8px}.club-toolbar p{font-size:11px;color:#8b9ba3;margin:0}.club-toolbar>div:last-child{display:flex;gap:8px}.club-toolbar button{font-size:11px}.club-columns{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px}.club-columns:has(.club-requests){grid-template-columns:180px minmax(0,1fr) 205px}.club-list,.club-content,.club-requests{background:#fffaf6;border:1px solid #efdfd3;border-radius:14px;padding:18px;min-width:0}.club-list h3,.club-requests h3{font:18px var(--serif);margin:0 0 18px}.club-tile{width:100%;display:grid;grid-template-columns:35px 1fr;text-align:left;gap:6px 9px;padding:15px 10px;border:1px solid #e5e8e6;background:#fffdfb;margin-bottom:10px}.club-tile.selected{background:#dceef6;border-color:#beddeb}.club-tile strong{font:14px var(--serif);overflow-wrap:anywhere}.club-tile small{grid-column:2;font-size:9px;color:#7d96a5}.club-symbol{grid-row:1/3;align-self:center;font-size:27px;color:#87a9b3}.club-muted{font-size:11px;color:#8a9ca6;line-height:1.9}.club-welcome{padding:55px 15px;text-align:center}.club-welcome>span{font-size:65px;color:#a9b99d}.club-welcome h2{font:25px var(--serif)}.club-welcome h3{font:17px var(--serif)}.club-welcome p{font-size:12px;line-height:1.9;color:#8b9da6}.club-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.club-title h2{font:25px var(--serif);margin:7px 0 10px;overflow-wrap:anywhere}.club-title p{font-size:11px;color:#8698a3;line-height:1.8;white-space:pre-wrap}.club-title .tag{white-space:nowrap}.invite-code{display:flex;gap:10px;align-items:center;font-size:10px;flex-wrap:wrap}.invite-code strong{letter-spacing:1.5px}.invite-code .text-button{margin:0}.club-tabs{display:flex;gap:12px;border-bottom:1px solid #e4e6e4;margin:20px 0;overflow:auto}.club-tabs button{border:0;background:transparent;white-space:nowrap;border-radius:0;padding:10px 0;font-size:10px;color:#8c9ba3}.club-tabs button.active{border-bottom:2px solid #6b9dba;color:#315e78}.club-current-book{padding:16px;background:#e6f1f6;border-radius:10px;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.club-current-book h3{font:20px var(--serif);margin:10px 0}.club-current-book p{font-size:11px;color:#7c95a5}.club-book-cover{width:70px;height:102px;border-radius:4px;overflow:hidden;box-shadow:3px 5px 8px #54758c25;flex-shrink:0}.club-book-cover img{width:100%;height:100%;object-fit:contain}.club-book-cover .designed-cover{padding:10px 5px}.club-book-cover .designed-cover strong{font-size:11px}.club-book-cover .designed-cover small{font-size:4px;letter-spacing:0}.club-book-cover .designed-cover i{font-size:20px}.club-book-cover .designed-cover em{font-size:5px}.club-current-book>label{display:block;width:100%;font-size:10px;color:#7090a3}.club-current-book select{display:block;width:100%;max-width:100%;margin-top:7px;padding:9px;border:1px solid #cddfe9;background:#fffaf6;color:var(--ink);font-size:11px}.club-messages{height:260px;overflow:auto;padding:20px 0;display:flex;flex-direction:column;gap:16px}.club-message{max-width:90%;align-self:flex-start}.club-message.own{align-self:flex-end}.club-message strong{font-size:11px}.club-message time{font-size:9px;color:#99a8ae;margin-left:10px}.club-message p{font-size:12px;line-height:1.8;padding:12px;margin:7px 0 0;background:#f4ece5;border-radius:0 12px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.club-message.own p{background:#e0edf4;border-radius:12px 0 12px 12px}.club-compose{display:flex;gap:8px;border-top:1px solid #eee3db;padding-top:15px;align-items:center}.club-compose textarea{border:1px solid #dbe4e8;background:#fffdfb;resize:vertical;min-width:0;flex:1;padding:10px;color:var(--ink);font-size:11px}.club-compose button{font-size:11px;padding:12px}.request-card{display:grid;grid-template-columns:35px 1fr;gap:5px 10px;margin-top:12px;padding:12px;border:1px solid #eee7df;border-radius:10px}.member-avatar{width:33px;height:33px;border-radius:50%;background:#f5d8c8;display:grid;place-items:center;font:16px var(--serif);grid-row:1/3}.request-card strong{font-size:12px}.request-card small{font-size:9px;color:#8b9eaa}.request-card>div{display:flex;gap:6px;grid-column:1/-1;margin-top:6px}.request-card button{font-size:10px;padding:8px 10px;flex:1}.approve{background:#88b6cf;border:0;color:white}.member-list>div{display:flex;gap:10px;align-items:center;margin-bottom:15px;font-size:12px}.member-list small{margin-left:auto;color:#8da0ab;font-size:10px}.club-field{display:block;font-size:12px;margin:20px 0}.club-field input,.club-field textarea{display:block;width:100%;padding:12px;border:1px solid #dbe2e5;background:#fffdfb;color:var(--ink);margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#create-club-dialog,#join-club-dialog{max-width:490px}@media(max-width:1200px){.club-columns:has(.club-requests){grid-template-columns:150px minmax(0,1fr)}.club-requests{grid-column:2}.club-toolbar{flex-wrap:wrap}}@media(max-width:800px){.demo-banner{flex-wrap:wrap}.club-columns,.club-columns:has(.club-requests){grid-template-columns:1fr}.club-requests{grid-column:auto}.club-list{display:flex;gap:8px;overflow:auto;align-items:center}.club-list h3{display:none}.club-tile{min-width:180px;width:auto;flex-shrink:0;margin-bottom:0}.club-title h2{font-size:22px}.club-toolbar h2{font-size:22px}.club-content{padding:15px}}
.live-chat-area{margin-top:24px}.chat-history-label{display:block;font-size:11px;margin:20px 0;color:#6b8b9e}.chat-history-label select{display:block;width:100%;border:1px solid #d5e2e9;padding:10px;margin-top:8px;background:#fffaf6;color:var(--ink)}.chat-thread-title{font:17px var(--serif);margin-top:20px}.live-chat-area .club-compose button:disabled{opacity:.6;cursor:default}.live-chat-area .club-messages{height:320px}