:root{--bg:#07111f;--card:#112137db;--card2:#152842c2;--line:#94a3b82e;--text:#eff8ff;--muted:#8fa4bc;--soft:#c9d8ea;--blue:#1fb6ff;--blue2:#2879ff;--cyan:#42e8ff;--green:#4ade80;--yellow:#ffc84d;--red:#ff6269;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 14% 6%,#1fb6ff2e,#0000 34%),radial-gradient(circle at 86% 22%,#2879ff29,#0000 33%),linear-gradient(135deg,#050914,#091423 52%,#050914);margin:0}button,input{font:inherit}button{cursor:pointer}.app-bg,.login-page{place-items:center;min-height:100vh;padding:18px;display:grid;position:relative;overflow:hidden}.orb{filter:blur(80px);opacity:.43;pointer-events:none;border-radius:999px;position:fixed}.one{background:#1fb6ff4d;width:390px;height:390px;top:4%;left:-130px}.two{background:#2879ff40;width:460px;height:460px;bottom:-40px;right:-130px}.phone{background:radial-gradient(circle at 14% 0,#1fb6ff21,#0000 31%),linear-gradient(#081221fc,#050d19fc);border:1px solid #ffffff1f;border-radius:34px;grid-template-rows:auto auto 1fr auto;width:min(100%,424px);height:min(900px,100vh - 36px);min-height:740px;display:grid;position:relative;overflow:hidden;box-shadow:0 42px 120px #00000085,inset 0 0 0 1px #ffffff09}.phone:before{content:"";opacity:.42;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.status,.topbar,.app-content,.bottom-nav{z-index:2;position:relative}.status{color:#ffffffe6;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 23px 5px;font-size:13px;font-weight:700;display:grid}.status i{background:#020409;border-radius:999px;width:88px;height:25px}.status span:last-child{text-align:right;color:#ffffffb8;font-size:9px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#081221f2,#081221a1);border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;padding:8px 20px 13px;display:flex}.brand{align-items:center;gap:11px;display:flex}.logo{color:var(--blue);letter-spacing:-.06em;text-shadow:0 0 25px #1fb6ff75;align-items:center;gap:3px;font-size:26px;font-weight:950;line-height:1;display:inline-flex}.logo i{background:linear-gradient(180deg,var(--cyan),var(--blue2));border-radius:999px;width:3px;height:36px;display:block;box-shadow:0 0 20px #1fb6ff8c}.brand h1{letter-spacing:-.04em;margin:0;font-size:17px;line-height:1}.brand p{color:var(--blue);margin:3px 0 0;font-size:12px;font-weight:750}.spark{width:39px;height:39px;color:var(--blue);background:#ffffff0b;border:1px solid #94a3b82e;border-radius:14px;place-items:center;display:grid}.spark svg,.bottom-nav svg,.composer svg{display:block}.app-content{min-height:0;overflow:hidden}.screen{scrollbar-width:none;height:100%;padding:15px 14px 88px;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.chat-screen{padding-top:15px}.messages{gap:10px;display:grid}.msg p{margin:0}.msg small{color:var(--muted);margin-top:6px;font-size:10.5px;display:block}.msg.assistant{border:1px solid var(--line);background:linear-gradient(#182840f5,#111e31eb);justify-self:start}.msg.user{background:linear-gradient(135deg,var(--blue),var(--blue2));justify-self:end;box-shadow:0 14px 32px #1f6fff40}.msg.user small{color:#ffffffc7;text-align:right}.typing{opacity:.75}.chips{flex-wrap:wrap;gap:7px;margin:14px 0 11px;display:flex}.chips button,.composer button,.primary,.link-btn,.card b,.demo a,.pay-hero button,.logout{color:var(--text);background:#ffffff0a;border:1px solid #94a3b833;border-radius:999px;padding:8px 10px;font-size:12px}.chips button:nth-child(4){color:var(--cyan);background:#1fb6ff14;border-color:#1fb6ff59}.composer{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111feb;border:1px solid #94a3b829;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;display:grid;position:sticky;bottom:0}.composer button{place-items:center;width:39px;height:39px;padding:0;display:grid}.composer input{min-width:0;height:39px;color:var(--text);background:#fff1;border:0;border-radius:999px;outline:0;padding:0 13px;font-size:13px}.send,.primary{color:#fff!important;background:linear-gradient(135deg,var(--blue),var(--blue2))!important;box-shadow:0 14px 34px #1f6fff47!important}.title{margin-bottom:11px}.title h2{letter-spacing:-.045em;margin:0;font-size:22px}.title p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.35}.card,.demo,.pay-hero,.profile,.empty,.notice{background:linear-gradient(180deg,var(--card),#0c192bc7);border:1px solid #94a3b82b;border-radius:19px;margin-bottom:10px;padding:13px;box-shadow:inset 0 1px #ffffff09,0 15px 36px #00000024}.card{grid-template-columns:1fr auto;gap:8px;display:grid}.card h3{margin:0;font-size:15px}.card small{color:var(--muted);margin-top:4px;font-size:11.5px;display:block}.card b{width:max-content;color:var(--blue);background:#1fb6ff21;border-color:#1fb6ff40;padding:6px 9px;font-size:11px;font-weight:850}.card p{color:var(--soft);grid-column:1/-1;margin:2px 0 0;font-size:13px;line-height:1.35}.demo{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.demo b{display:block}.demo span{color:var(--blue);margin-top:4px;font-size:13px;display:block}.demo em{color:var(--green);font-size:12px;font-style:normal;font-weight:850}.demo a{text-align:center;background:linear-gradient(135deg,var(--blue),var(--blue2));border:0;grid-column:1/-1;text-decoration:none}.pay-hero{border-color:#1fb6ff6b}.pay-hero span{color:var(--soft);font-size:12px}.pay-hero h2{color:var(--blue);letter-spacing:-.07em;margin:4px 0;font-size:40px}.pay-hero p{color:var(--yellow);margin:0 0 10px;font-size:13px;font-weight:850}.pay-hero input{width:100%;color:var(--soft);margin:9px 0;font-size:12px;display:block}.pay-actions{gap:8px;display:grid}.profile{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.profile h2{margin:0 0 7px;font-size:18px}.profile span{color:var(--soft);margin-top:5px;font-size:13px;display:block}.profile b{color:var(--green);background:#4ade8024;border-radius:999px;margin-top:9px;padding:5px 9px;font-size:12px;display:inline-block}.notice{color:var(--yellow);background:#ffc84d1a}.empty{color:var(--muted);text-align:center}.logout{width:100%;color:var(--red);border-color:#ff626938;border-radius:16px}.login-card,.loader-card{text-align:center;background:linear-gradient(#122136e6,#091424db);border:1px solid #94a3b82e;border-radius:26px;width:min(100%,410px);padding:25px;box-shadow:0 35px 100px #0000006b}.login-card h1,.loader-card h1{letter-spacing:-.05em;margin:14px 0 8px;font-size:28px}.login-card p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.45}.login-card form{gap:9px;display:grid}.login-card input{border:1px solid var(--line);height:46px;color:var(--text);background:#ffffff0f;border-radius:15px;outline:0;padding:0 14px}.login-card .primary{border:0;height:46px}.link-btn{color:var(--blue);background:0 0;margin-top:10px}.login-card small{color:var(--muted);margin-top:12px;display:block}.error{color:var(--red);font-size:13px}.plan-card{background:linear-gradient(#122136e6,#0c192bd1);border:1px solid #1fb6ff47;border-radius:19px;margin-bottom:10px;padding:13px;box-shadow:inset 0 1px #ffffff09,0 15px 36px #00000024}.plan-head{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.plan-head div{text-align:center;background:#ffffff0b;border:1px solid #94a3b829;border-radius:16px;padding:11px}.plan-head span{color:var(--muted);font-size:11.5px;display:block}.plan-head strong{color:var(--blue);letter-spacing:-.06em;margin-top:5px;font-size:28px;line-height:1;display:block}.plan-note{color:var(--soft);margin:0 0 12px;font-size:13px;line-height:1.35}.plan-card h3{color:var(--text);margin:12px 0 7px;font-size:14px}.plan-card ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.plan-card li{color:var(--soft);font-size:12.8px;line-height:1.3}.plan-card .no-list li{color:var(--muted)}.plan-card small{color:var(--yellow);margin-top:12px;font-size:12px;line-height:1.35;display:block}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fe6;border:1px solid #94a3b824;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:3px;padding:7px 6px 9px;display:grid;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 18px 40px #00000042,inset 0 1px #ffffff0a}.bottom-nav button{color:#c9d8eab3;background:0 0;border:0;border-radius:18px;justify-items:center;gap:3px;padding:6px 2px 5px;transition:all .18s;display:grid;position:relative}.bottom-nav button>span{place-items:center;width:28px;height:24px;display:grid}.bottom-nav small{white-space:nowrap;font-size:9.8px;line-height:1}.bottom-nav .active>span{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));border-radius:999px;box-shadow:0 10px 22px #1f6fff40}.bottom-nav .active:after{content:"";background:var(--blue);border-radius:999px;width:22px;height:2px;position:absolute;bottom:2px;box-shadow:0 0 15px #1fb6ffa6}@media (width<=520px){.app-bg,.login-page{padding:0;display:block}.phone{border:0;border-radius:0;width:100%;height:100vh;min-height:100vh}.login-page{padding:20px;display:grid}.status{padding-top:max(10px,env(safe-area-inset-top))}.bottom-nav{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom))}}@media (width<=390px){.topbar{padding-inline:14px}.screen{padding-inline:12px}.msg{max-width:89%}.profile{text-align:center;grid-template-columns:1fr;justify-items:center}.bottom-nav small{font-size:9.3px}.bottom-nav button>span{width:25px}}svg{flex-shrink:0;display:block}.spark svg,.bottom-nav svg,.composer svg,.chips svg{display:block}.chat-screen .messages{scrollbar-width:none;flex:1;height:100%;padding:0 2px 146px;overflow-y:auto}.chat-screen .messages::-webkit-scrollbar{display:none}.chat-screen .chips{scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin:0;padding:3px 0 7px;display:flex;position:absolute;bottom:73px;left:12px;right:12px;overflow-x:auto}.chat-screen .chips::-webkit-scrollbar{display:none}.chat-screen .chips button{border-radius:999px;flex:none;align-items:center;gap:5px;padding:7px 10px;font-size:11.5px;display:inline-flex}.chat-screen .chips button:nth-child(4){color:var(--text);background:#ffffff0a;border-color:#94a3b833}.composer{border-radius:18px;grid-template-columns:36px 1fr 38px;margin:0;padding:6px;position:absolute;bottom:14px;left:12px;right:12px}.msg{border-radius:15px;padding:10px 11px;font-size:13px;line-height:1.34}.msg small{margin-top:5px;font-size:10px}.bottom-nav button{color:#c9d8eaa8;border-radius:13px;gap:2px;padding:4px 1px;box-shadow:none!important;background:0 0!important}.bottom-nav button:hover{background:0 0!important}.bottom-nav button>span{width:auto;height:20px;box-shadow:none!important;background:0 0!important;border-radius:0!important}.bottom-nav small{font-size:9px;line-height:1}.bottom-nav .active{color:var(--blue);background:0 0!important}.bottom-nav .active>span{color:var(--blue);box-shadow:none!important;background:0 0!important}.bottom-nav .active:after{display:none}@media (width<=390px){.chat-screen{padding-left:10px;padding-right:10px}.chat-screen .chips,.composer{left:10px;right:10px}.bottom-nav small{font-size:8.7px}}.phone{width:min(100%,414px)}.status{padding:10px 20px 4px}.status i{width:82px;height:23px}.topbar{padding:6px 17px 10px}.brand{gap:9px}.logo{font-size:22px}.logo i{height:30px}.brand h1{font-size:15.5px}.brand p{font-size:10.8px}.spark{border-radius:12px;width:34px;height:34px}.chat-screen{padding:10px 11px 76px}.chat-screen .messages{padding-bottom:132px}.msg{border-radius:14px;max-width:80%;padding:9px 10px;font-size:12.4px;line-height:1.32}.msg.assistant,.msg.user{max-width:78%}.msg-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:5px;display:flex}.msg-footer small{margin:0;font-size:9.5px}.msg-footer button{color:var(--blue);background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.chat-screen .chips{padding-bottom:5px;bottom:62px;left:11px;right:11px}.chat-screen .chips button{border-radius:999px;padding:6px 9px;font-size:10.8px}.composer{border-radius:16px;grid-template-columns:34px 1fr 36px;padding:5px;bottom:8px;left:11px;right:11px}.composer button{width:34px;height:34px}.composer input{height:34px;font-size:12px}.bottom-nav{border-radius:16px;gap:0;padding:5px 6px 6px;bottom:7px;left:10px;right:10px}.bottom-nav button,.bottom-nav button:hover,.bottom-nav button:focus,.bottom-nav button.active,.bottom-nav button.active:hover,.bottom-nav button.active:focus{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;transform:none!important}.bottom-nav button{color:#c9d8ea9e!important;gap:1px!important;padding:3px 1px 2px!important}.bottom-nav button>span,.bottom-nav button.active>span,.bottom-nav button:hover>span{width:auto!important;height:18px!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.bottom-nav svg{width:17px;height:17px}.bottom-nav small{letter-spacing:-.02em;font-size:8.4px!important;line-height:1!important}.bottom-nav button.active{color:var(--blue)!important}.bottom-nav button.active small{font-weight:750;color:var(--blue)!important}.bottom-nav button.active:after,.bottom-nav button:hover:after{content:none!important;display:none!important}.screen:not(.chat-screen){padding-bottom:70px}@media (width<=520px){.phone{width:100%}.bottom-nav{bottom:max(6px,env(safe-area-inset-bottom))}}.chat-screen{flex-direction:column!important;padding:10px 11px 132px!important;display:flex!important;position:relative!important;overflow:hidden!important}.chat-screen .messages{flex:auto!important;height:auto!important;min-height:0!important;padding:0 2px 188px!important;overflow-y:auto!important}.chat-screen .chips{z-index:28!important;background:linear-gradient(#07111f05,#07111feb 35%,#07111ffa)!important;padding:4px 0 6px!important;position:absolute!important;bottom:116px!important;left:11px!important;right:11px!important}.composer{z-index:30!important;margin:0!important;position:absolute!important;bottom:62px!important;left:11px!important;right:11px!important;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff0a!important}.bottom-nav{z-index:25!important}@media (width<=520px){.chat-screen{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}.composer{bottom:calc(62px + env(safe-area-inset-bottom))!important}.chat-screen .chips{bottom:calc(116px + env(safe-area-inset-bottom))!important}}@media (width<=390px){.composer,.chat-screen .chips{left:10px!important;right:10px!important}}