.chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1200px;margin:0 auto;padding:1rem;padding-bottom:90px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--bdr);border-radius:1rem 1rem 0 0}.chat-header-info{display:flex;align-items:center;gap:1rem}.chat-header-info h1{font-size:1.1rem;margin:0;color:var(--t1)}.chat-header-info .participants{font-size:.82rem;color:var(--t2)}.chat-header-actions{display:flex;gap:.5rem;align-items:center}.chat-invite-btn{display:flex;align-items:center;gap:.4rem;padding:6px 12px;background:rgba(250,56,0,.12);border:1px solid rgba(250,56,0,.35);color:var(--a);border-radius:var(--r99,999px);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.chat-invite-btn:hover{background:rgba(250,56,0,.22);border-color:var(--a)}.chat-invite-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.chat-header-actions .btn-ghost{background:rgba(255,255,255,.06);border:1px solid var(--bdr);color:var(--t2)}.chat-header-actions .btn-ghost:hover{background:rgba(255,255,255,.1);color:var(--t1);border-color:rgba(255,255,255,.2)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;background:rgba(0,0,0,.15);border-left:1px solid var(--bdr);border-right:1px solid var(--bdr);display:flex;flex-direction:column;gap:.75rem;min-height:0;position:relative}#chatRoom{--chat-own-bg:rgba(232, 118, 72, 0.09);--chat-own-border:rgba(232, 118, 72, 0.22);--chat-own-sender:rgba(220, 150, 110, 0.85);--chat-own-time:rgba(200, 140, 100, 0.65);--chat-reaction-active-bg:rgba(232, 118, 72, 0.16);--chat-reaction-active-border:rgba(232, 118, 72, 0.35)}#chatRoom[data-chat-theme=slate]{--chat-own-bg:rgba(100, 130, 170, 0.12);--chat-own-border:rgba(100, 130, 170, 0.28);--chat-own-sender:rgba(140, 170, 210, 0.9);--chat-own-time:rgba(120, 150, 190, 0.7);--chat-reaction-active-bg:rgba(100, 130, 170, 0.18);--chat-reaction-active-border:rgba(100, 130, 170, 0.4)}#chatRoom[data-chat-theme=forest]{--chat-own-bg:rgba(72, 140, 95, 0.11);--chat-own-border:rgba(72, 140, 95, 0.26);--chat-own-sender:rgba(120, 190, 140, 0.88);--chat-own-time:rgba(100, 160, 120, 0.68);--chat-reaction-active-bg:rgba(72, 140, 95, 0.17);--chat-reaction-active-border:rgba(72, 140, 95, 0.38)}#chatRoom[data-chat-theme=lavender]{--chat-own-bg:rgba(140, 110, 190, 0.11);--chat-own-border:rgba(140, 110, 190, 0.26);--chat-own-sender:rgba(180, 150, 220, 0.88);--chat-own-time:rgba(160, 130, 200, 0.68);--chat-reaction-active-bg:rgba(140, 110, 190, 0.17);--chat-reaction-active-border:rgba(140, 110, 190, 0.38)}#chatRoom[data-chat-theme=ocean]{--chat-own-bg:rgba(60, 130, 180, 0.11);--chat-own-border:rgba(60, 130, 180, 0.26);--chat-own-sender:rgba(100, 170, 220, 0.88);--chat-own-time:rgba(80, 150, 200, 0.68);--chat-reaction-active-bg:rgba(60, 130, 180, 0.17);--chat-reaction-active-border:rgba(60, 130, 180, 0.38)}#chatRoom[data-chat-theme=mono]{--chat-own-bg:rgba(160, 160, 170, 0.1);--chat-own-border:rgba(160, 160, 170, 0.24);--chat-own-sender:rgba(190, 190, 200, 0.88);--chat-own-time:rgba(170, 170, 180, 0.65);--chat-reaction-active-bg:rgba(160, 160, 170, 0.16);--chat-reaction-active-border:rgba(160, 160, 170, 0.36)}#chatRoom[data-chat-bg=gradient-warm] .chat-messages{background:linear-gradient(160deg,rgba(40,20,10,.85) 0,rgba(60,30,15,.75) 50%,rgba(30,15,8,.9) 100%)}#chatRoom[data-chat-bg=gradient-cool] .chat-messages{background:linear-gradient(160deg,rgba(10,20,40,.85) 0,rgba(15,35,60,.75) 50%,rgba(8,15,30,.9) 100%)}#chatRoom[data-chat-bg=gradient-midnight] .chat-messages{background:linear-gradient(180deg,rgba(8,8,16,.92) 0,rgba(20,15,35,.85) 100%)}#chatRoom[data-chat-bg=aliens] .chat-messages,#chatRoom[data-chat-bg=geometric] .chat-messages,#chatRoom[data-chat-bg=hearts] .chat-messages,#chatRoom[data-chat-bg=puppies] .chat-messages,#chatRoom[data-chat-bg=space] .chat-messages{background-color:rgba(8,8,14,.4);background-size:cover;background-position:center;background-repeat:no-repeat}#chatRoom[data-chat-bg=space] .chat-messages{background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.55)),url('/chat-backgrounds/space.svg?v=20260615')}#chatRoom[data-chat-bg=hearts] .chat-messages{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.5)),url('/chat-backgrounds/hearts.svg?v=20260615')}#chatRoom[data-chat-bg=puppies] .chat-messages{background-image:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.52)),url('/chat-backgrounds/puppies.svg?v=20260615')}#chatRoom[data-chat-bg=aliens] .chat-messages{background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.5)),url('/chat-backgrounds/aliens.svg?v=20260615')}#chatRoom[data-chat-bg=geometric] .chat-messages{background-image:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,.48)),url('/chat-backgrounds/geometric.svg?v=20260615')}[data-theme=light] #chatRoom[data-chat-bg=gradient-warm] .chat-messages{background:linear-gradient(160deg,rgba(255,240,230,.92) 0,rgba(255,220,200,.85) 50%,rgba(255,235,220,.9) 100%)}[data-theme=light] #chatRoom[data-chat-bg=gradient-cool] .chat-messages{background:linear-gradient(160deg,rgba(230,240,255,.92) 0,rgba(210,225,250,.85) 50%,rgba(235,242,255,.9) 100%)}[data-theme=light] #chatRoom[data-chat-bg=gradient-midnight] .chat-messages{background:linear-gradient(180deg,rgba(241,245,249,.95) 0,rgba(226,232,240,.9) 100%)}[data-theme=light] #chatRoom[data-chat-bg=space] .chat-messages{background-color:rgba(248,250,252,.55);background-image:linear-gradient(rgba(255,255,255,.78),rgba(241,245,249,.85)),url('/chat-backgrounds/space.svg?v=20260615')}[data-theme=light] #chatRoom[data-chat-bg=hearts] .chat-messages{background-color:rgba(255,248,250,.55);background-image:linear-gradient(rgba(255,255,255,.8),rgba(255,241,245,.86)),url('/chat-backgrounds/hearts.svg?v=20260615')}[data-theme=light] #chatRoom[data-chat-bg=puppies] .chat-messages{background-color:rgba(255,251,245,.55);background-image:linear-gradient(rgba(255,255,255,.78),rgba(255,247,237,.86)),url('/chat-backgrounds/puppies.svg?v=20260615')}[data-theme=light] #chatRoom[data-chat-bg=aliens] .chat-messages{background-color:rgba(236,253,245,.5);background-image:linear-gradient(rgba(255,255,255,.74),rgba(236,253,245,.82)),url('/chat-backgrounds/aliens.svg?v=20260615')}[data-theme=light] #chatRoom[data-chat-bg=geometric] .chat-messages{background-color:rgba(248,250,252,.55);background-image:linear-gradient(rgba(255,255,255,.76),rgba(241,245,249,.84)),url('/chat-backgrounds/geometric.svg?v=20260615')}.chat-messages,.participant-list{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,0.28) transparent}.chat-messages::-webkit-scrollbar,.participant-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.participant-list::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb,.participant-list::-webkit-scrollbar-thumb{background:rgba(148,163,184,.22);border-radius:999px}.message{display:flex;gap:.6rem;max-width:78%;animation:fadeIn .2s ease;position:relative}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.own{margin-left:auto;flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;flex-shrink:0}.message-stack{display:flex;flex-direction:column;max-width:100%;min-width:0}.message-content{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.55rem .85rem;max-width:100%}.message.own .message-content{background:var(--chat-own-bg);border-color:var(--chat-own-border);color:var(--t1)}.message-sender{font-size:.72rem;font-weight:600;color:var(--t2);margin-bottom:.2rem}.message.own .message-sender{color:var(--chat-own-sender);text-align:right}.message-text{word-wrap:break-word;white-space:pre-wrap;font-size:.92rem;line-height:1.45;color:var(--t1)}.message-time{font-size:.7rem;color:var(--t2);margin-top:.2rem}.message.own .message-time{color:var(--chat-own-time);text-align:right}.message-reactions-bar{display:flex;align-items:center;gap:.25rem;margin-top:-.35rem;padding:0 .35rem;opacity:.35;transition:opacity .15s ease;pointer-events:auto}.message-reactions-bar:focus-within,.message.has-reactions .message-reactions-bar,.message:hover .message-reactions-bar{opacity:1}.message.own .message-reactions-bar{justify-content:flex-end;margin-left:auto}.message-reactions{display:flex;gap:.2rem;flex-wrap:wrap;align-items:center}.reaction-add-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(12,12,16,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--t2);cursor:pointer;flex-shrink:0;transition:all .15s ease;box-shadow:0 2px 8px rgba(0,0,0,.25)}.message.own .reaction-add-btn{border-color:var(--chat-own-border);background:rgba(12,12,16,.8);color:var(--chat-own-sender)}.reaction-add-btn:hover{border-color:var(--chat-own-border);background:rgba(20,20,24,.9);color:var(--t1)}.reaction-add-btn svg{width:14px;height:14px}.reaction-picker{position:fixed;z-index:6000;padding:.5rem;background:rgba(10,10,12,.92);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;box-shadow:0 18px 48px rgba(0,0,0,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.reaction-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem}@media (max-width:520px){.reaction-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.reaction-picker-emoji{width:34px;height:34px;border-radius:.5rem;border:1px solid transparent;background:0 0;cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.reaction-picker-emoji:hover{border-color:var(--a);background:rgba(250,56,0,.12)}.reaction{background:rgba(12,12,16,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.1rem .4rem;font-size:.7rem;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.2);display:inline-flex;align-items:center;gap:.15rem}.reaction:hover{border-color:var(--chat-own-border)}.reaction.active{background:var(--chat-reaction-active-bg);border-color:var(--chat-reaction-active-border)}.typing-indicator{display:none;padding:.4rem 1rem;font-size:.82rem;color:var(--t2);font-style:italic}.typing-indicator.visible{display:block}.chat-input-area{padding:.85rem 1rem;background:rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--bdr);border-radius:0 0 1rem 1rem;display:flex;gap:.6rem;align-items:flex-end}.chat-input-area .btn-ghost{background:rgba(255,255,255,.07);border:1px solid var(--bdr);color:var(--t2);border-radius:.65rem;padding:8px 10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input-area .btn-ghost:hover{background:rgba(255,255,255,.12);color:var(--t1);border-color:rgba(255,255,255,.2)}.chat-input-wrapper{flex:1;position:relative}#chatInput{width:100%;min-height:42px;max-height:120px;padding:.65rem 1rem;border:1px solid var(--bdr);border-radius:1.5rem;background:rgba(255,255,255,.05);color:var(--t1);font-size:.92rem;resize:none;overflow-y:auto}#chatInput:focus{outline:0;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}.chat-send-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,var(--btn-orange-top,#ff5a1f),var(--btn-orange-bottom,#d93200));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover{opacity:.88;transform:scale(1.06)}.chat-send-btn:disabled{background:rgba(255,255,255,.08);cursor:not-allowed;transform:none}.chat-modal{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.55);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);align-items:center;justify-content:center;padding:1rem}.chat-modal.active{display:flex}.chat-modal-content{background:rgba(14,14,18,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--t1);border-radius:1rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.7)}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chat-modal-header h2{margin:0;font-size:1.2rem;color:var(--t1)}.chat-modal-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--t2);padding:.5rem;line-height:1}.chat-form-group{margin-bottom:1rem}.chat-form-group label{display:block;margin-bottom:.5rem;font-size:.88rem;font-weight:600;color:var(--t1)}.chat-form-group input,.chat-form-group select,.chat-form-group textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--bdr);border-radius:.5rem;background:rgba(255,255,255,.05);color:var(--t1);font-size:.92rem}.chat-form-group input:focus,.chat-form-group select:focus,.chat-form-group textarea:focus{outline:0;border-color:rgba(255,255,255,.25)}.chat-toggle-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:rgba(255,255,255,.04);border:1px solid var(--bdr);border-radius:.5rem;margin-bottom:.5rem}.chat-toggle-option label{margin:0;display:flex;flex-direction:column}.chat-toggle-option .toggle-desc{font-size:.78rem;font-weight:400;color:var(--t2)}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:rgba(255,255,255,.1);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--a)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.chat-landing{max-width:900px;margin:0 auto;padding:3rem 1rem;text-align:center}.chat-landing h1{font-size:2.5rem;margin-bottom:1rem;color:var(--t1)}.chat-landing p{font-size:1.05rem;color:var(--t2);margin-bottom:2rem}.chat-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0;text-align:left}@media (max-width:900px){.chat-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.chat-features{grid-template-columns:1fr}}.chat-feature{padding:1.1rem;background:rgba(255,255,255,.05);border:1px solid var(--bdr);border-radius:.75rem}.chat-feature h2,.chat-feature h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.92rem;color:var(--t1)}.chat-feature-icon{width:18px;height:18px;color:var(--a);flex-shrink:0}.chat-feature p{margin:0;font-size:.82rem;color:var(--t2);line-height:1.45}.chat-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.chat-cta .btn-primary{padding:1rem 2rem;font-size:1.1rem}.join-room-input{display:flex;gap:.5rem;max-width:400px;margin:1.5rem auto 0}.join-room-input input{flex:1;padding:.7rem 1rem;border:1px solid var(--bdr);border-radius:.5rem;background:rgba(255,255,255,.05);color:var(--t1)}.system-message{text-align:center;color:var(--t2);font-size:.82rem;padding:.4rem .75rem;background:rgba(255,255,255,.05);border-radius:999px;display:inline-block;align-self:center}.chat-with-sidebar{display:flex;gap:1rem;max-width:1400px;margin:72px auto 0;padding:1rem;position:relative;z-index:2}html.chat-page{--chat-nav-bottom:80px;--chat-promo-offset:54px;--chat-shell-max:1400px}html.chat-page .footer{display:none!important}html.chat-page:not(.chat-room-active) .main-content{padding-bottom:calc(1.5rem + var(--chat-promo-offset,54px))}html.chat-page.chat-room-active{overflow:hidden;height:100dvh}html.chat-page.chat-room-active body{overflow:hidden;height:100dvh}html.chat-page.chat-room-active #chatRoom.chat-with-sidebar{position:fixed;z-index:50;top:var(--chat-nav-bottom,80px);left:50%;transform:translateX(-50%);bottom:var(--chat-promo-offset,54px);width:min(var(--chat-shell-max,1400px),calc(100% - 2rem));max-width:var(--chat-shell-max,1400px);margin:0;padding:.5rem .85rem;padding-bottom:.5rem;box-sizing:border-box;overflow:hidden;display:flex!important;flex-direction:row;gap:.75rem}html.chat-page.chat-room-active .chat-input-area{flex-shrink:0}html.chat-page.chat-room-active .chat-main{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}html.chat-page.chat-room-active #chatAttachmentPreview,html.chat-page.chat-room-active #chatConnectionBanner,html.chat-page.chat-room-active .chat-guest-banner,html.chat-page.chat-room-active .chat-header,html.chat-page.chat-room-active .typing-indicator{flex-shrink:0}html.chat-page.chat-room-active .chat-messages{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}html.chat-page.chat-room-active .chat-sidebar{min-height:0;overflow:hidden;display:flex;flex-direction:column}html.chat-page.chat-room-active .participant-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-upgrade-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;max-width:520px;margin:1.5rem auto 0;padding:.85rem 1rem;border-radius:.75rem;border:1px solid rgba(232,118,72,.22);background:rgba(232,118,72,.08);text-align:left}.chat-upgrade-cta-text{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;color:var(--t2);line-height:1.4}.chat-upgrade-cta-text strong{color:var(--t1);font-size:.88rem}.chat-upgrade-cta-actions{display:flex;gap:.5rem;flex-shrink:0}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-sidebar{width:240px;background:rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--bdr);border-radius:1rem;padding:1rem;display:flex;flex-direction:column}.chat-sidebar h3{font-size:.85rem;font-weight:600;color:var(--t2);margin:0 0 .85rem;padding-bottom:.5rem;border-bottom:1px solid var(--bdr)}.participant-list{flex:1;overflow-y:auto}.participant{display:flex;align-items:center;gap:.65rem;padding:.45rem .5rem;border-radius:.5rem;margin-bottom:.2rem}.participant:hover{background:rgba(255,255,255,.04)}.participant-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem;position:relative}.participant-avatar .online-indicator{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;background:#22c55e;border:2px solid rgba(0,0,0,.4);border-radius:50%}.participant-info{flex:1;min-width:0}.participant-name{font-size:.85rem;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-role{font-size:.72rem;color:var(--t2)}@media (max-width:768px){.chat-with-sidebar{flex-direction:column}html.chat-page.chat-room-active #chatRoom.chat-with-sidebar{flex-direction:column;width:calc(100% - 1.3rem);padding:.5rem .65rem .5rem}html.chat-page.chat-room-active .chat-sidebar{width:100%;max-height:min(180px,24dvh);flex-shrink:0}html.chat-page.chat-room-active .participant-list{max-height:calc(min(180px,24dvh) - 2.5rem)}.chat-sidebar{width:100%;max-height:180px}html.chat-page:not(.chat-room-active) .main-content{padding-bottom:calc(3rem + var(--chat-promo-offset,54px))}.chat-upgrade-cta{flex-direction:column;align-items:stretch;text-align:center}.chat-upgrade-cta-actions{justify-content:center}.chat-landing h1{font-size:1.5rem}.chat-landing{padding:2rem 1rem}.chat-cta{flex-direction:column;align-items:stretch}.chat-cta button{width:100%}.message{max-width:90%}.chat-invite-btn span{display:none}}[data-theme=light] .chat-messages{background:rgba(255,255,255,.72)}[data-theme=light] #chatRoom .chat-header,[data-theme=light] #chatRoom .chat-input-area{background:rgba(255,255,255,.88)}[data-theme=light] .chat-modal-content{background:rgba(255,255,255,.97);border-color:rgba(0,0,0,.08);box-shadow:0 24px 60px rgba(0,0,0,.12);color:var(--t1)}[data-theme=light] .chat-form-group input,[data-theme=light] .chat-form-group select,[data-theme=light] .chat-form-group textarea{background:#f4f6f9;border-color:rgba(0,0,0,.1);color:var(--t1)}[data-theme=light] .reaction-picker{background:rgba(255,255,255,.98);border-color:rgba(0,0,0,.1);box-shadow:0 18px 48px rgba(0,0,0,.15)}[data-theme=light] .reaction-picker-emoji:hover{background:rgba(232,118,72,.1)}.chat-settings-tabs{display:flex;gap:.35rem;margin-bottom:1.25rem;border-bottom:1px solid var(--bdr);padding-bottom:.5rem}.chat-settings-tab{flex:1;padding:.5rem .75rem;border:none;border-radius:.5rem;background:0 0;color:var(--t2);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.chat-settings-tab.active{background:rgba(232,118,72,.12);color:var(--t1)}.chat-settings-tab:hover:not(.active){background:rgba(255,255,255,.06);color:var(--t1)}[data-theme=light] .chat-settings-tab.active{background:rgba(232,118,72,.14)}.chat-settings-panel{display:none}.chat-settings-panel.active{display:block}.chat-settings-section{margin-bottom:1.25rem}.chat-settings-section h3{font-size:.8rem;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .65rem}.chat-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}@media (max-width:420px){.chat-preset-grid{grid-template-columns:repeat(2,1fr)}}.chat-bg-preset,.chat-theme-preset{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border:2px solid transparent;border-radius:.65rem;background:rgba(255,255,255,.04);cursor:pointer;font-size:.72rem;color:var(--t2);transition:border-color .15s,background .15s}.chat-bg-preset:hover,.chat-theme-preset:hover{background:rgba(255,255,255,.08)}.chat-bg-preset.active,.chat-theme-preset.active{border-color:rgba(232,118,72,.55);background:rgba(232,118,72,.08);color:var(--t1)}.preset-swatch{width:100%;height:36px;border-radius:.4rem;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .preset-swatch{border-color:rgba(0,0,0,.08)}.preset-bg-default{background:rgba(0,0,0,.2)}.preset-bg-gradient-warm{background:linear-gradient(135deg,#2a1510,#4a2818)}.preset-bg-gradient-cool{background:linear-gradient(135deg,#0f1a30,#1a3050)}.preset-bg-gradient-midnight{background:linear-gradient(180deg,#0a0a12,#1a1530)}.preset-bg-space{background:url('/chat-backgrounds/space.svg?v=20260615') center/cover}.preset-bg-hearts{background:url('/chat-backgrounds/hearts.svg?v=20260615') center/cover}.preset-bg-puppies{background:url('/chat-backgrounds/puppies.svg?v=20260615') center/cover}.preset-bg-aliens{background:url('/chat-backgrounds/aliens.svg?v=20260615') center/cover}.preset-bg-geometric{background:url('/chat-backgrounds/geometric.svg?v=20260615') center/cover}[data-theme=light] .preset-bg-default{background:rgba(241,245,249,.95)}[data-theme=light] .preset-bg-gradient-warm{background:linear-gradient(135deg,#fff0e6,#ffd8c2)}[data-theme=light] .preset-bg-gradient-cool{background:linear-gradient(135deg,#e8f0ff,#d4e4ff)}[data-theme=light] .preset-bg-gradient-midnight{background:linear-gradient(180deg,#f1f5f9,#e2e8f0)}[data-theme=light] .preset-bg-aliens,[data-theme=light] .preset-bg-geometric,[data-theme=light] .preset-bg-hearts,[data-theme=light] .preset-bg-puppies,[data-theme=light] .preset-bg-space{box-shadow:inset 0 0 0 999px rgba(255,255,255,.72)}.preset-theme-fileshot{background:linear-gradient(135deg,rgba(232,118,72,.4),rgba(180,80,50,.3))}.preset-theme-slate{background:linear-gradient(135deg,rgba(100,130,170,.5),rgba(60,80,110,.4))}.preset-theme-forest{background:linear-gradient(135deg,rgba(72,140,95,.5),rgba(40,90,60,.4))}.preset-theme-lavender{background:linear-gradient(135deg,rgba(140,110,190,.5),rgba(90,70,140,.4))}.preset-theme-ocean{background:linear-gradient(135deg,rgba(60,130,180,.5),rgba(30,80,130,.4))}.preset-theme-mono{background:linear-gradient(135deg,rgba(160,160,170,.5),rgba(100,100,110,.4))}#chatConnectionBanner{background:rgba(232,118,72,.1)!important}.chat-guest-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;padding:.55rem 1rem;font-size:.82rem;color:var(--t2);background:rgba(247,150,58,.1);border-top:1px solid rgba(247,150,58,.18);border-bottom:1px solid rgba(247,150,58,.12)}.chat-guest-banner-text{flex:1;min-width:180px;text-align:center}.chat-guest-banner-dismiss{background:0 0;border:none;color:var(--t3);font-size:1.25rem;line-height:1;cursor:pointer;padding:.15rem .35rem;border-radius:4px}.chat-guest-banner-dismiss:hover{color:var(--t1);background:rgba(255,255,255,.06)}.chat-attach-btn.chat-attach-locked{opacity:.72;position:relative}.chat-attach-btn.chat-attach-locked::after{content:'';position:absolute;top:4px;right:4px;width:10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7963a' stroke-width='2.5'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center/contain no-repeat}@font-face{font-display:swap;src:local('system-ui')}