:root{color:#152027;--ink:#152027;--panel:#ffffffe0;--panel-solid:#fff;--line:#75899438;--teal:#0d6b78;--teal-strong:#084d58;--gold:#c8952c;--rose:#b8383a;--shadow:0 24px 70px #13242d24;background:#e9edf2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0d6b7821,#0000 34%),linear-gradient(225deg,#c8952c29,#0000 32%),#e9edf2;height:100dvh;margin:0;overflow:hidden}button,input,select{font:inherit;min-width:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}button:hover{transform:translateY(-1px)}.login-page{background:linear-gradient(145deg,#084d58e6,#152027e0),linear-gradient(45deg,#c8952c73,#0000);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(420px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffff85;border-radius:8px;padding:32px;animation:.52s both panelIn}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--teal), var(--gold));border-radius:8px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 28px #0d6b7838}h1,h2,p{margin-top:0}.login-panel h1{margin:18px 0 24px;font-size:30px}label{color:#34444d;gap:8px;margin-bottom:16px;font-weight:700;display:grid}input,select{color:#172026;background:#fff;border:1px solid #c9d5dc;border-radius:6px;width:100%;height:44px;padding:0 12px}input:focus,select:focus{border-color:#175d6b;outline:3px solid #175d6b29}.primary{color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-strong));border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 28px #0d6b7833}.primary.shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);animation:2.8s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-120%)}.primary:disabled{opacity:.7}.error,.success,.muted{margin:12px 0 0;font-weight:700}.error{color:#bd2d2d}.success{color:#257344}.muted{color:#62737c}.loading{place-items:center;min-height:100vh;font-weight:800;display:grid}.app-shell{grid-template-columns:250px 1fr;height:100dvh;animation:.42s both fadeIn;display:grid;overflow:hidden}.sidebar{color:#fff;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;background:linear-gradient(#152027fa,#084d58f5),#152027;flex-direction:column;height:100dvh;min-height:0;padding:18px 14px;display:flex;overflow-y:auto;box-shadow:18px 0 42px #13242d2e}.sidebar-toggle,.sidebar-close,.sidebar-backdrop{display:none}.sidebar-title{letter-spacing:-.02em;background:#ffffff14;border-radius:14px;align-items:center;gap:10px;min-height:48px;margin-bottom:14px;padding:0 12px;font-size:20px;font-weight:900;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.sidebar-title span{flex:1;min-width:0}.sidebar-profile{color:#fff;background:#ffffff12;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.sidebar-profile img,.sidebar-profile>span{object-fit:cover;color:#fff;background:linear-gradient(135deg, var(--teal), var(--gold));border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.sidebar-profile div{gap:2px;min-width:0;display:grid}.sidebar-profile b,.sidebar-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-profile small{color:#abc5cc;text-transform:capitalize;font-weight:800}.nav{color:#dbe4e8;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:44px;margin-bottom:6px;padding:0 13px;font-weight:800;display:flex}.nav.active,.nav:hover{color:#fff;box-shadow:0 10px 26px #00000029, inset 3px 0 0 var(--gold);background:#ffffff1f;border-color:#ffffff24}.nav.logout{margin-top:auto}.nav.sub{min-height:38px;padding-left:16px;font-size:14px}.nav-group{margin-top:18px}.nav-heading{color:#abc5cc;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;padding:14px 12px 8px;font-size:12px;font-weight:900;display:flex}.content{min-width:0;height:100dvh;min-height:0;padding:28px;animation:.52s both slideUp;overflow-y:auto}.content:has(.chat-shell){display:block;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.eyebrow{color:#62737c;text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:900}.topbar h1{margin:0;font-size:30px}.signed-in{border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:10px;max-width:100%;padding:10px 14px;font-weight:800;display:inline-flex;box-shadow:0 12px 32px #13242d14}.signed-in img{object-fit:cover;border-radius:50%;width:28px;height:28px}.balance-line{color:#175d6b;margin:6px 0 0;font-weight:900}.panel{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff94;border-radius:8px;margin-bottom:22px;padding:20px;animation:.54s both panelIn}.panel h2{align-items:center;gap:8px;margin-bottom:18px;font-size:20px;display:flex}.page-stack{gap:22px;display:grid}.narrow-panel{max-width:560px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.account-grid,.message-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.account-card,.message-card{background:#ffffffb8;border:1px solid #7589942e;border-radius:8px;gap:16px;min-width:0;padding:16px;animation:.42s both panelIn;display:grid;box-shadow:0 10px 26px #13242d14}.account-main{align-items:center;gap:12px;min-width:0;display:flex}.account-main h3{color:var(--ink);margin:0 0 4px}.account-main p{color:#60717a;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:13px}.mini-avatar{color:#fff;background:linear-gradient(135deg, var(--teal), var(--gold));border-radius:8px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}dt{color:#667882;text-transform:uppercase;font-size:12px;font-weight:900}dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:4px 0 0;font-weight:800}.pill{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.pill.active{color:#1c6a3c;background:#ddf4e6}.pill.blocked{color:#a12626;background:#f8dddd}.small{background:#fff;border:1px solid #c9d5dc;border-radius:6px;min-height:34px;padding:0 12px;font-weight:800}.small:hover{border-color:var(--teal);box-shadow:0 8px 18px #13242d1a}.small.primary{color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-strong));border-color:#0000;box-shadow:0 10px 22px #0d6b782e}.small.danger{color:#a12626;background:#fff5f5;border-color:#efb9b9}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.message-stats,.balance-card{background:linear-gradient(135deg,#0d6b781a,#c8952c1f);border-radius:8px;gap:8px;padding:16px;display:grid}.message-stats span,.balance-card span{color:#62737c;font-weight:900}.message-stats strong,.balance-card strong{color:var(--teal);font-size:34px}.pricing-strip{background:linear-gradient(135deg,#ffffffe0,#eef8f9d1),#fff;border:1px solid #7589942e;border-radius:8px;grid-template-columns:repeat(2,minmax(170px,220px)) minmax(260px,1fr);gap:14px;margin-bottom:22px;padding:14px;animation:.42s both panelIn;display:grid;box-shadow:0 12px 30px #13242d14}.pricing-rate{background:#0d6b7814;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.pricing-rate span,.pricing-rate small{color:#60717a;font-weight:900}.pricing-rate strong{color:var(--ink);overflow-wrap:anywhere;font-size:24px}.pricing-plans-preview{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;min-width:0;display:grid}.pricing-plans-preview p{color:#62737c;align-self:center;margin:0;font-weight:800}.mini-plan{background:#fffaece6;border:1px solid #c8952c38;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.mini-plan b{color:var(--gold);font-size:18px}.mini-plan span{color:var(--ink);font-weight:900}.billing-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px;display:grid}.narrow-panel .billing-summary{margin:16px 0 0}.billing-card{background:#ffffffc7;border:1px solid #7589942e;border-radius:10px;gap:5px;min-width:0;padding:14px;display:grid;box-shadow:0 10px 24px #13242d14}.billing-card span,.billing-card small{color:#60717a;font-weight:900}.billing-card strong{color:var(--ink);font-size:24px}.billing-card.highlight{background:linear-gradient(135deg,#0d6b781a,#c8952c21),#fff;border-color:#0d6b7838}.pricing-editor{max-width:980px}.plans-head{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.plans-head h3{color:var(--ink);margin:0}.plan-editor-list{gap:12px;display:grid}.plan-editor-row{background:#ffffffb3;border:1px solid #75899429;border-radius:8px;grid-template-columns:minmax(170px,1.2fr) minmax(120px,.8fr) minmax(130px,.8fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.plan-card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.plan-card{background:linear-gradient(145deg,#fffffff2,#eef8f9db),#fff;border:1px solid #0d6b7824;border-radius:8px;gap:10px;min-width:0;padding:18px;display:grid;box-shadow:0 14px 30px #13242d14}.plan-card span{color:#60717a;font-weight:900}.plan-card strong{color:var(--teal);font-size:30px}.plan-card b{color:var(--ink);font-size:18px}.purchase-list{gap:12px;display:grid}.purchase-row{background:#ffffffc2;border:1px solid #75899429;border-radius:8px;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(110px,.7fr));align-items:center;gap:14px;min-width:0;padding:14px;display:grid;box-shadow:0 10px 24px #13242d0f}.purchase-row h3{color:var(--ink);margin:0 0 4px}.purchase-row p{color:#62737c;overflow-wrap:anywhere;margin:2px 0;font-weight:800}.purchase-row span{color:#667882;text-transform:uppercase;font-size:12px;font-weight:900;display:block}.purchase-row strong{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;display:block}.send-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.empty-card{color:#62737c;border:1px dashed #75899466;border-radius:8px;margin:0;padding:18px;font-weight:800}.connection-create{max-width:620px}.connection-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.connection-card{background:#ffffffc2;border:1px solid #7589942e;border-radius:8px;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:16px;animation:.42s both panelIn;display:grid;box-shadow:0 10px 26px #13242d14}.qr-box{background:#f4f8fa;border:8px solid #fff;border-radius:8px;place-items:center;width:260px;height:260px;padding:6px;display:grid;box-shadow:inset 0 0 0 1px #7589942e,0 14px 30px #13242d1f}.qr-box img{object-fit:contain;width:100%;height:100%}.qr-box span{color:#60717a;text-align:center;font-size:13px;font-weight:900}.connection-info{align-content:start;gap:10px;min-width:0;display:grid}.connection-info h3{overflow-wrap:anywhere;margin:0 0 4px}.connection-info p{overflow-wrap:anywhere;margin:0}.connection-status{border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:0 10px;font-size:13px;font-weight:900;display:inline-flex}.connection-status.connected{color:#1c6a3c;background:#ddf4e6}.connection-status.paused{color:#935f10;background:#fff0c9}.connection-status.inactive,.connection-status.disconnected{color:#697780;background:#edf0f2}.connection-status.pending,.connection-status.qr_pending,.connection-status.reconnecting{color:var(--teal-strong);background:#d9f0f3}.connection-card .card-actions{grid-column:1/-1}.big-avatar-picker{color:#fff;background:linear-gradient(135deg, var(--teal), var(--gold));cursor:pointer;border-radius:50%;place-items:center;width:180px;height:180px;margin:0 auto 18px;display:grid;position:relative;box-shadow:0 20px 44px #0d6b7838}.big-avatar-picker img{object-fit:cover;border:4px solid #fff;border-radius:50%;width:180px;height:180px}.big-avatar-picker span{font-size:64px;font-weight:900}.big-avatar-picker input{display:none}.big-avatar-picker b{color:#fff;background:var(--teal-strong);border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:14px;right:14px}.profile-only{text-align:center}.chat-shell{background:#efeae2;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:0;height:calc(100vh - 56px);min-height:0;max-height:none;padding:0;display:grid;overflow:hidden}.chat-list{background:#fff;border-right:1px solid #7589942e;grid-template-rows:auto auto 1fr;min-width:0;height:100%;min-height:0;display:grid}.chat-list-head{background:#f0f2f5;border-bottom:1px solid #7589942e;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 12px;display:flex}.chat-list-head h2{margin:0;font-size:18px}.chat-list-head span{color:#60717a;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;font-weight:900;overflow:hidden}.icon-button{color:#54656f;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:#e2e8eb}.chat-control{background:#f0f2f5;border-bottom:1px solid #7589942e;padding:8px 10px 10px}.compact-select{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px;display:grid}.compact-select span{color:#128c7e;font-size:12px;font-weight:900}.compact-select select{border:0;border-radius:8px;height:34px;font-size:13px}.owner-chip{color:#075e54;overflow-wrap:anywhere;background:#dcf8c6;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:12px;font-weight:900}.chat-search{color:#667781;background:#fff;border-radius:8px;align-items:center;gap:8px;height:36px;margin-bottom:0;padding:0 12px;display:flex}.chat-search input{border:0;height:34px;padding:0}.new-chat-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;display:grid}.new-chat-row input{border:0;border-radius:8px;height:36px}.chat-search input:focus{outline:0}.chat-items{scrollbar-width:thin;scrollbar-color:#c3ccd1 transparent;height:100%;min-height:0;padding:0;overflow-y:auto}.chat-item{width:100%;min-height:74px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0f2;border-radius:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:12px 14px;display:grid}.chat-item.active,.chat-item:hover{box-shadow:none;background:#f0f2f5}.chat-item b,.chat-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-item small{color:#667781;margin-top:4px}.chat-item em{color:#fff;background:var(--teal);border-radius:999px;place-items:center;min-width:22px;min-height:22px;font-size:12px;font-style:normal;font-weight:900;display:grid}.chat-window{background:linear-gradient(#efeae2eb,#efeae2eb),repeating-linear-gradient(45deg,#0d6b780d 0 2px,#0000 2px 14px);grid-template-rows:auto 1fr auto auto;min-width:0;min-height:0;display:grid}.chat-header{background:#f0f2f5;border-bottom:1px solid #7589942e;align-items:center;gap:12px;min-height:68px;padding:12px 18px;display:flex}.chat-back-button{display:none}.chat-header h2{overflow-wrap:anywhere;align-items:center;gap:8px;margin-bottom:4px;display:flex}.chat-header .mini-avatar{border-radius:50%;width:46px;height:46px}.bot-button{color:#54656f;background:#fff;border:1px solid #c9d5dc;border-radius:999px;align-items:center;gap:8px;min-height:38px;margin-left:auto;padding:0 12px;font-weight:900;display:inline-flex}.bot-button.linked{color:#075e54;background:#dcf8c6;border-color:#9bd6c9}.bot-button:disabled{cursor:not-allowed;opacity:.55}.monitor-banner{color:#935f10;background:#fff0c9;border-bottom:1px solid #935f102e;padding:8px 14px;font-size:13px;font-weight:900}.modal-backdrop{z-index:20;background:#0b141a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.bot-modal{background:#fff;border-radius:8px;width:min(520px,100%);padding:22px;animation:.22s both panelIn;box-shadow:0 24px 70px #0b141a47}.bot-modal h2{align-items:center;gap:8px;margin-bottom:18px;display:flex}.bot-modal textarea,.bulk-panel textarea{resize:vertical;width:100%;font:inherit;border:1px solid #c9d5dc;border-radius:6px;padding:10px 12px}.bulk-file input{padding-top:10px}.bulk-results{gap:10px;display:grid}.result-row{background:#f7fafb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px;display:grid}.result-row b{overflow-wrap:anywhere}.result-row span{text-transform:capitalize;font-weight:900}.result-row small{color:#667781;grid-column:1/-1;font-weight:800}.result-row.sent span{color:#1c6a3c}.result-row.failed span{color:#bd2d2d}.api-key-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.api-example{gap:8px;margin-top:16px;display:grid}.api-example h3{margin:0;font-size:15px}.api-example code,.api-example pre{color:#0f2d35;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef5f6;border-radius:8px;max-width:100%;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;overflow-x:auto}.api-test-panel{border-top:1px solid #0f2d351f;gap:14px;margin-top:22px;padding-top:18px;display:grid}.api-test-panel h3{margin:0}.api-test-actions{flex-wrap:wrap;gap:10px;display:flex}.api-test-result{gap:12px;display:grid}.api-test-result pre{color:#0f2d35;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef5f6;border-radius:8px;max-width:100%;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;overflow-x:auto}.api-install-panel{background:#eef5f68c;border:1px solid #0f2d351f;border-radius:14px;gap:16px;margin-top:22px;padding:18px;display:grid}.api-install-panel h3,.api-install-panel h4{margin:0}.install-step{background:#fff;border-radius:12px;gap:10px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #0f2d3514}.install-step-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.install-step code,.install-step pre{color:#0f2d35;white-space:pre-wrap;overflow-wrap:anywhere;background:#eef5f6;border-radius:8px;max-width:100%;margin:0;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;overflow-x:auto}.api-notes{color:#0f2d35;background:#fff7d8;border-radius:10px;padding:12px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.chat-avatar-img{object-fit:cover;background:#dfe5e8;border-radius:50%;flex:none;width:48px;height:48px}.chat-avatar-img.header-avatar{width:46px;height:46px}.clickable-avatar{cursor:pointer}.chat-messages{scrollbar-width:thin;scrollbar-color:#b8c2c8 transparent;flex-direction:column;gap:10px;height:100%;min-height:0;padding:22px 7%;display:flex;overflow-y:auto}.chat-empty{color:#667781;text-align:center;background:#ffffff94;border-radius:8px;place-self:center;width:min(360px,100%);margin:auto;padding:28px}.chat-empty h3{color:var(--ink);margin:12px 0 8px}.chat-empty p{margin:0;font-weight:700}.bubble{background:#fff;border-radius:8px;width:fit-content;max-width:min(620px,78%);padding:8px 10px 6px;animation:.16s both bubbleIn;box-shadow:0 1px 1px #0b141a21}.bubble.mine{background:#d9fdd3;align-self:flex-end}.bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.bubble span{color:#667781;text-align:right;margin-top:4px;font-size:11px;font-weight:800;display:block}.receipt.read{color:#34b7f1}.profile-modal{background:#fff;border-radius:8px;justify-items:center;gap:16px;width:min(460px,100%);padding:24px;animation:.22s both panelIn;display:grid;box-shadow:0 24px 70px #0b141a47}.profile-modal-img,.profile-modal-initial{border-radius:50%;width:150px;height:150px}.profile-modal-img{object-fit:cover}.profile-modal-initial{color:#fff;background:linear-gradient(135deg, var(--teal), var(--gold));place-items:center;font-size:56px;font-weight:900;display:grid}.profile-modal h2{text-align:center;margin:0}.profile-details{width:100%}.chat-compose{background:#f0f2f5;border-top:1px solid #7589942e;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px 16px;display:grid}.attach-preview{background:#fff;border-radius:8px;grid-column:1/-1;align-items:center;gap:10px;padding:10px;display:flex}.attach-preview img,.attach-preview video{object-fit:cover;border-radius:6px;width:96px;height:70px}.attach-preview audio{width:min(260px,100%)}.attach-preview span{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:800}.attach-button{color:#54656f;cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:46px;height:46px;margin:0;display:grid}.attach-button:hover{background:#e2e8eb}.attach-button input{display:none}.chat-compose input{background:#fff;border:0;border-radius:8px;height:46px}.chat-compose button{align-items:center;gap:8px;display:inline-flex}.message-media{object-fit:contain;background:#111b21;border-radius:6px;max-width:min(360px,100%);max-height:320px;margin-bottom:6px;display:block}.message-audio{width:min(320px,100%);margin-bottom:6px;display:block}.file-preview{max-width:100%;color:var(--ink);overflow-wrap:anywhere;background:#ffffffad;border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:10px;font-weight:900;text-decoration:none;display:inline-flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shine{0%,42%{transform:translate(-120%)}68%,to{transform:translate(120%)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.empty{color:#62737c;text-align:center}@media (width<=860px){body{overflow:hidden}.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:100dvh;overflow:hidden}.sidebar-toggle{z-index:16;color:#fff;background:linear-gradient(135deg, var(--teal), var(--teal-strong));border:0;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:900;display:inline-flex;position:fixed;top:10px;left:10px;box-shadow:0 14px 30px #13242d2e}.sidebar-backdrop{z-index:17;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0b141a75;border:0;display:block;position:fixed;inset:0}.sidebar{z-index:18;flex-direction:column;gap:8px;width:min(310px,86vw);height:100dvh;max-height:none;padding:16px 12px;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:24px 0 60px #0b141a52}.sidebar.open{transform:translate(0)}.sidebar-title{white-space:nowrap;min-height:38px;margin:0 0 8px}.sidebar-close{color:#fff;background:#ffffff1f;border:0;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.nav{white-space:normal;width:100%;min-height:40px;margin:0;padding:0 10px;font-size:14px}.nav svg,.sidebar-title svg,.nav-heading svg{flex:none}.content{height:100%;min-height:0;padding:64px 16px 16px;overflow-y:auto}.content:has(.chat-shell){height:100%;min-height:0;padding:62px 10px 10px;overflow:hidden}.topbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.topbar h1{font-size:24px}.signed-in{justify-content:flex-start;width:100%}.panel{margin-bottom:16px;padding:16px}.panel h2{font-size:18px}.form-grid,.account-grid,.message-grid,.plan-card-grid,.connection-grid{grid-template-columns:minmax(0,1fr)}.card-actions,.modal-actions{grid-template-columns:1fr;display:grid}.card-actions button,.modal-actions button,.send-row button,.small,.primary{width:100%}.send-row,.pricing-strip,.plan-editor-row,.purchase-row{grid-template-columns:1fr}.pricing-strip{margin-bottom:16px}.pricing-plans-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.api-key-row,dl{grid-template-columns:1fr}.connection-card{grid-template-columns:minmax(0,1fr)}.qr-box{aspect-ratio:1;width:min(240px,100%);height:auto;margin:0 auto}.chat-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;height:calc(100dvh - 72px);min-height:0;max-height:none}.chat-list{border-bottom:0;border-right:0;height:100%}.chat-window,.chat-shell.mobile-chat-open .chat-list{display:none}.chat-shell.mobile-chat-open .chat-window{display:grid}.chat-items{max-height:none}.chat-window{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0}.chat-compose{z-index:5;padding:10px 10px max(10px, env(safe-area-inset-bottom));grid-template-columns:44px minmax(0,1fr) auto;position:sticky;bottom:0;box-shadow:0 -8px 18px #0b141a14}.chat-compose button{grid-column:auto;width:auto;min-width:76px}.chat-compose input{font-size:16px}.chat-header{gap:10px;min-height:58px;padding:10px 12px}.chat-back-button{color:#54656f;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.chat-back-button:hover{background:#e2e8eb}.chat-header h2{font-size:17px}.chat-header .muted{display:none}.bot-button{justify-content:center;width:42px;min-width:42px;height:42px;padding:0;font-size:0}.bot-button svg{width:18px;height:18px}.chat-messages{padding:16px 12px}.bubble{max-width:92%}.message-media{max-height:240px}}@media (width<=420px){.login-page{padding:14px}.login-panel{padding:22px}.sidebar{width:min(292px,88vw)}.sidebar-title{font-size:18px}.content{padding:62px 12px 12px}.content:has(.chat-shell){padding:60px 6px 6px}.topbar h1{font-size:22px}.pricing-plans-preview{grid-template-columns:1fr}.account-grid,.message-grid{grid-template-columns:minmax(0,1fr)}dl,.connection-card{grid-template-columns:1fr}.qr-box{aspect-ratio:1;width:min(260px,100%);height:auto;margin:0 auto}.chat-shell{grid-template-rows:minmax(0,1fr)}.chat-list-head span,.owner-chip{display:none}.compact-select{grid-template-columns:1fr}.chat-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px 12px}.chat-avatar-img,.chat-avatar-img.header-avatar,.chat-header .mini-avatar{width:40px;height:40px}.chat-compose{padding:8px 8px max(8px, env(safe-area-inset-bottom));grid-template-columns:42px minmax(0,1fr) 66px;gap:7px}.chat-compose button{min-width:66px;padding:0 10px}.attach-preview{flex-direction:column;align-items:flex-start}.attach-preview img,.attach-preview video{width:100%;height:auto;max-height:180px}.profile-modal,.bot-modal{max-height:calc(100dvh - 28px);overflow-y:auto}}