*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color,#0f172a);color:var(--tg-theme-text-color,#f8fafc)}.app{display:flex;flex-direction:column;min-height:100vh;max-width:100%}.app-header{padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.app-header h1{margin:0;font-size:1.15rem;font-weight:600}.banner-ok{border-radius:10px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35)}.banner-err,.banner-ok{margin:10px 16px 0;padding:10px 12px;font-size:.85rem}.banner-err{border-radius:10px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);color:#fecaca}.chat-list{flex:1 1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.chat-item{text-align:left;width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.85);color:inherit;cursor:pointer}.chat-item.active{border-color:var(--tg-theme-button-color,#6366f1);background:rgba(99,102,241,.15)}.chat-item-title{font-weight:600;font-size:.95rem}.chat-item-meta{margin-top:4px;font-size:.75rem;opacity:.65}.empty-hint{padding:24px 16px;text-align:center;opacity:.7;font-size:.9rem;line-height:1.45}.thread{display:flex;flex-direction:column;flex:1 1;min-height:0;border-top:1px solid rgba(255,255,255,.08)}.thread-header{padding:10px 16px;font-size:.85rem;opacity:.85;border-bottom:1px solid rgba(255,255,255,.06)}.messages{flex:1 1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:88%;padding:8px 12px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:.9rem}.bubble.user{align-self:flex-end;background:var(--tg-theme-button-color,#4f46e5);color:var(--tg-theme-button-text-color,#fff)}.bubble.other{align-self:flex-start;background:rgba(30,41,59,.95)}.compose{display:flex;gap:8px;padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.08)}.compose textarea{flex:1 1;min-height:44px;max-height:120px;resize:vertical;background:rgba(2,6,23,.6);padding:8px 10px}.compose textarea,.panel-toggle{border-radius:10px;border:1px solid rgba(255,255,255,.12);color:inherit;font:inherit}.panel-toggle{margin:0 12px 8px;padding:10px 12px;background:transparent;text-align:left;cursor:pointer}.panel{margin:0 12px 12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.5)}.panel label{display:block;font-size:.75rem;opacity:.75;margin-bottom:4px}.panel input,.panel textarea{width:100%;margin-bottom:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.6);color:inherit;font:inherit}.panel .hint{font-size:.78rem;opacity:.75;margin:0 0 10px;line-height:1.4}.btn-primary{width:100%;padding:10px 14px;border:none;border-radius:10px;background:var(--tg-theme-button-color,#6366f1);color:var(--tg-theme-button-text-color,#fff);font:inherit;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-back{background:none;border:none;color:var(--tg-theme-link-color,#93c5fd);padding:0;margin-bottom:6px;font:inherit;cursor:pointer}.screen-center{padding:24px 16px;text-align:center}