:root{--ink:#23212d;--muted:#858391;--line:#ebe9f0;--violet:#7865e8;--bg:#fbfafc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.35}.one{width:360px;height:360px;background:#ece6ff;top:-160px;right:15%}.two{width:300px;height:300px;background:#fff0e9;bottom:0;left:30%}button,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:flex;position:relative}.sidebar{width:276px;padding:30px 20px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#ffffffaa;backdrop-filter:blur(18px);z-index:1}.brand,.mobile-brand{display:flex;align-items:center;gap:10px;font:700 21px 'Space Grotesk';letter-spacing:-.04em}.brand em,.mobile-brand em{color:var(--violet);font-style:normal}.brand-mark{width:31px;height:31px;border-radius:11px 11px 11px 4px;display:grid;place-items:center;background:var(--ink);color:#fff;font:600 17px 'Space Grotesk'}.new-chat{height:48px;margin-top:42px;background:var(--ink);color:#fff;border-radius:13px;text-align:left;padding:0 14px;font-size:13px;font-weight:600;box-shadow:0 8px 18px #25212d16}.new-chat span{font-size:20px;vertical-align:-2px;margin-right:8px}.new-chat kbd{float:right;color:#aaa6b3;font-size:10px;font-weight:500;background:#ffffff16;padding:4px 6px;border-radius:5px}nav{margin-top:37px}.nav-label{font-size:10px;color:#aaa7b4;text-transform:uppercase;letter-spacing:.14em;margin:0 12px 12px}.nav-item{width:100%;background:transparent;text-align:left;padding:11px 12px;color:#85828e;border-radius:10px;font-size:13px;margin:2px 0}.nav-item.active{background:#f1effc;color:#5d4bc5;font-weight:600}.nav-item i{float:right;background:#d9d2ff;padding:2px 7px;border-radius:10px;font-style:normal;font-size:10px}.sidebar-bottom{margin-top:auto}.status-card{display:flex;align-items:center;gap:10px;background:#f8f7fa;border:1px solid #efedf1;border-radius:12px;padding:12px;margin-bottom:22px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fcd8a;box-shadow:0 0 0 4px #4fcd8a1f}.status-card strong,.profile strong{display:block;font-size:11px}.status-card small,.profile small{display:block;color:#aaa7b1;font-size:10px;margin-top:3px}.pulse{margin-left:auto;width:5px;height:5px;border:1px solid #a6a1ae;border-radius:50%}.profile{display:flex;align-items:center;gap:10px;padding:0 3px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffd7c1;color:#a95b36;font-size:12px;font-weight:700}.profile button{margin-left:auto;background:none;color:#aaa7b1;letter-spacing:2px}.chat-panel{width:min(100%,1080px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column}.topbar{height:88px;padding:0 52px;display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid #eeecf1}.mobile-brand{display:none}.topbar-actions{display:flex;align-items:center;gap:24px}.connection{font-size:11px;color:#9996a2;display:flex;gap:8px;align-items:center}.icon-button{background:transparent;color:#a3a0aa;font-size:17px}.conversation{flex:1;overflow:auto;padding:76px 8% 180px}.welcome-block{text-align:center;max-width:540px;margin:0 auto}.zane-orb{width:66px;height:66px;margin:0 auto 22px;border-radius:24px 24px 24px 9px;background:linear-gradient(135deg,#2c2937,#5d5169);color:#fff;display:grid;place-items:center;font:600 31px 'Space Grotesk';position:relative;box-shadow:0 12px 30px #51475f2e}.zane-orb i{position:absolute;width:9px;height:9px;border-radius:50%;background:#c8baff;bottom:11px;right:10px;border:2px solid #4e455c}.eyebrow{color:var(--violet);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.welcome-block h1{font:600 clamp(30px,4vw,45px) 'Space Grotesk';letter-spacing:-.05em;margin:0}.welcome-copy{color:#9995a1;line-height:1.6;font-size:14px;max-width:420px;margin:15px auto 0}.suggestions{max-width:650px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:49px auto 0}.suggestion{background:#fff;border:1px solid var(--line);border-radius:14px;text-align:left;padding:15px 13px;display:grid;grid-template-columns:29px 1fr 12px;gap:8px;box-shadow:0 5px 16px #2b233c05;transition:.2s}.suggestion:hover{transform:translateY(-2px);border-color:#d9d1ff}.suggestion-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:15px}.violet{color:#806de0;background:#eeeaff}.peach{color:#db8356;background:#fff0e8}.mint{color:#4cb28d;background:#e5f7ef}.suggestion strong{font-size:11px;display:block;white-space:nowrap}.suggestion small{display:block;color:#aaa7b1;font-size:9px;line-height:1.4;margin-top:4px}.suggestion b{font-size:13px;color:#b5b1bd}.messages{max-width:700px;margin:35px auto 0}.message{display:flex;gap:12px;margin:18px 0;animation:appear .25s ease}.message.user{justify-content:flex-end}.message-bubble{max-width:75%;padding:13px 16px;border-radius:15px 15px 15px 4px;background:#f1effc;color:#403b56;font-size:13px;line-height:1.55;white-space:pre-wrap}.message.user .message-bubble{border-radius:15px 15px 4px 15px;background:var(--ink);color:#fff}.message-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:9px 9px 9px 3px;background:#3c3746;color:#fff;display:grid;place-items:center;font:600 12px 'Space Grotesk'}.typing{display:flex;gap:4px;padding:18px;background:#f5f3f8;border-radius:15px;width:max-content}.typing span{width:5px;height:5px;background:#a8a2b2;border-radius:50%;animation:bounce 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.composer-wrap{position:fixed;bottom:0;right:0;width:calc(100% - 276px);max-width:1080px;background:linear-gradient(transparent,var(--bg) 22%);padding:35px 8% 20px}.composer{background:#fff;border:1px solid #e5e2ea;border-radius:17px;padding:12px 13px 10px;box-shadow:0 10px 35px #32294b0b}.composer textarea{display:block;border:0;outline:0;resize:none;width:100%;max-height:110px;color:var(--ink);font-size:13px;padding:3px 5px 11px;background:transparent}.composer textarea::placeholder{color:#b3afba}.composer-footer{display:flex;justify-content:space-between;align-items:center}.composer-tools{display:flex;align-items:center;gap:10px;color:#b0adb6;font-size:10px}.composer-tools button{background:#f4f2f7;color:#817c8b;border-radius:7px;width:23px;height:23px;font-size:18px;line-height:1}.send-button{width:32px;height:32px;background:var(--violet);color:#fff;border-radius:10px;font-size:18px}.disclaimer{text-align:center;color:#b1adb7;font-size:9px;margin:9px 0 0}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes bounce{50%{transform:translateY(-3px)}}@media(max-width:760px){.sidebar{display:none}.chat-panel{width:100%}.topbar{height:70px;padding:0 20px;justify-content:space-between}.mobile-brand{display:flex;font-size:18px}.mobile-brand .brand-mark{width:27px;height:27px;font-size:15px}.conversation{padding:58px 20px 175px}.welcome-block h1{font-size:34px}.suggestions{grid-template-columns:1fr;margin-top:34px}.composer-wrap{width:100%;padding:28px 16px 14px}.composer-tools span{display:none}}