@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,PingFang SC,system-ui,sans-serif;color:#eff4ff;background:#070913;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#070913;background-image:radial-gradient(ellipse 80% 50% at 50% -12%,#293077 0%,transparent 65%),radial-gradient(circle at 12% 45%,#0e597242 0%,transparent 28%),radial-gradient(circle at 88% 65%,#713aa842 0%,transparent 25%)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8e9dff;outline-offset:3px}main{position:relative;isolation:isolate;max-width:1080px;min-height:100dvh;margin:auto;overflow:hidden;background:linear-gradient(150deg,#13182ef5,#0a0c19fa 46%,#0c0e1efc);box-shadow:0 0 0 1px #ffffff0c}main:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.22;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 56%);mask-image:linear-gradient(to bottom,#000,transparent 56%)}header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(25px + env(safe-area-inset-top)) 25px 18px}header>div:first-child:before{content:"LIVE COLLECTIVE";display:block;width:max-content;margin-bottom:11px;padding:5px 9px;border:1px solid #8ea3ff36;border-radius:99px;color:#aabaff;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.13em;background:#8da3ff0d}.eyebrow{display:none}h1{margin:0;font-size:clamp(27px,6vw,38px);letter-spacing:-.065em;line-height:1.05;background:linear-gradient(110deg,#fff 15%,#c3cbff 72%,#a7f4ff);-webkit-background-clip:text;background-clip:text;color:transparent}header p{margin:9px 0 0;color:#8995ba;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.01em}.icon,.close{border:1px solid #ffffff13;background:#ffffff0b;color:#dce5ff;border-radius:14px;width:43px;height:43px;font-size:17px;transition:.2s ease}.icon:hover,.close:hover{background:#ffffff1a;transform:translateY(-1px)}.members{position:relative;display:flex;gap:7px;overflow:auto;padding:0 20px 20px;border-bottom:1px solid #ffffff0d;scrollbar-width:none}.members::-webkit-scrollbar{display:none}.member{position:relative;isolation:isolate;display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:132px;padding:10px 11px;border:1px solid transparent;border-radius:15px;background:transparent;color:#b8c1db;text-align:left;transition:.24s ease}.member:hover{border-color:#ffffff16;background:#ffffff08}.member:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;opacity:0;transition:.25s ease;background:linear-gradient(130deg,#8d9dff1b,#74e6fb08)}.member.on:before{opacity:1}.member.on{border-color:#94a4ff2c}.member b,.face{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#373f67,#20253e);color:#d9e2ff;font-size:14px;box-shadow:inset 0 1px #ffffff18}.member.on b{background:linear-gradient(145deg,#8e78ff,#559be9 62%,#51e1d7);color:#fff;box-shadow:0 7px 17px #6d80f447}.member span{grid-column:2;grid-row:1;align-self:end;font-size:11px;font-weight:700;white-space:nowrap}.member i{grid-column:2;grid-row:2;align-self:start;display:block;margin-top:2px;color:#707b9d;font-family:DM Mono,monospace;font-size:8px;font-style:normal;white-space:nowrap}.member.on i{color:#83dcb7}.member.on i:before{content:"●";font-size:7px;margin-right:4px}.notice{margin:0 21px 12px;padding:10px 13px;border:1px solid #9dacf138;border-radius:13px;background:linear-gradient(100deg,#8097f21f,#5ddcf510);box-shadow:0 9px 25px #04061430;color:#dce6ff;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notice:before{content:"i";display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid #b5c4ff65;border-radius:50%;color:#bac7ff;font-family:serif;font-weight:700}.notice button{margin-left:auto;border:0;background:none;color:#c7d0ee;font-size:19px;line-height:1}.topic{display:flex;align-items:center;gap:9px;margin:4px 21px 6px;padding:12px 0;color:#7783a7;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.06em;border-bottom:1px solid #ffffff0b}.topic span:before{content:"◇";margin-right:6px;color:#a7b8ff}.topic strong{color:#e8edfc;font-family:Manrope,sans-serif;font-size:13px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic button{margin-left:auto;border:1px solid #ffffff10;border-radius:8px;background:#ffffff08;color:#aebbff;padding:5px 8px;font-size:10px;letter-spacing:.03em;transition:.2s}.topic button:hover{background:#ffffff14}.chat{height:calc(100dvh - 401px);min-height:300px;overflow:auto;padding:14px 21px 28px;scrollbar-color:#6872a744 transparent;scrollbar-width:thin}.empty{margin:63px auto;max-width:320px;text-align:center;color:#7783a5;line-height:1.8;font-size:13px}.empty:before{content:"✦";display:grid;place-items:center;margin:0 auto 14px;width:48px;height:48px;border:1px solid #8296ff28;border-radius:17px;background:radial-gradient(circle at 35% 30%,#8193ff7d,#252b584f 55%,transparent 60%);color:#aabaff;font-size:20px;box-shadow:0 12px 35px #4159b430}.message{display:flex;gap:10px;margin:17px 0;max-width:min(680px,94%)}.message.user{margin-left:auto;flex-direction:row-reverse}.message .face{flex:none;margin:0;width:34px;height:34px;border-radius:12px;font-size:12px}.message.user .face{background:linear-gradient(145deg,#657bff,#8e62df);color:#fff}.meta{display:flex;gap:7px;align-items:center;margin:0 2px 5px;color:#b5c0df;font-size:11px}.meta b{font-weight:700}.meta small{padding:2px 5px;border:1px solid #ffffff13;border-radius:5px;color:#8291ba;font-family:DM Mono,monospace;font-size:8px}.meta time{color:#5f6a8a;font-family:DM Mono,monospace;font-size:9px}.message.user .meta{justify-content:flex-end}.message p{position:relative;margin:0;padding:11px 13px;border:1px solid #ffffff0c;border-radius:4px 15px 15px;background:linear-gradient(130deg,#ffffff0c,#ffffff07);box-shadow:0 9px 24px #05071218;white-space:pre-wrap;color:#e7ecfc;font-size:13px;line-height:1.65}.message.user p{border-color:#9caaff26;background:linear-gradient(135deg,#596ee6,#7759bd);border-radius:15px 4px 15px 15px;color:#fff;box-shadow:0 10px 28px #5c6ce034}.composer{position:sticky;bottom:0;padding:12px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #ffffff0e;background:linear-gradient(to bottom,#101427e8,#0d1020f8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tools{display:flex;align-items:center;gap:12px;margin:0 3px 9px}.tools button{border:0;background:none;color:#aab8f4;padding:0;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.04em}.tools button:first-child:before{content:"＋";margin-right:4px;color:#95a8ff}.tools button:hover{color:#eff3ff}.tools input{margin-left:auto;width:145px;border:0;border-bottom:1px solid #ffffff21;background:transparent;color:#dde5fd;padding:3px 0;font-family:DM Mono,monospace;font-size:10px;outline:none}.tools input::placeholder{color:#657090}.composer textarea{display:block;width:100%;height:64px;resize:none;border:1px solid #ffffff16;border-radius:16px;background:#ffffff08;color:#f6f8ff;padding:13px 14px;box-shadow:inset 0 1px #ffffff08;outline:none;transition:.2s}.composer textarea::placeholder{color:#68738f}.composer textarea:focus{border-color:#94a5ff78;box-shadow:0 0 0 4px #7186ef14}.actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.actions button{border:1px solid #ffffff0e;border-radius:10px;padding:8px 11px;background:#ffffff0a;color:#d6dff6;font-size:11px;transition:.2s}.actions button:hover:not(:disabled){transform:translateY(-1px);background:#ffffff16}.actions .secondary{color:#b9c5ee}.actions .danger{border-color:#e9879b2c;background:#702c4238;color:#ffb7c6}.actions .send{border:0;background:linear-gradient(130deg,#8994ff,#6a65e9 53%,#4ab9d5);box-shadow:0 7px 18px #6e7be841;color:#fff;font-weight:700}.actions button:disabled{opacity:.4;cursor:not-allowed}.overlay{position:fixed;z-index:4;inset:0;display:grid;place-items:end center;padding:14px;background:#04050bb8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dialog{position:relative;width:min(560px,100%);max-height:80dvh;overflow:auto;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(150deg,#242a49,#141827);box-shadow:0 25px 80px #000a;padding:28px;color:#eef3ff}.dialog h2{margin:0 0 10px;font-size:22px;letter-spacing:-.04em}.dialog p{color:#aeb9d4;line-height:1.7;font-size:12px}.dialog h3{margin-top:24px;font-size:12px;color:#c9d5ff;letter-spacing:.05em}.dialog .close{position:absolute;top:15px;right:15px}.setting{display:flex;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid #ffffff0e;color:#e7ecfa;font-size:13px}.setting input{accent-color:#8b91ff}.setting em{margin-left:auto;color:#78d6ae;font-family:DM Mono,monospace;font-size:10px;font-style:normal}.setting input:disabled+span+em{color:#79839d}.fine{font-size:10px!important}@media(min-width:700px){body{padding:22px}main{min-height:calc(100dvh - 44px);border:1px solid #ffffff12;border-radius:28px;box-shadow:0 28px 100px #0008}.chat{height:calc(100dvh - 435px);min-height:330px}.members{padding-left:25px;padding-right:25px}.composer{padding-left:23px;padding-right:23px}}@media(max-width:430px){header{padding-left:19px;padding-right:19px}.members{padding-left:14px;padding-right:14px}.member{min-width:120px}.topic,.notice,.chat{margin-left:14px;margin-right:14px}.chat{padding-left:0;padding-right:0}.composer{padding-left:14px;padding-right:14px}.tools input{width:118px}.actions button{padding:8px 9px;font-size:10px}}