@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{--bg:#071327;--panel:#0d1d36;--panel2:#122744;--text:#edf5ff;--muted:#8aa2c6;--line:#243b59;--blue:#397dff;--lightblue:#76b9ff;--bubble:#142b4b;margin:0;background:var(--bg);color:var(--text);transition:background .35s,color .35s;overflow:hidden}body[data-theme=light]{--bg:#eef5ff;--panel:#fff;--panel2:#e7f0ff;--text:#162b50;--muted:#6d82a5;--line:#d7e4f7;--blue:#2167ef;--lightblue:#2466d7;--bubble:#e3edff}.ambient{position:fixed;pointer-events:none;filter:blur(95px);opacity:.24;border-radius:50%;animation:drift 18s ease-in-out infinite alternate}.ambient.a{background:#006dff;width:450px;height:450px;right:0;top:-200px}.ambient.b{background:#295bff;width:400px;height:400px;bottom:-230px;left:25%;animation-delay:-7s}@keyframes drift{to{transform:translate(-90px,120px) scale(1.2)}}button,textarea{font:inherit}button{cursor:pointer}.shell{display:flex;height:100dvh;position:relative;z-index:1}.sidebar{width:266px;flex-shrink:0;background:color-mix(in srgb,var(--panel) 91%,transparent);border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column}.brand{font:700 34px 'Space Grotesk';letter-spacing:-2px;padding:0 12px 30px}.brand span{color:var(--blue)}.brand small{display:block;font:700 9px 'DM Sans';letter-spacing:2px;color:var(--muted);margin-top:4px}.new{background:var(--blue);border:0;border-radius:12px;color:white;padding:14px;font-weight:700;box-shadow:0 7px 25px #2167ef45;transition:transform .2s}.new:hover,.starter:hover{transform:translateY(-3px)}.side-label{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:800;margin:29px 12px 10px}.nav,.recent{display:block;width:100%;text-align:left;background:transparent;color:var(--muted);border:0;border-radius:11px;padding:12px;margin:3px 0}.nav.active,.nav:hover,.recent:hover{background:var(--panel2);color:var(--text)}.recent{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-bottom{margin-top:auto;color:var(--muted);font-size:11px;padding:12px}.status-dot,.pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35d7a0;margin-right:7px;box-shadow:0 0 9px #35d7a0}.version{float:right}.main{flex:1;min-width:0;display:flex;flex-direction:column}header{height:75px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:color-mix(in srgb,var(--bg) 65%,transparent)}.header-title b{display:block;font-size:14px}.header-title small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.head-actions{display:flex;align-items:center;gap:14px}.icon-btn,.mobile-menu{border:1px solid var(--line);background:var(--panel);color:var(--text);width:37px;height:37px;border-radius:12px;font-size:19px}.mobile-menu{display:none}.pill{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:10px 12px}.page{display:flex;flex:1;min-height:0;flex-direction:column}.hidden{display:none!important}.hero{margin:auto;text-align:center;padding:20px 18px;position:relative;animation:appear .65s both}.hero h1,.simple-page h1{font:700 clamp(30px,4vw,48px) 'Space Grotesk';letter-spacing:-2px;margin:7px}.hero h1 em{font-style:normal;color:var(--lightblue)}.hero p,.simple-page p{color:var(--muted);font-size:14px;line-height:1.8}.eyebrow{font-size:10px;color:var(--lightblue);font-weight:800;letter-spacing:2px}.mascot-wrap{position:relative;width:180px;height:162px;margin:0 auto 8px;animation:bob 3.5s ease-in-out infinite}.halo{position:absolute;inset:12px 20px;border-radius:50%;background:#1d70ff40;filter:blur(26px)}.mascot{position:absolute;width:126px;height:112px;left:27px;top:20px;background:linear-gradient(145deg,#85c9ff,#2866ed 62%,#1745b7);border:4px solid #b2dcff;border-radius:46% 46% 43% 43%;box-shadow:inset -12px -12px 24px #123ca688,0 12px 35px #116dff55;transition:transform .25s}.mascot:hover{transform:rotate(-8deg) scale(1.06)}.ear{position:absolute;width:38px;height:45px;top:-22px;background:#3276ff;border:4px solid #a8d8ff;z-index:-1;transform:rotate(-26deg);border-radius:8px 80% 5px 6px}.ear.right{right:0;transform:rotate(26deg) scaleX(-1)}.ear.left{left:0}.face{position:absolute;inset:20px 12px 14px;background:#0a2147;border-radius:44%;box-shadow:inset 0 3px 8px #0008}.eyes{display:flex;justify-content:space-evenly;margin-top:20px}.eyes span{height:21px;width:11px;border-radius:50%;background:#9ce8ff;box-shadow:0 0 12px #4ac7ff;animation:blink 5s infinite}.mouth{color:#8cdbff;font-size:26px;line-height:20px}.blush{position:absolute;width:14px;height:6px;border-radius:50%;background:#ff9ab4;top:70px;left:17px;opacity:.8}.blush.right{left:auto;right:17px}.shadow{position:absolute;bottom:0;left:47px;width:86px;height:12px;background:#1262ff55;filter:blur(9px);border-radius:50%}.spark{position:absolute;color:#69b6ff;animation:twinkle 2s infinite}.s1{left:5%;top:10%}.s2{right:10%;top:23%;animation-delay:.8s}.s3{right:23%;top:0;animation-delay:1.2s}@keyframes bob{50%{transform:translateY(-12px)}}@keyframes blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.7)}}@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.starter-grid{display:flex;gap:10px;margin-top:25px;justify-content:center}.starter{display:flex;align-items:center;gap:10px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:13px;color:var(--lightblue);padding:13px;font-size:16px;transition:.2s}.starter span{font-size:12px;font-weight:700;color:var(--text)}.starter small{display:block;color:var(--muted);font-weight:400;margin-top:3px;font-size:10px}.bottom{width:min(780px,calc(100% - 36px));margin:0 auto 22px;flex-shrink:0}.moods{display:flex;gap:8px;overflow-x:auto;padding:5px 0 12px}.mood{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:25px;color:var(--muted);padding:9px 14px;font-size:12px;transition:.2s}.mood.selected{color:var(--lightblue);border-color:var(--blue);background:color-mix(in srgb,var(--blue) 13%,var(--panel))}.composer{display:flex;align-items:end;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:10px 10px 10px 18px;box-shadow:0 8px 32px #00000012}.composer:focus-within{border-color:var(--blue)}textarea{resize:none;outline:0;background:transparent;border:0;color:var(--text);flex:1;max-height:120px;min-height:28px;line-height:1.6;padding:5px 0}textarea::placeholder{color:var(--muted)}#send{border:0;background:var(--blue);color:white;border-radius:12px;width:40px;height:40px;font-size:24px;transition:.2s}#send:hover{transform:scale(1.07)}.disclaimer{text-align:center;color:var(--muted);font-size:10px;margin-top:11px}.messages{display:flex;flex-direction:column;gap:18px;overflow-y:auto;max-width:780px;width:calc(100% - 36px);margin:20px auto;padding:10px 0}.message{display:flex;gap:12px;animation:appear .3s both}.message.user{justify-content:flex-end}.bubble{max-width:min(580px,85%);padding:13px 17px;border-radius:16px;background:var(--bubble);font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .bubble{background:var(--blue);color:white;border-bottom-right-radius:4px}.message.bot .bubble{border-bottom-left-radius:4px}.avatar{width:31px;height:31px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center;flex-shrink:0}.simple-page{width:min(740px,calc(100% - 40px));margin:35px auto;overflow-y:auto}.simple-page h1{margin-left:0}.setting{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:18px;margin-top:13px}.setting small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}.outline{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:10px;white-space:nowrap}.danger{color:#ff7992}.switch input{accent-color:var(--blue);width:22px;height:22px}#historyList button{display:block;width:100%;margin:10px 0;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important}@media(max-width:800px){.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .25s;box-shadow:15px 0 40px #0003}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.header-title{margin-right:auto;margin-left:13px}header{padding:0 15px;height:64px}.pill{display:none}.hero{padding:8px}.hero p{font-size:12px}.starter-grid{flex-wrap:wrap}.starter{padding:10px}.starter span{font-size:11px}.mascot-wrap{transform:scale(.85);margin-bottom:-10px}.bottom{width:calc(100% - 24px);margin-bottom:10px}.messages{width:calc(100% - 24px)}.moods{gap:5px}.mood{padding:8px 11px}.disclaimer{font-size:9px}.hero h1{font-size:33px}}@media(max-height:700px){.hero{padding:0}.mascot-wrap{height:125px;transform:scale(.72);margin-bottom:-12px}.starter-grid{margin-top:12px}.hero p{margin:7px}.bottom{margin-bottom:8px}}