*{box-sizing:border-box} :root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d16;color:#edf2ff} body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#1b3154 0%,#0c1424 42%,#090d16 78%)} .app{max-width:760px;min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 18px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:12px;padding:18px 2px 22px;border-bottom:1px solid #263249}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#7bd6ff,#3676da);display:grid;place-items:center;color:#07101f;font-weight:900;font-size:25px;box-shadow:0 5px 24px #2876d955}.top h1{font-size:17px;letter-spacing:3px;margin:0}.top p{font-size:9px;letter-spacing:1.7px;color:#8292ad;margin:4px 0 0}.status{margin-left:auto;font-size:10px;color:#8ea4c6;letter-spacing:1px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#50d6a1;margin-right:5px}.welcome{text-align:center;padding:12vh 10px 25px}.orb{width:76px;height:76px;border-radius:26px;margin:0 auto 22px;display:grid;place-items:center;font-size:40px;font-weight:800;color:#07101f;background:linear-gradient(145deg,#91e1ff,#467ee6);box-shadow:0 0 60px #3c8bdb44}.welcome h2{font-size:27px;margin:0 0 10px}.welcome p{color:#a6b4ca;line-height:1.6;max-width:390px;margin:0 auto}.notice{margin:22px auto 0;padding:12px 14px;max-width:440px;border:1px solid #66542d;background:#211c13;border-radius:13px;color:#e5c98b;font-size:12px;line-height:1.5;text-align:left}.messages{flex:1;display:flex;flex-direction:column;gap:14px;padding:14px 0}.msg{max-width:88%;padding:13px 15px;border-radius:17px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.user{align-self:flex-end;background:#23518a;color:white;border-bottom-right-radius:5px}.adam{align-self:flex-start;background:#172235;border:1px solid #2a3a54;color:#e5edfc;border-bottom-left-radius:5px}.suggestions{display:flex;gap:8px;overflow:auto;padding:8px 0 13px}.suggestions button{white-space:nowrap;border:1px solid #30415e;background:#111b2c;color:#c4d5ef;border-radius:20px;padding:9px 12px;font-size:12px}.composer{display:flex;align-items:flex-end;gap:10px;padding:10px;border:1px solid #34435c;background:#111a29;border-radius:20px}.composer textarea{flex:1;resize:none;max-height:120px;border:0;outline:0;background:transparent;color:#f3f6ff;font:16px inherit;padding:8px 3px}.send{width:40px;height:40px;border:0;border-radius:13px;background:#77d3ff;color:#081321;font-size:25px;font-weight:700}footer{display:flex;justify-content:space-between;gap:10px;padding:13px 2px 0;color:#74849e;font-size:10px}footer button{border:0;background:none;color:#9bb8e2;font-size:10px}button{cursor:pointer} @media(min-width:600px){.welcome{padding-top:10vh}.app{padding-left:26px;padding-right:26px}}