.community-chat{margin:1rem 0 1.5rem}.community-chat-compact{flex:none;margin:0}.chat-launcher{color:#f0ebe5;background:#ffffff05;border:1px solid #4c423b;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.5rem .8rem;font-size:.8125rem;font-weight:600;display:inline-flex}.chat-launcher>svg{color:#d7bca4;width:18px;height:18px}.chat-launcher>b{color:#b8c8bc;font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.625rem;font-weight:500;display:flex}.chat-launcher>b:before{content:"";background:#85b99b;border-radius:50%;width:4px;height:4px}.chat-launcher:hover,.chat-launcher[aria-expanded=true]{background:#d7bca412;border-color:#8b7564}.community-chat-panel{--chat-ink:#eee9e1;--chat-muted:#aaa298;--chat-line:#332e29;--chat-paper:#151311;width:100%;min-width:0;max-width:35rem;height:40rem;max-height:calc(var(--chat-viewport,100dvh) - 6.25rem - env(safe-area-inset-bottom,0px));background:var(--chat-paper);color:var(--chat-ink);font-family:var(--font-geist-sans),system-ui,sans-serif;isolation:isolate;border:1px solid #514439;border-radius:16px;flex-direction:column;margin-top:.75rem;display:flex;overflow:hidden;box-shadow:0 24px 70px #0008,inset 0 1px #ffffff08}.community-chat-panel:focus{outline:none}.community-chat-panel--floating{z-index:80;width:min(26rem,100vw - 2rem);height:min(56rem,calc(var(--chat-viewport,100dvh) - 6.75rem - env(safe-area-inset-bottom,0px)));margin:0;position:fixed;top:5.75rem;right:1rem}.chat-room-header{border-bottom:1px solid var(--chat-line);background:linear-gradient(115deg,#30251d55,#0000 85%);flex:none;align-items:center;gap:.75rem;padding:1.125rem 1.125rem 1rem;display:flex}.chat-room-symbol{color:#e3c4a6;background:linear-gradient(140deg,#59402b66,#2b221b33);border:1px solid #76604d;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.chat-room-symbol svg{width:22px;height:22px}.chat-room-heading{flex:1;min-width:0}.chat-room-eyebrow{letter-spacing:.14em;color:#c1ad9a;margin:0 0 .3rem;font-size:.625rem;font-weight:600;line-height:1.5;display:block}.chat-room-eyebrow>span{color:#726457;margin-left:.3rem;margin-right:.3rem}.community-chat-panel h2{letter-spacing:-.035em;margin:0;font-size:1rem;font-weight:600;line-height:1.3}.chat-icon-button{color:#aba399;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid}.chat-icon-button svg{width:18px;height:18px}.chat-icon-button:hover{border-color:var(--chat-line);color:#fff;background:#ffffff07}.chat-room-presence{border-bottom:1px solid var(--chat-line);flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem 1.125rem;display:flex}.chat-room-public{color:#aaa298;align-items:center;gap:.35rem;font-size:.625rem;display:flex}.chat-room-public svg{width:12px;height:12px}.chat-room-guideline{color:#c8b49e;background:#d1ad8310;border-bottom:1px solid #c8a58414;flex:none;gap:.5rem;padding:.65rem 1.125rem;font-size:.625rem;line-height:1.5;display:flex}.chat-room-guideline>span:first-child{color:#c3a583;font-size:1rem;line-height:1}.community-chat-error,.community-chat-load-error,.chat-room-notice{flex:none;margin:0;padding:.7rem 1rem;font-size:.75rem;line-height:1.5}.community-chat-error{color:#ff9696;background:#e1202315}.community-chat-load-error{color:#dbc49f;background:#e6bd6b12}.chat-room-notice{color:#b4d3bf;background:#85b99b0d}.chat-room-timeline{flex:1;min-height:5rem;display:flex;position:relative;overflow:hidden}.community-chat-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#51483e transparent;scrollbar-gutter:stable;width:100%;min-width:0;height:100%;padding:1rem .75rem;overflow-y:auto}.chat-date-divider{color:#a19586;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.75rem;margin:.35rem .5rem 1.1rem;font-size:.5625rem;display:flex}.chat-date-divider:before,.chat-date-divider:after{content:"";background:var(--chat-line);flex:1;height:1px}.community-chat-message{border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;gap:.65rem;margin-top:.25rem;padding:.6rem .35rem;display:grid;position:relative}.community-chat-message--own{background:#d5b28d08}.community-chat-message--joined{margin-top:0;padding-top:.05rem}.chat-avatar-column{min-width:0}.chat-avatar-column .social-avatar{width:32px;height:32px;box-shadow:0 0 0 2px var(--chat-paper),0 0 0 3px #4c4035;font-size:.7rem}.chat-message-content{min-width:0}.community-chat-meta{flex-wrap:wrap;align-items:center;gap:.4rem;min-height:20px;margin-bottom:.2rem;display:flex}.chat-author{color:#ddc8af;letter-spacing:-.015em;overflow-wrap:anywhere;font-size:.8125rem;font-weight:600}.chat-author[href]:hover{text-decoration:underline}.community-chat-message--own .chat-author{color:#eeccbf}.community-chat-meta time{color:#948a7e;font-variant-numeric:tabular-nums;letter-spacing:.015em;margin-left:auto;font-size:.5625rem}.chat-you{color:#bea38d;border:1px solid #67503d;border-radius:3px;padding:0 .2rem;font-size:.5rem;line-height:1.5}.community-chat-message p{color:#e0dcd5;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.65}.chat-message-menu{align-self:start;min-width:0;position:relative}.chat-message-menu summary{color:#9c9084;cursor:pointer;border-radius:5px;place-items:center;width:24px;min-height:28px;list-style:none;display:grid}.chat-message-menu summary::-webkit-details-marker{display:none}.chat-message-menu summary svg{width:12px;height:12px}.chat-message-menu summary:hover,.chat-message-menu[open] summary{color:#fff;background:#ffffff09}.chat-message-menu[open]{flex-direction:column;grid-column:2/-1;align-items:flex-end;display:flex}.chat-message-menu[open]>div{background:#211c17;border:1px solid #514439;border-radius:8px;flex-direction:column;gap:.15rem;max-width:100%;margin-top:.2rem;padding:.3rem;display:flex}.chat-message-menu button{text-align:left;overflow-wrap:anywhere;border-radius:4px;min-height:36px;padding:.5rem .65rem;font-size:.7rem}.chat-message-menu button:hover{background:#ffffff09}.chat-jump-latest{white-space:nowrap;color:#241b14;background:#e6d2bc;border:1px solid #eedac5;border-radius:8px;align-items:center;gap:.75rem;min-height:38px;padding:.5rem .8rem;font-size:.6875rem;display:flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0006}.chat-loading{flex-direction:column;gap:1.5rem;padding:.5rem;display:flex}.chat-loading>div{gap:.7rem;display:flex}.chat-loading i{background:#2b251f;border-radius:50%;width:32px;height:32px}.chat-loading span{flex:1}.chat-loading b{background:#2b251f;border-radius:4px;width:70%;height:.55rem;margin:.35rem 0 .6rem;display:block}.chat-loading b:last-child{width:95%}.chat-welcome{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding:1.25rem 1rem;display:flex}.chat-welcome__art{color:#d8b38c;background:linear-gradient(140deg,#61452d55,#2c211433);border:1px solid #69523d;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:1.5rem;display:grid;position:relative;transform:rotate(-7deg)}.chat-welcome__art>svg{width:30px;height:30px}.chat-welcome__art>span{color:#d4b48c;font-size:1.5rem;position:absolute;top:-12px;right:-9px}.chat-welcome h3{letter-spacing:-.055em;text-wrap:balance;max-width:18ch;margin:.3rem 0 .65rem;font-size:1.5rem;font-weight:500;line-height:1.2}.chat-welcome p{color:#aba298;max-width:31ch;font-size:.75rem;line-height:1.8}.chat-welcome>button{color:#e6d2bc;border:1px solid #725b45;border-radius:7px;gap:1.5rem;min-height:40px;margin-top:1.2rem;padding:.5rem .8rem;font-size:.7rem;display:flex}.chat-composer{border-top:1px solid var(--chat-line);background:#1a1714;flex:none;max-height:60%;padding:.875rem .875rem .65rem;position:relative;overflow-y:auto}.chat-composer-box{background:#100e0c;border:1px solid #57493c;border-radius:11px;padding:.25rem .35rem .3rem;box-shadow:inset 0 2px 6px #0003}.chat-composer-box:focus-within{border-color:#b18c66;box-shadow:0 0 0 2px #b18c6610}.chat-composer textarea{resize:none;width:100%;min-width:0;min-height:56px;max-height:110px;color:var(--chat-ink);background:0 0;border:0;padding:.65rem .55rem .3rem;font-size:.8125rem;line-height:1.6;display:block;outline:none!important}.chat-composer textarea::placeholder{color:#a09486}.chat-composer-tools{align-items:center;gap:.15rem;display:flex}.chat-tool{color:#bbae9e;border-radius:6px;place-items:center;width:38px;min-height:38px;display:grid}.chat-tool:hover,.chat-tool[aria-expanded=true]{color:#ead9c5;background:#d3aa8010}.chat-tool svg{width:21px;height:21px}.chat-tool--gif{letter-spacing:.035em;font-size:.5625rem;font-weight:700}.chat-composer-tools small{color:#a99b8b;font-variant-numeric:tabular-nums;margin-left:auto;margin-right:.6rem;font-size:.5625rem}.chat-composer-tools .chat-over-limit{color:#ff9696}.chat-send{color:#24180f;background:#e7c4a0;border:1px solid #f0d2b2;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.chat-send svg{width:19px;height:19px}.chat-send:disabled{color:#b99a7c;cursor:not-allowed;background:#3f3227;border-color:#514030}.chat-send:not(:disabled):hover{background:#f2d4b5}.chat-composer-hint{color:#aba08f;justify-content:space-between;gap:.5rem;margin:.5rem .1rem 0;font-size:.5rem;line-height:1.5;display:flex}.chat-composer-hint span:last-child{color:#978a7b}.chat-emoji-picker{border:1px solid var(--chat-line);background:#231d17;border-radius:9px;grid-template-columns:repeat(8,minmax(0,1fr));gap:.2rem;margin-top:.6rem;padding:.4rem;display:grid}.chat-emoji-picker button{border-radius:5px;place-items:center;min-width:0;min-height:38px;font-size:1.3rem;display:grid}.chat-emoji-picker button:hover{background:#ffffff09}.chat-gif-picker{border:1px solid #66503b;border-radius:9px;min-width:0;margin-top:.7rem;padding:.75rem}.chat-gif-picker legend{color:#dfc4a7;padding:0 .3rem;font-size:.75rem}.chat-gif-picker label{color:var(--chat-muted);margin-bottom:.5rem;font-size:.625rem;display:block}.chat-gif-picker>div{gap:.4rem;display:flex}.chat-gif-picker input,.chat-report-form input{min-width:0;color:var(--chat-ink);background:#100e0c;border:1px solid #57493c;border-radius:6px;flex:1;padding:.65rem .6rem;font-size:.7rem}.chat-gif-picker button,.chat-report-form button{border:1px solid #66503b;border-radius:6px;min-height:40px;padding:.5rem .65rem;font-size:.7rem}.chat-gif-picker button:disabled{opacity:.45}.chat-gif-picker small{color:var(--chat-muted);margin-top:.6rem;font-size:.625rem;line-height:1.6;display:block}.chat-gif-draft{color:#d4b89b;border:1px dashed #69523d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.7rem;padding:.6rem;font-size:.7rem;display:flex}.chat-gif-draft>button{min-height:32px;font-size:.625rem;text-decoration:underline}.chat-gif-draft>.chat-gif{flex-basis:100%}.community-chat-panel .chat-gif{justify-items:start;gap:.4rem;margin-top:.4rem;display:grid}.community-chat-panel .chat-gif img{object-fit:contain;border-radius:9px;width:auto;max-width:100%;max-height:180px;display:block}.community-chat-panel .chat-gif button{color:#d9bb9a;background:#c9a27a0a;border:1px solid #5a4735;border-radius:8px;align-items:center;gap:.5rem;min-height:44px;padding:.6rem .9rem;font-size:.7rem;display:flex}.chat-report-form{border-top:1px solid var(--chat-line);background:#251a14;flex:none;padding:.8rem}.chat-report-form label{margin-bottom:.4rem;font-size:.75rem;display:block}.chat-report-form>div{gap:.4rem;display:flex}.chat-signin{border-top:1px solid var(--chat-line);background:linear-gradient(120deg,#2b2118,#1b1713);flex:none;grid-template-columns:28px minmax(0,1fr);gap:.7rem;padding:1rem;display:grid}.chat-signin__icon{color:#c7a27c;padding-top:.15rem}.chat-signin__icon>svg{width:25px;height:25px}.chat-signin strong{color:#e6d5c3;font-size:.75rem;font-weight:500}.chat-signin p{color:#b3a493;margin:.3rem 0 0;font-size:.625rem;line-height:1.7}.chat-signin>a{color:#ead0b2;background:#c7a27c0a;border:1px solid #8a6846;border-radius:7px;grid-column:2;justify-content:space-between;align-items:center;min-height:40px;margin-top:.25rem;padding:.6rem .8rem;font-size:.75rem;font-weight:600;display:flex}.community-chat-panel :-webkit-any(button,input,textarea,a,summary):focus-visible{outline-offset:3px;outline:2px solid #d8b38c}.community-chat-panel :-moz-any(button,input,textarea,a,summary):focus-visible{outline-offset:3px;outline:2px solid #d8b38c}.community-chat-panel :is(button,input,textarea,a,summary):focus-visible{outline-offset:3px;outline:2px solid #d8b38c}.chat-launcher:focus-visible{outline-offset:3px;outline:2px solid #d8b38c}.community-chat-panel button:disabled{cursor:not-allowed}.community-chat-panel--floating .chat-room-header{cursor:default}@media (max-width:680px){.community-chat-panel--floating{width:calc(100vw - 1rem);height:calc(var(--chat-viewport,100dvh) - 6rem - env(safe-area-inset-bottom,0px));border-radius:14px;max-height:none;top:5.5rem;right:.5rem}.chat-room-header{padding:.875rem 1rem}.chat-room-presence{padding:.625rem 1rem}.chat-room-guideline{padding:.6rem 1rem}.chat-composer{padding:.75rem .75rem max(.65rem,env(safe-area-inset-bottom,0px))}.chat-composer-hint span:last-child{display:none}.chat-message-menu summary{width:28px;min-height:36px}.chat-tool{width:42px;min-height:44px}.chat-send{width:40px;height:40px}.chat-launcher{gap:.4rem;padding:.4rem .65rem}.chat-launcher>b{display:none}.chat-launcher>svg{width:17px;height:17px}.chat-room-eyebrow{font-size:.625rem}.community-chat-messages{padding:.75rem .6rem}.chat-welcome{padding:1rem .8rem}.chat-welcome h3{font-size:1.4rem}.chat-welcome__art{width:50px;height:50px;margin-bottom:1rem}}@media (max-height:600px){.chat-room-guideline{display:none}.chat-room-header{padding:.65rem .8rem}.chat-room-symbol{width:32px;height:32px}.chat-room-eyebrow{display:none}.chat-room-presence{padding:.5rem .8rem}.chat-signin{padding:.7rem}.chat-signin__icon,.chat-signin p{display:none}.chat-signin{grid-template-columns:minmax(0,1fr) auto;align-items:center}.chat-signin>a{grid-column:2;gap:1rem;margin:0}.chat-composer-hint{display:none}.chat-composer textarea{min-height:44px}.chat-composer{max-height:65%}.chat-welcome__art{display:none}}@media (prefers-reduced-motion:no-preference){.chat-launcher,.community-chat-panel button,.chat-composer-box{transition:background-color .18s,border-color .18s,color .18s}.community-chat-panel--floating{animation:.18s ease-out both chat-reveal}.chat-loading>div{animation:1.6s ease-in-out infinite chat-loading}.chat-loading>div:nth-child(2){animation-delay:.15s}.chat-loading>div:nth-child(3){animation-delay:.3s}@keyframes chat-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-loading{50%{opacity:.4}}}
