@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');
:root{--ink:#10131f;--paper:#f7f8fc;--surface:#fff;--line:#e8eaf3;--muted:#7e8497;--violet:#5b4bff;--aqua:#22e6d0;--navy:#151929}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}button,input{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}#app{height:100vh;display:grid;grid-template-columns:285px 1fr}aside{padding:24px 16px;background:var(--navy);color:#fff;display:flex;flex-direction:column;overflow:auto}.brand{font:700 23px 'Space Grotesk';letter-spacing:-1px;margin:2px 8px 28px;display:flex;align-items:center;gap:8px}.brand span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--aqua);color:#10212a;font-size:21px}.new{background:var(--violet);color:#fff;border-radius:10px;padding:11px 13px;text-align:left;font-weight:600;margin-bottom:8px}.new.muted{background:#262c43;color:#dde0ed}.section-label{color:#8f96af;font-size:10px;font-weight:700;letter-spacing:1px;margin:25px 9px 9px}.conversation{display:flex;align-items:center;gap:9px;width:100%;padding:10px 9px;color:#d8dbea;background:transparent;border-radius:9px;text-align:left}.conversation:hover,.conversation.active{background:#292f47;color:#fff}.conversation i{width:8px;height:8px;background:#50d992;border-radius:50%}.conversation em{font-style:normal;color:#aeb5ca;font-size:17px}.conversation b{margin-left:auto;width:7px;height:7px;background:var(--aqua);border-radius:50%}.conversation small{margin-left:auto;color:#aeb5ca}.none{color:#747c96;font-size:12px;margin:6px 9px}aside footer{margin-top:auto;padding:22px 8px 0;color:#aeb5ca;display:flex;justify-content:space-between}aside footer button{background:transparent;color:#aeb5ca}.chat{min-width:0;display:flex;flex-direction:column}header{height:83px;background:#fff;border-bottom:1px solid var(--line);padding:18px 32px;display:flex;justify-content:space-between;align-items:center}header strong{display:block;font-size:16px}header small{display:block;color:var(--muted);margin-top:4px}header button{border:1px solid #ffb8b8;color:#d74747;background:#fff5f5;padding:8px 12px;border-radius:8px}.empty{margin:auto;text-align:center;max-width:370px}.orb{margin:auto auto 20px;width:70px;height:70px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,var(--aqua),#91f2e7);font-size:31px;color:#1a3451;box-shadow:10px 12px 0 #d9f8f4}.empty h1{font:700 25px 'Space Grotesk';margin:0 0 8px}.empty p{line-height:1.6;color:var(--muted)}.feed{flex:1;overflow:auto;padding:30px max(5vw,25px);display:flex;flex-direction:column;gap:13px}.message{max-width:min(560px,78%);background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:5px 15px 15px 15px;box-shadow:0 3px 12px #17213e08}.message.mine{align-self:flex-end;background:#eafffa;border-color:#c8f3ed;border-radius:15px 5px 15px 15px}.message.saved{border-left:3px solid var(--violet)}.message small{font-size:11px;color:var(--muted);font-weight:700}.message p{margin:4px 0 0;line-height:1.45;white-space:pre-wrap}.empty-feed{margin:auto;color:var(--muted)}#composer{display:flex;padding:16px max(5vw,25px) 24px;gap:10px;background:#fff;border-top:1px solid var(--line)}#composer input{min-width:0;flex:1;border:1px solid var(--line);border-radius:12px;padding:13px 15px;outline:none}#composer input:focus{border-color:var(--violet)}.primary,#composer button{background:var(--violet);color:#fff;font-weight:700;border-radius:11px;padding:0 20px}.modal{position:fixed;inset:0;background:#11152ac9;display:grid;place-items:center;padding:18px;z-index:3}.dialog{width:min(440px,100%);background:#fff;border-radius:20px;padding:32px;box-shadow:0 25px 80px #0004}.dialog .brand{justify-content:center;margin:0 0 22px}.dialog h1,.dialog h2{font:700 24px 'Space Grotesk';text-align:center;margin:0}.dialog h2{text-align:left;font-size:20px}.sub{text-align:center;color:var(--muted);line-height:1.5;margin:8px 0 22px}.dialog label{display:block;font-weight:600;margin:14px 0 5px}.dialog input{width:100%;border:1px solid #dce0ea;border-radius:9px;padding:11px;outline:none}.dialog input:focus{border-color:var(--violet)}.tabs,.purpose{display:flex;background:#f1f2f8;border-radius:10px;padding:3px;gap:3px}.tabs button,.purpose button{flex:1;padding:8px;background:transparent;border-radius:7px;color:#687087}.tabs button.active,.purpose button.selected{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0001}.dialog .primary{height:44px;width:100%;margin-top:18px}.error{color:#d74747;min-height:18px;margin:8px 0 -6px;text-align:center}.small{padding:25px}.small .sub{text-align:left;margin-bottom:14px}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.actions button{padding:10px 14px;border-radius:9px}.actions button:first-child{background:#f0f1f6}.actions .primary{width:auto;height:auto;margin:0}@media(max-width:720px){#app{grid-template-columns:78px 1fr}aside{padding:20px 9px}.brand{font-size:0;justify-content:center;margin:0 0 25px}.brand span{font-size:21px}.new{font-size:0;text-align:center;padding:12px 0}.new:first-letter{font-size:19px}.section-label,.conversation{font-size:0}.conversation{justify-content:center;padding:12px}.conversation i,.conversation em{font-size:18px}.conversation b{position:absolute}.conversation small,.none,aside footer span{display:none}aside footer{justify-content:center}header{padding:16px}.feed{padding:20px}.message{max-width:90%}}