.viewer-container{background:linear-gradient(180deg,#fff9f6,#fff2ec)}.room-item.active{background:linear-gradient(135deg,#ff7465,#ff6154);color:#fff;box-shadow:0 14px 35px #ff61543d}.room-item.active .room-preview,.room-item.active .room-meta-text{color:#ffffffc7}.room-item.active .room-icon-fallback{background:#ffffff40;color:#fff}.msg-bubble{border:1px solid rgba(255,179,167,.45);background:linear-gradient(180deg,#fff,#fffaf8)}.quote-block{border-left:4px solid #ffe6df;background:#fff6f2;padding:12px 16px;margin:8px 0;border-radius:0 12px 12px 0;font-size:14px;color:#7c8aa0;line-height:1.65}.info-block{border:1px solid #d9dde5;border-radius:18px;overflow:hidden;margin:8px 0;background:#fff}.info-title{background:#f4f6fa;padding:10px 14px;font-weight:700;font-size:13px}.info-body{padding:12px 14px;font-size:14px}.msg-bubble a,.info-body a{color:#3b82f6;text-decoration:none}.msg-bubble a:hover,.info-body a:hover{text-decoration:underline}.code-block{background:#fff1eb;border-radius:14px;padding:10px 14px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;overflow-x:auto;margin:8px 0;white-space:pre}.attachment-ref{display:inline-flex;align-items:center;gap:4px;background:#f3f4f6;border-radius:8px;padding:2px 8px;font-size:13px;color:#4b5563}.mention{background:#e9f3ff;color:#2563eb;border-radius:6px;padding:2px 6px;font-weight:700}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#ff8b754d;border-radius:3px}.modal-overlay{display:none;position:fixed;inset:0;background:#000000bf;z-index:1000;align-items:center;justify-content:center;padding:20px}.modal-overlay.active{display:flex}.loading-spinner{border:3px solid #ffe6df;border-top-color:#ff5c4d;border-radius:50%;width:32px;height:32px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.line-clamp-preview{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.desc-content strong{color:#1f2937;display:block;margin-top:.75rem;margin-bottom:.25rem;font-weight:800;font-size:14px}.desc-content strong:first-child{margin-top:0}.desc-content a{color:#ff5c4d;text-decoration:underline;word-break:break-all;font-weight:600;display:block}.desc-content a:hover{color:#e84530}.desc-content .plain-text{display:block;color:#6b7280;word-break:break-word}.search-highlight{background:#fbbf24;color:#1f2937;border-radius:2px;padding:0 1px}.search-highlight.active{background:#f97316;color:#fff}#app{grid-template-columns:280px minmax(0,1fr) 320px}#app.summary-hidden{grid-template-columns:280px minmax(0,1fr)}#app.summary-hidden #summary-aside{display:none}@media (max-width: 1023px){#app{grid-template-columns:240px minmax(0,1fr)}#app>main{padding:1rem}#app #summary-aside{display:none}#app.summary-visible #summary-aside{display:block;position:fixed;right:0;top:0;bottom:0;width:320px;z-index:40;background:#fff;box-shadow:-4px 0 20px #0000001a;overflow-y:auto}}@media (max-width: 767px){html,body{overflow-x:hidden}#app{grid-template-columns:1fr;overflow-x:hidden}#app>aside:first-of-type{display:none}#app.drawer-open>aside:first-of-type{display:block;position:fixed;left:0;top:0;bottom:0;width:280px;z-index:50;background:linear-gradient(180deg,#fff7f4,#ffeae4);animation:drawerSlideIn .25s ease}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}#app>main{padding:.75rem .75rem 5rem}#room-content{padding:1rem;border-radius:1.25rem}#room-content .text-2xl{font-size:1.125rem}#room-content .w-\[58px\]{width:42px;height:42px;font-size:.875rem}.msg-bubble{padding:.75rem;gap:.5rem}.msg-bubble .w-\[46px\]{width:36px;height:36px}.msg-bubble .text-lg{font-size:.9375rem}}.drawer-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:45}.drawer-open .drawer-overlay{display:block}.summary-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:35}.summary-visible .summary-overlay{display:block}.mobile-menu-btn{display:none;position:fixed;bottom:1.5rem;right:1.5rem;z-index:30;width:3rem;height:3rem;border-radius:9999px;background:#ff5c4d;color:#fff;align-items:center;justify-content:center;box-shadow:0 4px 15px #ff5c4d66;border:none;cursor:pointer;font-size:1.25rem}@media (max-width: 767px){.mobile-menu-btn{display:flex}}