:root{color-scheme:dark;--bg:#080b12;--panel:#101622;--line:#202b3b;--muted:#7e8ba0;--text:#eef4ff;--cyan:#5de5df;--blue:#6788ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#142238 0,transparent 42%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(760px,100%);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 22px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;border:1px solid #5de5df80;border-radius:13px;display:grid;place-items:center;color:var(--cyan);font-size:23px;font-weight:800;box-shadow:0 0 25px #5de5df20}.brand strong{font-size:14px;letter-spacing:1.5px}.brand i{color:var(--cyan);font-style:normal}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.6px;margin-top:4px}.icon-button{background:#ffffff08;border:1px solid var(--line);color:#b9c5d7;border-radius:12px;width:40px;height:40px;font-size:19px}.hero{text-align:center;padding:36px 8px 20px}.orb-wrap{height:142px;display:grid;place-items:center}.orb{width:112px;height:112px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;gap:5px;background:radial-gradient(circle at 35% 30%,#5de5df44,#243b6980 45%,#101725 72%);border:1px solid #5de5df65;box-shadow:0 0 35px #3fdad933,inset 0 0 28px #5de5df20;animation:breathe 4s ease-in-out infinite}.orb:before,.orb:after{content:"";position:absolute;inset:-9px;border:1px solid #5de5df30;border-radius:50%;transform:rotateX(65deg)}.orb:after{inset:-17px;transform:rotateY(65deg)}.orb span{height:16px;width:3px;border-radius:5px;background:var(--cyan);box-shadow:0 0 9px var(--cyan);animation:wave 1s ease-in-out infinite}.orb span:nth-child(2){animation-delay:.18s}.orb span:nth-child(3){animation-delay:.36s}.status{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:9px;letter-spacing:2px;margin-top:10px}.pulse{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}h1{font-size:30px;letter-spacing:-1px;margin:17px 0 8px}.hero p{color:var(--muted);font-size:13px;line-height:1.55;max-width:390px;margin:auto}.chat{margin-top:15px;background:linear-gradient(145deg,#111a28dd,#0c121ddd);border:1px solid var(--line);border-radius:22px;min-height:240px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 60px #0003}.messages{padding:18px;flex:1;max-height:310px;overflow:auto}.welcome{background:#ffffff06;border:1px solid #ffffff0b;border-radius:14px;padding:14px}.welcome b{font-size:11px;color:var(--cyan);letter-spacing:1px}.welcome p{font-size:12px;line-height:1.5;color:#a5b2c5;margin:7px 0 0}.bubble{font-size:13px;line-height:1.5;padding:11px 13px;border-radius:14px;margin:9px 0;max-width:88%;white-space:pre-wrap}.user{background:#273b62;margin-left:auto}.agent{background:#172332;border:1px solid #ffffff0d}.composer{display:flex;align-items:flex-end;gap:10px;padding:12px;border-top:1px solid var(--line)}textarea{resize:none;flex:1;max-height:110px;background:transparent;border:0;outline:0;color:var(--text);font:14px/1.5 inherit;padding:9px}.send{width:42px;height:42px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--cyan),#6b9cff);color:#07111a;font-size:25px;font-weight:700}.hint{text-align:center;color:#526176;font-size:8px;letter-spacing:1px;padding:0 0 12px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 22px}.quick-actions button{min-height:66px;background:#101722;border:1px solid var(--line);border-radius:15px;color:#c3cede;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.quick-actions span{font-size:18px;color:var(--cyan)}footer{margin-top:auto;display:flex;justify-content:space-between;color:#465368;font-size:8px;letter-spacing:1.4px;padding:12px 2px}@keyframes breathe{50%{transform:scale(1.045);box-shadow:0 0 48px #3fdad955,inset 0 0 28px #5de5df20}}@keyframes wave{0%,100%{height:8px}50%{height:23px}}@media(min-height:850px){.hero{padding-top:65px}.chat{min-height:270px}}