:root{--bg:var(--tg-theme-bg-color,#f5f5fb);--card:var(--tg-theme-secondary-bg-color,#fff);--text:var(--tg-theme-text-color,#18162b);--muted:var(--tg-theme-hint-color,#85839a);--primary:#6750f4;--line:#e7e5f0}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body{padding-bottom:78px}
.app{max-width:780px;margin:auto}.header{padding:18px 17px 10px;display:flex;justify-content:space-between;align-items:center}.brandrow{display:flex;gap:11px;align-items:center}.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(145deg,#5f45e8,#806dfc)}.brand{font-size:22px;font-weight:850}.brand span{color:var(--primary)}.tag{font-size:12px;color:var(--muted);margin-top:1px}.profile-btn{width:40px;height:40px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-weight:800}
main{padding:7px 15px 15px}.panel{display:none}.panel.active{display:block}.hero{border-radius:24px;padding:23px 20px;background:linear-gradient(135deg,#5e46e7,#8771ff);color:#fff;box-shadow:0 16px 34px rgba(103,80,244,.22);margin-bottom:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;opacity:.75}.hero h1{font-size:26px;line-height:1.1;margin:9px 0 8px;letter-spacing:-.6px}.hero p{margin:0 0 18px;opacity:.88;font-size:14px}.hero-btn{background:#fff;border:0;color:#5d46db;padding:12px 14px;border-radius:13px;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 10px}.section-title h2{font-size:18px;margin:0}.section-title span{font-size:12px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.tool{border:1px solid var(--line);background:var(--card);border-radius:17px;padding:14px;text-align:left;min-height:122px}.tool .ico{width:41px;height:41px;border-radius:12px;background:#eeeaff;color:var(--primary);display:grid;place-items:center;font-size:19px;margin-bottom:12px}.tool b{display:block;font-size:14px}.tool small{display:block;color:var(--muted);line-height:1.3;margin-top:4px}.wide-card,.wide-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:15px;text-decoration:none;color:var(--text)}.wide-card>div{display:flex;gap:11px;align-items:center}.wide-icon{width:42px;height:42px;border-radius:12px;background:#eeeaff;display:grid;place-items:center}.wide-card small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.wide-card a,.wide-link{color:var(--primary);font-weight:800}
.list-grid{display:grid;gap:10px}.list-tool{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--line);background:var(--card);border-radius:16px;text-decoration:none;color:var(--text)}.list-tool .ico{width:40px;height:40px;border-radius:11px;background:#eeeaff;display:grid;place-items:center}.list-tool small{display:block;color:var(--muted);margin-top:2px}.list-tool .arrow{margin-left:auto;color:var(--muted)}
.ai-head{display:flex;align-items:center;gap:11px;margin:6px 2px 13px}.ai-orb{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#5e46e7,#8873ff);color:white;display:grid;place-items:center;font-size:20px}.ai-head h2{margin:0}.ai-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.chat-log{display:flex;flex-direction:column;gap:9px;min-height:300px;padding-bottom:12px}.bubble{max-width:88%;padding:12px 14px;border-radius:16px;line-height:1.45;white-space:pre-wrap;font-size:14px}.assistant{align-self:flex-start;background:var(--card);border:1px solid var(--line)}.user{align-self:flex-end;background:#e9e5ff;color:#3d2ca8}.prompt-box{position:sticky;bottom:88px;background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:9px;display:flex;gap:7px;align-items:flex-end}.prompt-box textarea{flex:1;border:0;outline:0;background:transparent;color:var(--text);resize:none;font-size:14px}.prompt-box button{width:42px;height:42px;border-radius:13px;border:0;background:var(--primary);color:#fff;font-size:18px}
.files-list{display:grid;gap:10px}.file{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--card);border-radius:16px;padding:13px}.file .ico{width:40px;height:40px;border-radius:11px;background:#eeeaff;display:grid;place-items:center}.file small{color:var(--muted);display:block;margin-top:3px}.empty{text-align:center;color:var(--muted);padding:42px 12px}
.profile-card{display:flex;gap:13px;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:18px}.profile-avatar{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#5e46e7,#8873ff);display:grid;place-items:center;color:#fff;font-weight:900;font-size:21px}.profile-card h2{margin:0;font-size:18px}.profile-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.stats>div{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:14px 7px;text-align:center}.stats b{display:block;font-size:19px}.stats small{color:var(--muted)}
.nav{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:780px;height:71px;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:9}.navbtn{background:transparent;border:0;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:19px}.navbtn small{font-size:10px;font-weight:700}.navbtn.active{color:var(--primary)}
@media(min-width:620px){.grid{grid-template-columns:repeat(3,1fr)}}