@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.main-header{padding:60px 0 40px;text-align:center;position:relative}.brand{font-weight:700;font-size:1.2rem;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.brand-red{color:var(--gold)}.main-header h1{font-size:3rem;font-weight:800;margin-bottom:10px;line-height:1.2}.subtitle{font-size:1.2rem;color:var(--text-muted);font-weight:300}.header-container{position:relative}.header-left{text-align:center}.header-right{position:absolute;top:-30px;right:0}.model-toggle{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px;gap:2px}.model-toggle-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:4px;font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-muted)}.model-toggle-btn:hover{background:#ffffff0f;color:var(--text)}.model-toggle-btn.active{background:var(--surface-4);color:var(--text);box-shadow:0 1px 4px #0000004d}.model-toggle-btn.active:first-child{color:#6ea8fe}.model-toggle-btn.active:last-child{color:#2bd4a4}.model-toggle-btn svg{width:12px;height:12px}.board-grid-wrapper{display:flex;flex-direction:column;gap:20px;padding:20px 0 80px}.grid-controls{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.mode-toggle-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background-color:transparent;border:2px solid var(--gold);color:var(--gold);font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;font-size:1rem}.mode-toggle-btn:hover{background-color:#e5b2001a}.mode-toggle-btn.active{background-color:var(--gold);color:var(--gold-contrast)}.mode-toggle-btn.small{padding:8px 16px;font-size:.85rem;gap:6px}.start-multichat-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background-color:var(--gold);border:2px solid var(--gold);color:var(--gold-contrast);font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s ease;font-size:1rem;animation:fadeIn .3s ease}.start-multichat-btn:hover{background-color:var(--gold-h);border-color:var(--gold-h);transform:translateY(-2px)}.board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.member-card{background:var(--surface);border:1px solid var(--border);padding:30px;text-align:center;transition:var(--transition);position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;border-radius:16px}.member-card.selectable{border:2px solid transparent}.member-card.selectable:hover{border-color:var(--border-strong)}.member-card.selected{border-color:var(--gold);background-color:#e5b20014;transform:translateY(-5px);box-shadow:0 10px 25px #e5b2001f}.member-card.selectable.selected:hover{border-color:var(--gold)}.selection-indicator{position:absolute;top:15px;right:15px;width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);background:var(--surface);z-index:10;transition:all .2s ease}.selection-indicator.checked{background:var(--gold);border-color:var(--gold);color:var(--gold-contrast);display:flex;align-items:center;justify-content:center}.member-card:hover{box-shadow:0 20px 40px #00000073;transform:translateY(-5px);border-color:var(--border-strong)}.member-photo{width:150px;height:150px;margin:0 auto 25px;border-radius:50%;overflow:hidden;position:relative;border:3px solid transparent;transition:var(--transition)}.member-card:hover .member-photo{border-color:var(--gold)}.member-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(100%);transition:var(--transition)}.member-card:hover .member-photo img{filter:grayscale(0%);transform:scale(1.05)}.member-info{flex-grow:1}.member-name{font-size:1.5rem;font-weight:700;margin-bottom:5px;color:var(--text)}.member-role{font-size:.9rem;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.member-motto{font-style:italic;font-size:1.1rem;color:var(--text);margin-bottom:15px}.member-desc{font-size:.95rem;color:var(--text-muted);font-weight:300}.read-more{margin-top:20px;font-size:.85rem;font-weight:600;color:var(--gold);text-transform:uppercase;opacity:0;transform:translateY(10px);transition:var(--transition)}.member-card:hover .read-more{opacity:1;transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:20px}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background-color:var(--surface);width:100%;max-width:600px;max-height:95vh;border-radius:16px;border:1px solid var(--border);box-shadow:0 25px 50px #0009;position:relative;overflow-y:auto;animation:slideUp .3s ease;display:flex;flex-direction:column}.modal-close{position:absolute;top:15px;right:20px;font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);background:none;border:none;cursor:pointer;z-index:20;transition:color .2s;line-height:1}.modal-close:hover{color:var(--gold)}#modalContent{padding:0}.modal-hero{position:relative;width:100%;height:400px;overflow:hidden;flex-shrink:0}.modal-hero img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-overlay{position:absolute;bottom:0;left:0;width:100%;padding:80px 30px 30px;background:linear-gradient(to top,#000000f2,#0009,#0000);color:#fff}.hero-overlay h2{font-size:2.5rem;font-weight:800;margin:0;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-overlay .modal-role{font-size:1.1rem;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:5px}.modal-content-wrapper{padding:40px}.modal-motto-large{font-size:1.4rem;font-style:italic;color:var(--text);margin-bottom:30px;padding-left:20px;border-left:4px solid var(--gold)}.modal-body .detail-item{margin-bottom:25px}.modal-body .detail-item strong{display:block;color:var(--gold);font-size:.85rem;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.modal-body .detail-item p{font-size:1.05rem;color:var(--text-muted);line-height:1.7}.multichat-header-info{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.multichat-header-info h2{font-size:1.2rem;margin:0 0 10px}.multichat-avatars{display:flex;gap:12px;justify-content:center;align-items:center}.multichat-avatar-wrapper{position:relative}.multichat-avatar-wrapper img{width:56px;height:56px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 2px 8px #0000004d;object-fit:cover;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.multichat-avatar-wrapper:hover img{transform:scale(1.08);box-shadow:0 4px 12px #e5b2004d}.multichat-avatar-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;box-shadow:0 8px 24px #00000080;white-space:nowrap;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.multichat-avatar-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--surface)}.multichat-avatar-wrapper:hover .multichat-avatar-tooltip{opacity:1;visibility:visible}.tooltip-name{font-size:1rem;font-weight:600;color:var(--text)}.tooltip-role{font-size:.75rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.5px}.load-conversation-wrapper{display:flex;flex-direction:column;align-items:center;padding:40px 0 20px;margin-top:auto}.load-conversation-btn{background:none;border:1px dashed var(--border-strong);border-radius:20px;padding:10px 20px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;font-family:inherit;color:var(--text-muted);opacity:.7}.load-conversation-btn:hover{opacity:1;border-color:var(--text-muted);color:var(--text);background:#ffffff0a}.load-conversation-btn:active{transform:scale(.98)}.saved-conversations-grid{margin-top:32px;text-align:center}.saved-conversations-label{font-size:.75rem;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.saved-conversations-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:600px;margin:0 auto}.saved-conversation-btn{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px 14px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;color:var(--text-muted)}.saved-conversation-btn:hover{border-color:var(--gold);color:var(--gold);background:#e5b20014}.saved-conversation-btn:active{transform:scale(.98)}.saved-conversation-btn:disabled{opacity:.6;cursor:wait}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px #0009;padding:36px 32px;text-align:center;animation:slideUp .3s ease}.auth-badge{display:inline-block;padding:4px 12px;margin-bottom:20px;background:#e5b20014;border:1px solid rgba(229,178,0,.3);border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.auth-lock{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e5b2001a;color:var(--gold)}.auth-title{font-size:1.6rem;font-weight:800;margin-bottom:6px;color:var(--text)}.auth-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:28px}.auth-form{text-align:left;display:flex;flex-direction:column;gap:14px}.auth-label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:-6px}.auth-input{width:100%;padding:12px 14px;background:var(--surface-2);border:2px solid var(--border-strong);border-radius:12px;font-family:inherit;font-size:1rem;color:var(--text);color-scheme:dark;outline:none;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--text-faint)}.auth-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e5b20033}.auth-error{padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.4);border-radius:12px;font-size:.85rem;color:#fca5a5}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;margin-top:4px;background:var(--gold);color:var(--gold-contrast);border:none;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s}.auth-submit:hover:not(:disabled){background:var(--gold-h)}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.header-right{top:-25px;right:0}.model-toggle-btn span{display:none}.model-toggle-btn{padding:5px 8px}}.chat-interface{max-width:900px;margin:0 auto;background:transparent;min-height:80vh;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.back-button{background:none;border:none;color:var(--text-muted);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;font-family:inherit;margin-right:20px}.back-button:hover{color:var(--gold)}.chat-member-info{display:flex;align-items:center;gap:20px}.chat-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.chat-messages{flex-grow:1;padding:20px 0;display:flex;flex-direction:column;gap:20px}.message{display:flex;flex-direction:column;max-width:80%;padding:15px 20px;border-radius:12px;position:relative;line-height:1.5}.message.user{align-self:flex-end;background-color:var(--surface-3);color:var(--text);border-bottom-right-radius:2px}.message.assistant{align-self:flex-start;background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:2px}.message-sender{font-size:.75rem;color:var(--text-muted);margin-bottom:5px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:8px}.message-avatar-small{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}.message-avatar-small.clickable,.chat-avatar.clickable,.multichat-avatar-wrapper img{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.message-avatar-small.clickable:hover,.chat-avatar.clickable:hover{transform:scale(1.1);box-shadow:0 2px 8px #e5b20066}.message-content h1,.message-content h2,.message-content h3{margin-top:10px;margin-bottom:5px;font-size:1.1em;font-weight:700}.message-content ul,.message-content ol{margin-left:20px;margin-bottom:10px}.message-content p{margin-bottom:10px}.message-content a{color:var(--gold)}.message-content strong{font-weight:600;color:var(--text)}.audio-controls{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.play-button{background:none;border:1px solid var(--border-strong);border-radius:20px;padding:6px 14px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-family:inherit;color:var(--text)}.play-button:hover{background:#ffffff0f;border-color:var(--text-muted)}.play-button.active{background:var(--gold);border-color:var(--gold);color:var(--gold-contrast)}.play-button.active:hover{background:var(--gold-h);border-color:var(--gold-h)}.play-button:disabled{opacity:.6;cursor:not-allowed}.speed-controls{display:flex;gap:4px;align-items:center}.speed-button{background:none;border:1px solid var(--border-strong);border-radius:12px;padding:4px 10px;font-size:.7rem;cursor:pointer;transition:all .2s;font-family:inherit;color:var(--text-muted)}.speed-button:hover{background:#ffffff0f;border-color:var(--text-muted)}.speed-button.active{background:var(--surface-4);border-color:var(--border-strong);color:var(--text)}.chat-input-area{padding:20px 0;border-top:1px solid var(--border);display:flex;gap:10px;position:sticky;bottom:0;background:var(--bg);z-index:100}.chat-input{flex-grow:1;padding:15px;border:1px solid var(--border-strong);border-radius:8px;font-family:inherit;font-size:1rem;resize:none;height:54px;background:var(--surface);color:var(--text);color-scheme:dark}.chat-input::placeholder{color:var(--text-faint)}.chat-input:focus{outline:none;border-color:var(--gold)}.send-button{background-color:var(--gold);color:var(--gold-contrast);border:none;border-radius:8px;padding:0 25px;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s}.send-button:hover{background-color:var(--gold-h)}.send-button:disabled{background-color:var(--surface-4);color:var(--text-faint);cursor:not-allowed}.loading-dots{display:inline-block}.loading-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{color:#0000;text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:var(--text);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 var(--text),.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 var(--text),.5em 0 0 var(--text)}}.export-button-wrapper{display:flex;justify-content:flex-end;gap:10px;margin-top:10px;padding-top:10px}.export-button-wrapper.empty-chat{margin-top:auto;justify-content:center}.export-button{background:none;border:1px solid var(--border-strong);border-radius:16px;padding:6px 12px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;font-family:inherit;color:var(--text-muted)}.export-button:hover{background:#ffffff0f;border-color:var(--text-muted);color:var(--text)}.export-button:active{transform:scale(.98)}.export-button.close-button{color:var(--text-muted);border-color:var(--border-strong)}.export-button.close-button:hover{color:var(--gold);border-color:var(--gold);background:#e5b20014}.chat20-member-selector{border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface-2);margin:0 -20px;padding:16px 20px}.chat20-selector-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.chat20-avatars{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.chat20-avatar-wrapper{position:relative;cursor:pointer;transition:all .2s ease}.chat20-avatar-wrapper img{width:52px;height:52px;border-radius:50%;border:2px solid var(--border-strong);box-shadow:0 2px 8px #0000004d;object-fit:cover;transition:all .2s ease}.chat20-avatar-wrapper.selected img{border-color:var(--gold);opacity:1;box-shadow:0 2px 12px #e5b2004d}.chat20-avatar-wrapper.unselected img{border-color:var(--border-strong);opacity:.5;filter:grayscale(60%)}.chat20-avatar-wrapper:hover img{transform:scale(1.1)}.chat20-avatar-wrapper.unselected:hover img{opacity:.8;filter:grayscale(30%)}.chat20-check-indicator{position:absolute;bottom:-2px;right:-2px;background:var(--gold);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--gold-contrast);box-shadow:0 2px 4px #0006}.chat20-avatar-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;box-shadow:0 8px 24px #00000080;white-space:nowrap;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.chat20-avatar-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--surface)}.chat20-avatar-wrapper:hover .chat20-avatar-tooltip{opacity:1;visibility:visible}.chat-interface.chat20-no-header{padding-top:20px}.chat-interface.chat20-no-header .chat-messages{padding-top:0}:root{--gold: #e5b200;--gold-h: #a78615;--gold-contrast: #1b1b1b;--bg: #0d0d0e;--surface: #1a1a1b;--surface-2: rgba(255, 255, 255, .04);--surface-3: rgba(255, 255, 255, .06);--surface-4: rgba(255, 255, 255, .1);--text: #e2e2e3;--text-muted: rgba(255, 255, 255, .6);--text-faint: rgba(255, 255, 255, .42);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--primary-red: var(--gold);--text-dark: var(--text);--text-gray: var(--text-muted);--bg-light: var(--bg);--white: var(--surface);--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text);background-color:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}