@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#152330;background:#f6f9fb;font-synthesis:none;--blue:#168acd;--blue2:#0876b8;--panel:#fff;--muted:#71808d;--line:#dce6ec;--chat:#e8f0f5;--bubble:#fff;--mine:#d8f2c8}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}[data-theme=dark]{color-scheme:dark;--panel:#17242d;--muted:#95a7b3;--line:#30424d;--chat:#0f1a21;--bubble:#1d2c35;--mine:#174b3a;background:#101b22;color:#edf4f7}[data-theme=light]{color-scheme:light}.landing{min-height:100vh;background:radial-gradient(circle at 75% 8%,#d7f2ff 0,transparent 30%),linear-gradient(180deg,#f8fbfd,#eef5f8)}[data-theme=dark] .landing{background:radial-gradient(circle at 75% 8%,#123f55,transparent 35%),#101b22}nav{height:72px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Manrope;font-weight:800;font-size:20px}.brand span{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--blue);color:#fff;border-radius:10px;margin-right:7px}.icon-btn{border:0;background:transparent;font-size:22px;color:inherit;padding:10px}.hero{max-width:620px;text-align:center;margin:70px auto 85px;padding:0 20px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--blue);font-weight:700}.hero h1{font:800 clamp(42px,8vw,72px)/1.02 Manrope;margin:18px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero>p{font-size:18px;color:var(--muted);max-width:550px;margin:0 auto 34px;line-height:1.55}.card{background:var(--panel);border:1px solid rgba(100,140,160,.18);border-radius:24px;box-shadow:0 18px 65px #1d425421;padding:28px;text-align:left;max-width:440px;margin:auto}.card h2{text-align:center;font:700 22px Manrope;margin:4px 0 9px}.card>p{text-align:center}.card label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}.card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:transparent;color:inherit;outline:none}.card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #168acd21}.check{display:flex!important;align-items:center;gap:9px}.check input{width:18px}.pin{letter-spacing:.35em;text-align:center;font-size:20px}.primary{display:flex;width:100%;border:0;border-radius:13px;padding:14px 18px;margin-top:18px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:700;justify-content:center;gap:14px;box-shadow:0 8px 22px #168acd3d}.primary:disabled{opacity:.45;cursor:not-allowed}.card small{display:block;text-align:center;color:var(--muted);margin-top:13px}.error{color:#d84b4b!important}.muted,.hint{color:var(--muted)}.room-badge,.expired-icon{width:52px;height:52px;margin:0 auto 15px;display:grid;place-items:center;border-radius:16px;background:#e0f3fc;color:var(--blue);font-size:25px}.features{max-width:960px;margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 24px}.features article{text-align:center}.features b{display:grid;width:56px;height:56px;margin:auto;place-items:center;border-radius:18px;background:var(--panel);box-shadow:0 8px 30px #31576a18;color:var(--blue);font:700 18px Manrope}.features h3{margin:15px 0 6px}.features p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}footer{border-top:1px solid var(--line);max-width:1120px;margin:auto;padding:25px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer a{margin-left:22px}.cookies{position:fixed;z-index:50;left:18px;right:18px;bottom:18px;max-width:620px;margin:auto;background:#182630;color:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 15px 50px #0005;display:flex;align-items:center;gap:20px}.cookies p{font-size:13px;line-height:1.45;margin:0;flex:1}.cookies div{display:flex;gap:8px}.cookies button{border:1px solid #ffffff44;background:transparent;color:#fff;border-radius:9px;padding:8px 11px}.cookies button:last-child{background:var(--blue);border-color:var(--blue)}.chat-shell{height:100dvh;overflow:hidden;background:var(--chat)}.chat-shell>header{height:64px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;position:relative;z-index:5}.chat-shell>header.warning{background:#fff5db}.chat-title{min-width:0;flex:1}.chat-title strong,.chat-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-title strong{font:700 16px Manrope}.chat-title span{font-size:12px;color:var(--muted);margin-top:2px}.timer{border:0;border-radius:10px;padding:5px 13px;background:#eef8fd;color:#147fb9;margin-right:8px}.timer span,.timer small{display:block}.timer span{font-weight:800;font-variant-numeric:tabular-nums}.timer small{font-size:9px}.warning .timer{background:#f5d46b;color:#674c00}.mobile{display:none}.countdown-alert{height:27px;text-align:center;background:#f5c94e;color:#5e4700;font-size:12px;font-weight:700;padding:6px}.chat-body{display:flex;height:calc(100dvh - 64px)}.countdown-alert+.chat-body{height:calc(100dvh - 91px)}aside{width:260px;flex:none;background:var(--panel);border-right:1px solid var(--line);padding:17px 12px;overflow:auto}.aside-head{display:flex;justify-content:space-between;align-items:center;padding:2px 8px 13px}.aside-head button{display:none}.person{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px}.person:hover{background:#7da0b510}.person>span{min-width:0;flex:1}.person b,.person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person b{font-size:14px}.person small{font-size:11px;color:var(--muted)}.person>button{border:0;background:transparent;color:var(--muted);font-size:18px}.avatar{display:inline-grid;place-items:center;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px #fff6}.invite{width:100%;border:0;background:transparent;color:var(--blue);font-weight:600;padding:12px;text-align:left}.conversation{flex:1;min-width:0;display:flex;flex-direction:column;background-color:var(--chat);background-image:radial-gradient(#7895a412 .8px,transparent .8px);background-size:18px 18px;position:relative}.messages{flex:1;overflow-y:auto;padding:22px max(18px,calc((100% - 760px)/2));scrollbar-width:thin}.system-pill{position:absolute;z-index:2;top:10px;left:50%;transform:translate(-50%);background:#558099cc;color:#fff;font-size:11px;border-radius:12px;padding:6px 11px;max-width:80%;text-align:center}.message-row{display:flex;align-items:flex-end;gap:7px;margin:8px 0;position:relative}.message-row.mine{justify-content:flex-end}.message-row.same{margin-top:2px}.message-row.same:not(.mine){padding-left:41px}.bubble-wrap{max-width:min(78%,560px);position:relative}.sender{color:#187db3;font-size:12px;padding-left:11px}.bubble{background:var(--bubble);padding:8px 11px 6px;border-radius:4px 15px 15px;box-shadow:0 1px 1px #2035411a;min-width:80px;line-height:1.38;font-size:14px;word-break:break-word}.mine .bubble{background:var(--mine);border-radius:15px 4px 15px 15px}.same .bubble{border-radius:15px}.bubble.deleted{color:var(--muted)}.meta{font-size:9px;color:var(--muted);float:right;margin:8px 0 0 9px}.body{white-space:pre-wrap}.body mark{background:#75c8f050;color:inherit;border-radius:4px;padding:0 2px}.quoted{border-left:3px solid var(--blue);padding-left:7px;color:var(--muted);font-size:11px;margin-bottom:5px}.bubble-actions{display:none;position:absolute;top:-29px;right:0;background:var(--panel);border-radius:10px;box-shadow:0 4px 16px #0002;overflow:hidden;z-index:3}.message-row:not(.mine) .bubble-actions{right:auto;left:0}.bubble-wrap:hover .bubble-actions{display:flex}.bubble-actions button,.reaction-picker button{border:0;background:transparent;padding:6px;color:inherit}.reaction-picker{position:absolute;z-index:4;bottom:100%;right:0;background:var(--panel);border-radius:14px;box-shadow:0 5px 25px #0003;padding:4px;display:flex}.reaction-picker button{font-size:20px}.reaction-list{position:absolute;right:5px;bottom:-16px;display:flex;gap:2px}.reaction-list button{border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:11px;padding:2px 6px}.message-row:has(.reaction-list){margin-bottom:21px}.media-placeholder,.file,.voice{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:8px;padding:3px;text-align:left}.media-placeholder{min-width:190px;min-height:80px;border-radius:10px;background:#7697aa20;justify-content:center;flex-direction:column}.file span,.file small{display:block}.file small,.voice small{color:var(--muted)}.wave{letter-spacing:1px;color:var(--blue);font-size:18px}.typing{font-size:12px;color:var(--muted);padding-left:42px;margin:7px}.reply-bar{height:52px;background:var(--panel);border-top:1px solid var(--line);padding:8px 15px 8px 70px;display:flex}.reply-bar:before{content:"";border-left:3px solid var(--blue);margin-right:10px}.reply-bar span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted)}.reply-bar b{display:block;color:var(--blue)}.reply-bar button{border:0;background:transparent;color:var(--muted);font-size:20px}.composer{min-height:62px;background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:flex-end;padding:9px max(15px,calc((100% - 760px)/2));gap:7px}.composer textarea{flex:1;border:0;background:transparent;color:inherit;resize:none;outline:none;padding:9px 5px;max-height:100px}.attach,.mic,.send{width:42px;height:42px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:22px}.send{background:var(--blue);color:#fff;font-size:16px}.send.danger{background:#df4e4e}.recording{flex:1;padding:10px;color:#d44848;font-variant-numeric:tabular-nums}.recording i{display:inline-block;width:9px;height:9px;background:#e64545;border-radius:50%;animation:pulse 1s infinite}.mentions{position:absolute;bottom:62px;left:10%;width:260px;background:var(--panel);box-shadow:0 7px 30px #0002;border-radius:14px;padding:5px;z-index:5}.mentions button{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:8px;padding:7px;border-radius:9px}.mentions button:hover{background:#7895a415}.dropdown{position:absolute;right:12px;top:56px;width:220px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:6px;box-shadow:0 10px 35px #0003;z-index:9}.dropdown button{display:block;width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:10px;border-radius:8px}.dropdown button:hover{background:#7895a415}.dropdown small{display:block;color:var(--muted);padding:7px 10px}.danger-text{color:#dd4b4b!important}.modal-bg{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#11232d99;display:grid;place-items:center;padding:18px}.modal{width:min(430px,100%);background:var(--panel);border-radius:22px;padding:27px;text-align:center;position:relative}.modal h2{margin:5px}.modal p{color:var(--muted);font-size:14px}.modal-x{position:absolute;right:12px;top:10px;border:0;background:transparent;color:var(--muted);font-size:25px}.share-link{display:flex;border:1px solid var(--line);padding:6px 6px 6px 12px;border-radius:12px;margin:18px 0}.share-link span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 0;font-size:13px}.share-link button{border:0;border-radius:8px;background:#dff1fa;color:var(--blue2);font-weight:700;padding:5px 12px}.expired{height:100vh;display:grid;place-content:center;text-align:center;padding:25px;background:var(--chat)}.expired>div{font-size:55px}.expired h1{font:800 34px Manrope;margin:12px}.expired p{color:var(--muted)}.expired .primary{max-width:270px;margin:25px auto}.legal{min-height:100vh;background:var(--panel)}.legal article{max-width:760px;padding:45px 25px 80px;margin:auto;line-height:1.7}.legal h1{font:800 clamp(36px,7vw,56px) Manrope}.legal h2{font:700 20px Manrope;margin-top:32px}.legal p{color:var(--muted)}.legal a{color:var(--blue)}.updated{margin-top:45px;font-size:13px}@keyframes pulse{50%{opacity:.3}}@media(max-width:700px){nav{height:60px}.hero{margin-top:45px}.hero h1{font-size:44px}.features{grid-template-columns:1fr;gap:35px}.cookies{display:block}.cookies div{margin-top:12px}.chat-shell>header{height:58px;padding:0 8px}.chat-body{height:calc(100dvh - 58px)}.countdown-alert+.chat-body{height:calc(100dvh - 85px)}.mobile{display:block}aside{position:fixed;z-index:11;top:0;bottom:0;left:0;transform:translate(-105%);transition:.2s;box-shadow:5px 0 30px #0003;width:min(82vw,300px)}aside.open{transform:none}.aside-head button{display:block;border:0;background:transparent;color:inherit;font-size:24px}.messages{padding:28px 8px 18px}.bubble-wrap{max-width:84%}.composer{padding:7px 8px;padding-bottom:max(7px,env(safe-area-inset-bottom))}.timer{padding:4px 8px}.chat-title span{max-width:155px}.bubble-actions{display:flex;opacity:0;pointer-events:none}.bubble-wrap:active .bubble-actions{opacity:1;pointer-events:auto}.legal article{padding-top:25px}footer{display:block;text-align:center}footer span{display:block;margin:10px}footer a{margin:0 10px}}