:root{font-family:'DM Sans',sans-serif;color:#f8f7ff;background:#090e24;font-synthesis:none;--navy:#0a102b;--panel:#101735;--line:rgba(183,170,255,.2);--muted:#9ea6cb;--pink:#d61c9e;--orange:#ff8b25;--violet:#833ef2}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#080d22}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 70% 0%,rgba(118,36,160,.35),transparent 34%),linear-gradient(130deg,#190f46 0%,#0a102b 38%,#080d22 100%);overflow:hidden}.sidebar{width:260px;flex:none;border-right:1px solid var(--line);background:rgba(9,15,42,.72);padding:30px 22px 22px;display:flex;flex-direction:column;position:relative;z-index:3}.brand-lockup{height:66px;display:flex;align-items:center;margin-bottom:30px}.brand-logo{width:192px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(220,27,160,.16))}.new-chat-button{border:0;border-radius:14px;background:linear-gradient(100deg,var(--orange),var(--pink) 74%);color:white;font:600 14px 'DM Sans';padding:15px 14px;display:flex;align-items:center;gap:11px;cursor:pointer;box-shadow:0 10px 28px rgba(213,31,152,.25);transition:transform .2s,box-shadow .2s}.new-chat-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(213,31,152,.36)}.plus-icon{font-size:23px;font-weight:400;line-height:0;margin-top:-2px}.sidebar-divider{height:1px;background:var(--line);margin:28px 0 22px}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:.17em;color:#7d87b5;font-weight:700;margin:0 0 14px}.agent-nav{display:flex;flex-direction:column;gap:8px}.agent-item{background:none;border:0;border-radius:11px;color:#c4c8e6;font:500 15px 'DM Sans';display:flex;align-items:center;gap:14px;padding:12px 10px;text-align:left;cursor:pointer;transition:background .2s,color .2s}.agent-item:hover,.agent-item.active{color:#fff;background:rgba(131,62,242,.18)}.agent-item.active{box-shadow:inset 2px 0 0 var(--pink)}.agent-icon{font-size:22px;width:20px;text-align:center}.pink{color:#ff72d0}.violet{color:#c697ff}.orange{color:#ff9b54}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#7781aa;font-size:11px}.status-dot{display:flex;align-items:center;gap:7px}.status-dot span,.connection-status span{width:7px;height:7px;border-radius:50%;background:#5ce49c;box-shadow:0 0 11px #5ce49c}.help-button{border:1px solid var(--line);background:transparent;color:#aab0d4;width:25px;height:25px;border-radius:50%;cursor:pointer}.main-panel{flex:1;min-width:0;display:flex;flex-direction:column;padding:16px}.topbar{height:66px;flex:none;border:1px solid var(--line);border-radius:18px;background:rgba(15,22,56,.7);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative;z-index:2}.topbar h1{font:600 22px 'Space Grotesk';margin:3px 0 0;color:#fff}.topbar .eyebrow{margin:0;font-size:8px}.topbar-actions{display:flex;align-items:center;gap:19px}.connection-status{display:flex;align-items:center;gap:8px;color:#9ea6cb;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#716eaf,#2c3464);font-size:10px;font-weight:700;color:#fff}.icon-button,.mobile-menu{border:0;background:none;color:#b5bde8;font-size:19px;cursor:pointer}.mobile-menu{display:none}.chat-stage{position:relative;flex:1;min-height:0;margin-top:16px;border:1px solid var(--line);border-radius:20px;background:rgba(8,14,38,.74);overflow:hidden;display:flex;flex-direction:column}.ambient{position:absolute;pointer-events:none;filter:blur(60px);opacity:.5;border-radius:50%}.ambient-one{height:220px;width:240px;right:8%;top:-100px;background:#d21b98}.ambient-two{height:180px;width:230px;left:-120px;bottom:-60px;background:#6620ec}.chat-scroll{position:relative;z-index:1;flex:1;overflow:auto;padding:70px clamp(18px,8vw,120px) 20px;scroll-behavior:smooth}.welcome-block{text-align:center;max-width:780px;margin:0 auto 40px}.mark-orb{width:66px;height:66px;border-radius:22px;margin:0 auto 23px;display:grid;place-items:center;background:rgba(22,29,72,.86);border:1px solid rgba(215,55,200,.44);box-shadow:0 0 40px rgba(213,31,152,.18)}.mark-orb img{width:48px;height:29px;object-fit:cover;object-position:left;border-radius:5px}.welcome-block h2{font:600 clamp(28px,4vw,44px) 'Space Grotesk';letter-spacing:-.045em;margin:0 0 11px;color:#fafaff}.welcome-block p{color:#9fa7ce;margin:0 auto;max-width:540px;font-size:15px;line-height:1.6}.suggestion-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:28px}.suggestion{border:1px solid rgba(168,149,255,.27);background:rgba(25,31,74,.7);color:#cbd0ef;border-radius:22px;padding:9px 13px;font:500 12px 'DM Sans';cursor:pointer}.suggestion:hover{border-color:#ca52d2;color:#fff;background:rgba(55,33,105,.7)}.suggestion span{color:#f86fbb;margin-left:5px}.messages{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.message{display:flex;gap:12px;align-items:flex-start;animation:rise .25s ease-out}.message.user{justify-content:flex-end}.bubble{max-width:min(77%,680px);padding:14px 17px;border-radius:18px 18px 18px 5px;border:1px solid rgba(131,141,219,.2);background:rgba(25,34,76,.86);color:#e6e8fa;font-size:14px;line-height:1.55;white-space:pre-wrap}.message.user .bubble{border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,rgba(121,47,154,.76),rgba(58,40,127,.86));border-color:rgba(213,99,220,.35);color:white}.message-avatar{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(236,87,205,.4);display:grid;place-items:center;overflow:hidden;background:#171b46}.message-avatar img{width:74px;height:27px;object-fit:cover;object-position:left}.composer{position:relative;z-index:2;margin:0 clamp(16px,7vw,105px);height:68px;border-radius:17px;border:1px solid #6c77c7;background:rgba(18,27,64,.94);display:flex;align-items:center;padding:7px 9px 7px 15px;box-shadow:0 10px 35px rgba(0,0,0,.22)}.composer:focus-within{border-color:#dd67d4;box-shadow:0 0 0 3px rgba(214,28,158,.12)}.composer input{border:0;outline:0;flex:1;background:none;color:#fff;font:400 14px 'DM Sans';min-width:0}.composer input::placeholder{color:#858eba}.attach-button{transform:rotate(-42deg);border:0;background:none;color:#b9c0e9;font-size:23px;cursor:pointer;margin-right:13px}.send-button{height:50px;width:50px;border-radius:15px;border:0;background:linear-gradient(135deg,var(--orange),var(--pink));color:white;font-size:19px;cursor:pointer;box-shadow:0 6px 18px rgba(220,28,154,.3);transition:transform .2s}.send-button:hover{transform:scale(1.05)}.composer-note{text-align:center;color:#69739f;font-size:10px;margin:9px 0 13px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#eef0ff;color:#151638;padding:11px 16px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:760px){.sidebar{position:absolute;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .25s;width:260px;box-shadow:14px 0 40px #050817}.sidebar.open{transform:none}.main-panel{padding:10px}.topbar{height:60px}.mobile-menu{display:block;margin-right:10px}.topbar>div:first-of-type{margin-right:auto}.connection-status{display:none}.chat-scroll{padding:50px 16px 16px}.welcome-block h2{font-size:30px}.suggestion-row{display:none}.bubble{max-width:86%}.composer{margin:0 5px;height:62px}.composer-note{margin-bottom:8px}}