:root{--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);--kb:0px;--composerH:180px}button,input,select,textarea{font-size:16px}html{-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body,html{height:100%;margin:0}body,html{background:#eaf6fb}body{color:#1f2937;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{display:flex;height:100vh}.sidebar{width:300px;background:#d6eef8;border-right:1px solid #b7dde8;display:flex;flex-direction:column}.sidebarTop{padding:12px;display:grid;gap:8px}.rooms{padding:0 12px;overflow:auto;flex:1 1}.roomRow{display:flex;gap:8px;align-items:center;margin-bottom:8px}.roomBtn{flex:1 1;text-align:left;padding:10px;border:1px solid #b7dde8;border-radius:12px;background:#eaf6fb;cursor:pointer}.roomBtn.active{outline:2px solid #7bbcd0}.pinBtn{width:38px;height:38px;border:1px solid #b7dde8;border-radius:12px;background:#fff;cursor:pointer}.sidebarBottom{padding:12px;border-top:1px solid #b7dde8;background:#bfe3f1}.label{font-size:12px;opacity:.8;margin-bottom:6px}.textarea{width:100%;border:1px solid #b7dde8;border-radius:12px;padding:10px;background:#eaf6fb;resize:vertical}.main{flex:1 1;display:flex;flex-direction:column;min-height:0}.messages{flex:1 1;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(var(--composerH) + var(--sab) + 12px)}.bubble{max-width:820px;padding:12px 14px;border-radius:12px;margin:10px 0;white-space:pre-wrap;word-break:break-word}.bubble.user{background:#cfefff;margin-left:auto}.bubble.ai{background:#ffffff;margin-right:auto}.input{flex:1 1;padding:10px;resize:none}.button,.input{border:1px solid #b7dde8;border-radius:12px}.button{background:#ffffff;padding:8px 12px;cursor:pointer}.small{font-size:12px;opacity:.85}.select{width:100%;border:1px solid #b7dde8;border-radius:12px;padding:8px 10px;background:#fff}.scrollTopBtn{margin-top:10px;font-size:12px;background:transparent;border:none;cursor:pointer;opacity:.7}.scrollTopBtn:hover{opacity:1;text-decoration:underline}.desktopOnly{display:flex}.mobileOnly{display:none}@media (max-width:768px){.desktopOnly{display:none!important}.mobileOnly{display:flex!important}.app,.main{height:100dvh}}.mobileHeader{height:52px;border-bottom:1px solid #b7dde8;background:#eaf6fb;display:flex;align-items:center;gap:8px;padding:0 10px;position:relative}.mobileHeader:before{content:"";position:absolute;top:calc(-1 * var(--sat));left:0;right:0;height:var(--sat);background:#eaf6fb}.mobileHeader>*{position:relative;z-index:1}.mobileTitle{font-size:14px;font-weight:700;opacity:.9}.iconBtn{border:1px solid #b7dde8;background:#fff;border-radius:12px;padding:8px 10px;cursor:pointer}@media (min-width:769px){.hamburgerBtn{display:none!important}}.drawerOverlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:50}.drawer{position:fixed;top:0;left:0;height:calc(100dvh + var(--sat));width:min(86vw,360px);background:#d6eef8;border-right:1px solid #b7dde8;z-index:51;transform:translateX(-105%);transition:transform .2s ease;overflow:hidden}.drawer.open{transform:translateX(0)}.drawerScroll{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding-top:var(--sat)}.drawer:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--sat);background:#d6eef8}.drawer .rooms,.drawer .sidebarBottom,.drawer .sidebarTop,.drawerTop{position:relative;z-index:1}.drawerTop{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #b7dde8;background:#d6eef8}.composer{position:sticky;bottom:0;padding:12px;padding-bottom:calc(12px + var(--sab) + var(--kb));border-top:1px solid #b7dde8;background:#eaf6fb}.composerMain{flex:1 1;display:flex;flex-direction:column;gap:8px}.composerRow{display:flex;gap:10px;align-items:stretch}.overlayRow{position:relative;display:block}.overlayInput{width:100%;resize:none;overflow:hidden;padding-right:150px;padding-bottom:54px;min-height:44px;max-height:160px}.sendOverlayBtn{position:absolute;right:10px;bottom:10px;width:120px;height:40px;border-radius:12px;border:1px solid #b7dde8;background:#ffffff;cursor:pointer;font-size:16px;line-height:1}.sendOverlayBtn:active{transform:scale(.98)}.composerSub{justify-content:space-between}.composerLeft,.composerSub{display:flex;gap:12px;align-items:center}.composerLeft{flex-wrap:wrap}.composerRight{display:flex;gap:10px;align-items:center}.modelSelect{width:220px}@media (max-width:768px){.input,.overlayInput,.select,.sendOverlayBtn,.textarea{font-size:16px}.composerSub{flex-direction:row;align-items:center}.composerRight{width:100%;justify-content:space-between;gap:8px}.modelSelect{width:140px}.sendOverlayBtn{width:84px;height:40px;font-size:16px}.overlayInput{padding-right:106px}.fileBtn{padding:10px 12px;white-space:nowrap}}.roomTitleInput{flex:1 1;padding:10px;border:1px solid #b7dde8;border-radius:12px;background:#eaf6fb;outline:none}.roomTitleInput.active{outline:2px solid #7bbcd0}.genStatus{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;opacity:.8}.spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.15);border-top-color:rgba(0,0,0,.55);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.errorText{margin-top:10px;font-size:12px;color:#b91c1c;white-space:pre-wrap}