*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#ece8e0;color:#262239;font:15px/1.5 system-ui,sans-serif}button,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}.shell{height:100dvh;max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);background:#fffdf8;overflow:hidden}.sidebar{background:#f4f0e9;border-right:1px solid #e7dfd5;display:flex;flex-direction:column;padding:25px;min-height:0}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px;letter-spacing:-.04em}.logo{width:39px;height:39px;display:grid;place-items:center;background:#e5ddfb;border-radius:13px;color:#52359b;font-size:23px}.sidebar-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:42px 0 19px}.sidebar h1{font-size:44px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:850;color:#6b578d;margin-bottom:9px}.square,.primary{border:0;color:white;background:#5938a4;font-weight:750}.square{border-radius:13px;width:41px;height:41px;font-size:25px;line-height:1;flex-shrink:0}.square:hover,.primary:hover{background:#452583}.primary{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:13px 19px;border-radius:12px;text-decoration:none}.search,.composer{display:flex;align-items:center;gap:10px}.search{background:#fffdf8;border:1px solid #e5ded4;padding:8px 11px;border-radius:12px;color:#5a5068}.search span{font-size:23px;line-height:1}.search input,.composer input{border:0;background:transparent;width:100%;min-width:0;outline:none}.search:focus-within,.composer:focus-within{outline:2px solid #8b6ad1}.circles{flex:1;overflow:auto;margin:15px -5px 0;padding:3px 5px}.circle-row{display:flex;width:100%;align-items:center;gap:11px;text-align:left;background:none;border:0;border-radius:14px;padding:10px;margin:2px 0}.circle-row:hover,.circle-row.active{background:#eae2f8}.circle-row strong,.profile strong{display:block;overflow-wrap:anywhere}.avatar{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:15px;background:#e4daf9;color:#533792;font-size:22px;font-weight:800}.tint1,.tint4{background:#f4dbc6;color:#814821}.tint2,.tint5{background:#dce7ca;color:#456039}.tint3{background:#f3dce4;color:#84395c}small,.quiet{color:#6a6074;font-size:12px}.quiet{padding:12px 4px}.join-button{border:0;background:none;text-align:left;padding:14px 0;color:#563694;font-weight:750}.join-button span{margin-left:6px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #e2d9ce;padding-top:16px}.profile a{margin-left:auto;padding:5px;text-decoration:none;font-size:22px}.workspace{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(ellipse at 96% 9%,#f2ecff 0,transparent 52%),#fffcf7}.welcome,.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;flex:1}.landing{min-height:100dvh;background:radial-gradient(ellipse at 50% 40%,#f2eaff,transparent 66%),#fffcf7}.landing .brand{position:absolute;top:22px;left:24px}.welcome h2,.landing h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(49px,7vw,94px);line-height:.94}.intro{max-width:350px;color:#655c70;margin:18px 0 24px}.hero-art{display:flex;align-items:center;justify-content:center;margin-bottom:29px;height:97px}.hero-art span{display:grid;place-items:center;width:83px;height:83px;border-radius:32% 44% 35% 42%;font-size:37px;transform:rotate(-13deg);background:#dce7ca;color:#456039}.hero-art span:nth-child(2){transform:rotate(10deg) translateY(-11px);background:#e5dafb;color:#5e3a9e;z-index:1;margin:0 -6px}.hero-art span:nth-child(3){transform:rotate(16deg);background:#f6dfca;color:#94512e}.chat-header{display:flex;align-items:center;gap:13px;padding:18px clamp(14px,4vw,40px);border-bottom:1px solid #e9e0ee;background:#fffcf7}.chat-name{flex:1;min-width:0;overflow-wrap:anywhere}.chat-name h2{font-size:24px}.subtle,.back{background:#f0e8fc;border:0;border-radius:10px;padding:8px 11px;color:#563694;font-weight:750;white-space:nowrap}.back{display:none}.pin{display:flex;gap:12px;align-items:center;margin:17px clamp(14px,4vw,40px) 0;padding:11px 13px;border:1px solid #e6d9fa;border-radius:15px;background:#f4edff;text-align:left}.pin>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.pin b{display:block;font-size:9px;letter-spacing:.14em;color:#624496}.pin-icon{font-size:24px;color:#64459e}.pin-edit{font-size:12px;color:#624496;white-space:nowrap}.feed{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px clamp(14px,4vw,40px)}.first-message{margin:auto;text-align:center;color:#675b75}.first-message span{color:#7148b5;font-size:31px}.first-message h3{font-family:Georgia,serif;font-size:28px;margin:6px 0}.message{max-width:min(82%,640px);background:#fff;border:1px solid #eae2dc;padding:9px 13px;border-radius:6px 17px 17px 17px;overflow-wrap:anywhere;min-width:100px}.message.mine{align-self:flex-end;background:#eee4ff;border-color:#e6d7fa;border-radius:17px 6px 17px 17px}.message b,.message time{font-size:11px;color:#674c8b}.message p{white-space:pre-wrap}.message time{display:block;text-align:right;margin-top:2px}.composer{border:1px solid #e7dfec;background:#fff;margin:0 clamp(14px,4vw,40px) 20px;border-radius:16px;padding:6px 6px 6px 15px}.offline,.send-error{padding:6px 14px;font-size:13px;background:#fae4d5}.error{color:#943041}dialog{width:min(450px,calc(100% - 32px));border:1px solid #e8deec;border-radius:24px;padding:25px;background:#fffcf7;color:#262239;box-shadow:0 20px 80px #22113b30}dialog::backdrop{background:#26173966}dialog form{display:grid;gap:15px}dialog h2{font:normal 36px/1.04 Georgia,serif}dialog label{display:grid;gap:6px;font-weight:700}dialog input,dialog textarea{width:100%;padding:10px;border:1px solid #d9cde6;border-radius:10px;background:white;font-weight:400}dialog textarea{min-height:110px;resize:vertical}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top p{margin:0}:focus-visible{outline:2px solid #7752b8;outline-offset:3px}@media(max-width:680px){.shell{display:block}.sidebar,.workspace{height:100%}.workspace,.mobile-chat .sidebar{display:none}.mobile-chat .workspace{display:flex}.back{display:block}.sidebar{padding:22px}.landing .brand{position:static;margin-bottom:48px}.chat-header{gap:8px}.chat-name h2{font-size:20px}.pin-edit{display:none}}
[hidden]{display:none!important}#chat{flex:1;min-height:0;display:flex;flex-direction:column}.account-form{display:grid;gap:10px;text-align:left;margin-top:24px;width:min(330px,100%)}.account-form label{display:grid;gap:4px;font-weight:700}.account-form input{padding:10px;border:1px solid #d9cde6;border-radius:10px;background:white}.profile button{margin-left:auto}.landing{padding-top:85px}
.friend-section{border-top:1px solid #e2d9ce;padding-top:12px;margin-top:10px}.friend-heading{display:flex;justify-content:space-between;align-items:center}.friend-heading h2{font-size:21px}#friends{max-height:min(24vh,180px);overflow:auto}.friend-row{display:block;width:100%;text-align:left;border:0;border-radius:10px;background:transparent;padding:9px}.friend-row:hover{background:#eae2f8}.friend-section .join-button{padding-bottom:0}.profile{flex-wrap:wrap}.profile button{margin-left:0}.profile #username{margin-right:auto;overflow-wrap:anywhere}