*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;font-family:DM Sans,Noto Sans JP,sans-serif;color:#332f3a}body{background:#f8f7f4}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline:3px solid #c8b6e8;outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#dfdce0;border-radius:10px}.app{height:100dvh;min-height:470px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:75px;flex-shrink:0;display:flex;align-items:center;gap:24px;padding:0 31px;background:#fffefa;border-bottom:1px solid #eeeced;z-index:3}.brand{border:0;background:none;display:flex;align-items:center;gap:9px;padding:0;color:#403846}.brand-mark{width:33px;height:33px;border-radius:12px;display:grid;place-items:center;background:#8f78b2;color:#fff;transform:rotate(-10deg);box-shadow:0 4px 12px #baa9cd5c}.brand-mark svg{transform:rotate(10deg)}.brand-name{font-weight:800;letter-spacing:-2.4px;font-size:29px}.brand-name span{color:#db9988}.top-middle{margin:auto;color:#a39eaa;font-size:12px;letter-spacing:.06em;display:flex;gap:9px;align-items:center}.top-dot{width:6px;height:6px;background:#bcb1ce;border-radius:100%}.top-actions{display:flex;align-items:center;gap:13px}.badge{font-size:10px;letter-spacing:.13em;font-weight:800;border-radius:30px;padding:7px 11px}.badge.demo{background:#fff1d9;color:#b28443}.badge.live{background:#e5f8ed;color:#3f9465}.icon-button{display:grid;place-items:center;border:0;border-radius:11px;color:#8c8391;background:transparent;width:36px;height:36px}.icon-button:hover{background:#f3f0f7;color:#705b93}.shell{display:flex;min-height:0;flex:1}.sidebar{width:352px;flex-shrink:0;background:#fffefa;border-right:1px solid #ece9eb;display:flex;flex-direction:column}.side-head{padding:33px 27px 22px;display:flex;align-items:center;justify-content:space-between}.overline{font-size:10px;color:#b3acb9;letter-spacing:.24em;font-weight:800}.side-head h2{font-size:21px;margin:10px 0 0;letter-spacing:-.06em;display:flex;align-items:center;gap:9px}.count{font-size:11px;color:#8f7aab;background:#f1edf5;border-radius:20px;padding:3px 8px}.mini-add{background:#8e78b3;color:#fff;border:0;width:33px;height:33px;border-radius:11px;display:grid;place-items:center;box-shadow:0 5px 12px #8e78b336}.mini-add:hover,.primary:hover,.send:hover{transform:translateY(-1px);filter:brightness(1.04)}.sidebar-inner{min-height:0;overflow-y:auto;padding:0 13px 28px}.create-tile{background:#f6f2f9;width:100%;border:1px solid #eee6f5;display:flex;align-items:center;text-align:left;padding:15px 13px;gap:13px;border-radius:16px;color:#53445f;transition:.2s}.create-tile:hover{background:#eee5f7}.tile-icon{background:#e4d8f0;width:41px;height:41px;border-radius:13px;display:grid;place-items:center;color:#886ba9;flex-shrink:0}.create-tile>span:nth-child(2){flex:1}.create-tile strong{display:block;font-size:12px;font-weight:800;white-space:nowrap}.create-tile small{display:block;color:#a59aaf;font-size:10px;margin-top:6px}.section-label{display:flex;justify-content:space-between;margin:29px 15px 11px;color:#a49ba8;font-weight:800;letter-spacing:.05em;font-size:11px}.chat-row{border:0;background:transparent;width:100%;text-align:left;display:flex;gap:12px;align-items:flex-start;border-radius:15px;padding:14px 11px;margin:2px 0;transition:background .18s}.chat-row:hover{background:#f8f6f8}.chat-row.active{background:#f1edf5}.av-wrap{position:relative;flex-shrink:0}.avatar{display:inline-grid;place-items:center;border-radius:18px;width:49px;height:49px;font-size:21px;font-weight:700;color:#65576b}.avatar.big{width:78px;height:78px;font-size:32px;border-radius:26px}.av-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#8fc5a5;border:2.5px solid #fff;border-radius:50%}.row-body{min-width:0;flex:1}.row-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.row-head strong{font-size:13px;font-weight:800}.row-head small{color:#a49ca6;font-size:10px}.row-body p{font-size:11px;color:#a39aa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 8px}.remaining-pill{display:inline-flex;gap:4px;align-items:center;border-radius:20px;background:#f2edf6;color:#8e78ad;padding:3px 7px;font-size:10px;font-weight:700}.remaining-pill.over{background:#f3f1f0;color:#a8a2a2}.empty-list{text-align:center;font-size:11px;line-height:2;color:#a8a0ad;padding:35px 0}.side-note{margin:42px 17px 10px;padding:15px 0 16px;color:#b6aeb6;line-height:1.9;font-size:11px;border-top:1px solid #eeebef;display:flex;align-items:flex-start;gap:12px}.side-note span{font-size:24px;color:#d2b6b7;line-height:1.2}.side-footer{border-top:1px solid #f0edf0;padding:19px 17px;display:flex;align-items:center;gap:8px;font-size:10px;color:#a49ca8;flex-shrink:0}.side-footer svg{color:#b59bc6}.main{min-width:0;min-height:0;flex:1;background:#faf9f7;display:flex;flex-direction:column;position:relative}.welcome{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;overflow:auto}.hero-visual{width:360px;height:230px;position:relative;margin:0 0 8px}.orb{position:absolute;border-radius:100%;filter:blur(1px)}.orb-a{width:190px;height:190px;background:radial-gradient(circle at 40% 40%,#f4d8da,#f8e8e1 70%);left:78px;top:12px}.orb-b{width:130px;height:130px;background:radial-gradient(circle,#e4daf5,#efe9f8);left:180px;top:54px;opacity:.78}.visual-message{position:absolute;background:#fff;border-radius:16px 16px 16px 4px;padding:13px 18px;color:#6c6171;font-size:12px;box-shadow:0 13px 35px #9f8c9e28;white-space:nowrap;animation:float 4.8s ease-in-out infinite}.visual-message.one{top:65px;left:4px;transform:rotate(-7deg)}.visual-message.two{top:133px;right:5px;background:#9783bb;color:#fff;border-radius:16px 16px 4px;animation-delay:-2s}.visual-star{position:absolute;font-size:49px;color:#c5a9ce;left:230px;top:1px;transform:rotate(18deg)}.visual-heart{position:absolute;font-size:40px;color:#db9fa4;left:60px;top:140px;transform:rotate(-25deg)}@keyframes float{50%{translate:0 -9px}}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:800;color:#987cac;display:flex;gap:7px;align-items:center;background:#f2ecf8;padding:9px 15px;border-radius:30px}.welcome h1{font-size:clamp(32px,3.25vw,47px);line-height:1.5;letter-spacing:-.095em;color:#45404b;margin:16px 0 7px;font-weight:800}.welcome h1 em{font-style:normal;color:#9880bb;position:relative}.welcome h1 em:after{content:"";height:6px;border-radius:100%;background:#e5d7f1;position:absolute;left:1px;right:1px;bottom:-5px}.welcome>p{font-size:13px;line-height:2;color:#9e95a0;margin:13px 0 26px}.primary{background:#8c77b1;border:0;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:15px;border-radius:14px;padding:16px 26px;font-size:13px;font-weight:800;box-shadow:0 9px 20px #8e78b331;transition:.2s}.welcome-checks{display:flex;gap:18px;margin:31px 0 10px;justify-content:center}.welcome-checks span{display:flex;gap:6px;align-items:center;color:#a6a0a9;font-size:10px}.welcome-checks svg{color:#a895bf}.chat-head{background:#fffefb;border-bottom:1px solid #eeebed;padding:13px 25px;display:flex;align-items:center;gap:12px;flex-shrink:0;height:82px}.chat-name{flex:1;min-width:0}.chat-name strong{display:block;font-size:14px;font-weight:800}.chat-name small{display:flex;align-items:center;gap:7px;color:#a7a0a9;font-size:11px;margin-top:6px}.online-dot{width:7px;height:7px;border-radius:50%;background:#9dcaaf}.online-dot.off{background:#c0bbc1}.chat-tools{display:flex;align-items:center;gap:10px}.invite-button{display:flex;align-items:center;gap:7px;border:1px solid #e5daee;background:#f7f2fb;color:#8166a2;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800}.back-control{display:none}.messages{overflow:auto;flex:1;min-height:0;padding:30px max(28px,8%) 20px}.conversation-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:27px 0 15px;color:#85738e}.conversation-intro>span{width:54px;height:54px;border-radius:20px;background:#f2e9f0;color:#ba9dbe;display:grid;place-items:center;font-size:34px}.conversation-intro strong{font-size:12px;margin-top:4px}.conversation-intro small{font-size:10px;color:#b1aab2}.date-sep{text-align:center;display:flex;align-items:center;gap:14px;margin:19px 0 25px;color:#bbb4be;font-size:10px}.date-sep:before,.date-sep:after{content:"";height:1px;flex:1;background:#ede9ed}.message{display:flex;margin:12px 0}.message.mine{justify-content:flex-end}.message.theirs{justify-content:flex-start}.message>div{max-width:min(78%,430px);display:flex;flex-direction:column}.message-bubble{border-radius:17px 17px 17px 4px;background:#fff;box-shadow:0 3px 9px #9e9a9b0b;padding:13px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:#4f4854}.message.mine .message-bubble{background:#947fb5;color:#fff;border-radius:17px 17px 4px}.sender-name{color:#a19aa6;font-size:10px;margin-bottom:6px}.bubble-time{color:#b6aeb8;font-size:10px;margin-top:5px}.mine .bubble-time{align-self:flex-end}.typing{display:flex;gap:4px;padding:15px 20px;background:#fff;border-radius:15px}.typing i{width:6px;height:6px;border-radius:50%;background:#b1a4ba;animation:blink 1s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{to{opacity:.25;transform:translateY(-3px)}}.composer{margin:12px 26px 0;border:1px solid #ece5ee;background:#fff;border-radius:17px;min-height:57px;display:flex;align-items:center;gap:7px;padding:7px 8px;flex-shrink:0;box-shadow:0 7px 26px #928c9610}.composer input{min-width:0;flex:1;padding:11px 6px;border:0;outline:none;font-size:13px;color:#4c4652}.composer input::placeholder{color:#c1bac3}.emoji{border:0;background:none;color:#b7abbd;width:39px;height:39px;display:grid;place-items:center}.send{display:grid;place-items:center;border:0;background:#8e78b3;color:#fff;border-radius:13px;width:41px;height:41px;transition:.2s}.composer-foot{display:flex;gap:7px;justify-content:center;align-items:center;color:#b2aab6;font-size:10px;padding:12px 10px 17px}.ended-banner{margin:18px 25px;padding:17px;display:flex;gap:13px;background:#f2ecef;color:#766874;border-radius:14px;align-items:center}.ended-banner strong{font-size:12px}.ended-banner p{font-size:11px;margin:5px 0 0;color:#a59aa4}.details{width:285px;flex-shrink:0;border-left:1px solid #ece9ec;background:#fffefa;padding:28px 23px;overflow:auto}.details-header{text-align:center}.details-header .overline{display:block;text-align:left;margin-bottom:36px}.details-header h3{font-size:19px;margin:17px 0 6px}.details-header p{color:#a8a0ad;font-size:11px}.countdown{background:#f7f4f9;border-radius:17px;padding:18px 16px;margin-top:29px}.countdown p{display:flex;align-items:center;gap:8px;font-size:11px;color:#9e8bad;font-weight:800;margin:0 0 15px}.countdown strong{font-size:22px;color:#76608f}.progress{background:#e5dceb;height:5px;border-radius:10px;overflow:hidden;margin:17px 0 11px}.progress span{display:block;height:100%;background:#ad93c3;border-radius:10px;transition:width .4s}.countdown small{color:#b1a6b7;font-size:10px}.details-quote{margin:28px 3px;padding-top:26px;border-top:1px solid #eee9ed;font-size:11px;line-height:2;color:#a49ba7;text-align:center}.details-quote span{display:block;font-size:28px;color:#ddbac8;margin-bottom:5px}.terminate{border:0;background:none;color:#b48c95;display:flex;gap:8px;align-items:center;font-size:11px;margin:22px auto;padding:9px}.terminate:hover{color:#b74b60}.details-empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:13px}.details-empty>span{font-size:58px;color:#dec2d3}.details-empty h3{font-size:18px;line-height:1.7;margin:0}.details-empty p{font-size:11px;line-height:2.2;color:#aaa0aa;margin:0}.details-empty small{font-size:9px;color:#c4bcc3;margin-top:28px}.demo-banner{display:flex;gap:12px;justify-content:center;align-items:center;background:#fff5e5;border-top:1px solid #f5e6cb;padding:10px 20px;color:#94764e;font-size:10px;flex-shrink:0;z-index:2}.demo-banner b{font-size:10px;background:#eac98f;color:#755a34;padding:4px 7px;border-radius:5px;white-space:nowrap}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%);z-index:30;background:#494150;color:#fff;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:13px;box-shadow:0 9px 30px #24202b39;font-size:12px;white-space:nowrap}.shade{position:fixed;inset:0;background:#2c243a70;z-index:20;display:flex;align-items:center;justify-content:center;padding:17px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}.modal{width:min(100%,465px);max-height:calc(100dvh - 34px);overflow:auto;background:#fffefa;border-radius:27px;padding:27px 34px;box-shadow:0 35px 80px #32253e38}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-icon{background:#f0e6f5;color:#9a79bc;width:43px;height:43px;border-radius:15px;display:grid;place-items:center}.modal h2{font-size:27px;line-height:1.5;letter-spacing:-.08em;margin:0 0 11px}.modal-intro{font-size:12px;line-height:1.85;color:#aba2ad;margin:0 0 23px}.field-label{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:12px;margin:20px 0 9px}.field-label small{font-size:10px;color:#b8afb9;font-weight:500}.field{background:#fbf9fb;border:1px solid #e8e3e9;padding:14px 15px;border-radius:12px;width:100%;outline:none;color:#514c57;font-size:13px}.field:focus{border-color:#b9a5d0;box-shadow:0 0 0 3px #eee5f5}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:25px}.duration{position:relative;text-align:left;background:#faf8fa;border:1px solid #ebe5ec;border-radius:12px;padding:13px 10px;min-height:67px;color:#53485c}.duration strong{display:block;font-size:12px}.duration small{display:block;color:#aba1ad;font-size:10px;margin-top:6px}.duration.chosen{background:#f2eaf7;border-color:#ac8fca;box-shadow:0 0 0 1px #ac8fca}.duration.chosen svg{position:absolute;right:9px;top:9px;color:#8462ac}.wide{width:100%;margin-top:4px}.modal-bottom{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#aaa1ad;margin-top:20px}.share-modal{text-align:left}.qr{width:203px;height:203px;display:grid;place-items:center;background:#fff;border:1px solid #eee8ef;border-radius:17px;margin:15px auto}.qr-help{text-align:center;font-size:11px;color:#a59aa8;margin:10px 0 24px}.secondary{border:0;background:#f5f1f7;color:#8c75a4;font-weight:800;font-size:12px;padding:14px;border-radius:12px;margin-top:11px}.modal-fine{text-align:center;font-size:10px;line-height:1.8;color:#b0a8b4;margin-top:17px}.demo-notice{display:flex;gap:13px;align-items:flex-start;padding:18px;border-radius:13px;background:#fff4e5;font-size:12px;line-height:1.8;color:#9c7e55;margin:20px 0}.demo-notice svg{flex-shrink:0}.info-item{display:flex;gap:15px;align-items:flex-start;padding:16px 0;border-top:1px solid #f0ecf0;color:#a48bb8}.info-item span{display:flex;flex-direction:column;gap:6px}.info-item b{font-size:12px;color:#65536e}.info-item small{font-size:11px;line-height:1.8;color:#aea5b0}.danger{padding:15px 20px;background:#ba7e89;color:#fff;font-size:13px;font-weight:800;border:0;border-radius:12px;margin-top:8px}.confirm .secondary{margin-top:10px}@media(max-width:1160px){.details{display:none}.sidebar{width:330px}.messages{padding-left:8%;padding-right:8%}}@media(max-width:720px){.topbar{height:60px;padding:0 18px}.top-middle{display:none}.top-actions{margin-left:auto}.shell{position:relative}.sidebar{width:100%;border:0}.side-head{padding:28px 24px 17px}.sidebar-inner{padding:0 13px 20px}.chat-row{padding:16px 12px}.side-footer{padding:18px}.main,.show-chat .sidebar{display:none}.show-chat .main{display:flex;width:100%}.back-control{display:block;margin-left:-7px}.chat-head{height:70px;padding:10px 12px;gap:9px}.chat-head .avatar{width:43px;height:43px;border-radius:15px;font-size:19px}.chat-tools{gap:3px}.messages{padding:12px 19px 15px}.conversation-intro{padding-top:24px}.composer{margin:8px 13px 0}.composer-foot{font-size:9px;padding-bottom:13px}.demo-banner{font-size:9px;line-height:1.6;justify-content:flex-start;padding:7px 12px}.demo-banner b{font-size:9px}.modal{border-radius:24px;padding:24px 25px}.welcome{padding:15px}.hero-visual{width:300px;height:210px;transform:scale(.85);margin:-8px 0 -14px}.welcome h1{font-size:31px}.welcome>p{font-size:12px}.welcome-checks{gap:9px;flex-wrap:wrap}.welcome-checks span{font-size:9px}.toast{max-width:calc(100vw - 40px);white-space:normal;text-align:center;width:max-content}.app{min-height:0}}@media(max-height:680px)and (min-width:721px){.hero-visual{transform:scale(.75);height:155px;margin-top:-15px;margin-bottom:-10px}.welcome h1{font-size:32px}.welcome-checks{margin-top:15px}.welcome>p{margin:8px 0 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.composer input,.field,input,textarea,select{font-size:16px}.app{touch-action:manipulation}.melt-scroller{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}.melt-viewport{min-height:0;min-width:0;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-gutter:stable}.melt-thread{padding:24px max(23px,8%) 28px;min-height:100%}.melt-thread .conversation-intro{padding:15px 0 20px}.melt-thread .date-sep{margin:21px 0 15px}.melt-scroller[data-pending-scroll] .melt-viewport{visibility:hidden}.melt-line{display:flex;position:relative;width:100%;margin:2px 0}.melt-line.first,.melt-line.single{margin-top:15px}.melt-line.mine{justify-content:flex-end}.melt-line.theirs{justify-content:flex-start}.melt-line-body{max-width:min(80%,430px);min-width:0;display:flex;flex-direction:column}.melt-sender-small{color:#a49aa9;font-size:10px;margin:0 0 6px 2px}.melt-bubble{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;color:#514b55;border-radius:18px 18px 18px 5px;padding:10px 14px;box-shadow:0 2px 7px #9e9a9b11;touch-action:pan-y;-webkit-touch-callout:none}.melt-line.mine .melt-bubble{background:#947fb5;color:#fff;border-radius:18px 18px 5px}.melt-line.middle .melt-bubble,.melt-line.last .melt-bubble{border-top-left-radius:7px}.melt-line.mine.middle .melt-bubble,.melt-line.mine.last .melt-bubble{border-top-right-radius:7px;border-top-left-radius:18px}.melt-bubble-time{font-size:10px;color:#aaa2ad;margin:4px 2px 0}.melt-line.mine .melt-bubble-time{align-self:flex-end}.melt-line.middle .melt-bubble-time,.melt-line.first .melt-bubble-time{display:none}.melt-message-quote{display:block;border-left:3px solid currentColor;opacity:.76;padding:3px 9px;margin:0 0 7px;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.melt-scroll-bottom{position:absolute;bottom:15px;right:19px;z-index:1;display:flex;align-items:center;gap:5px;border:1px solid #e5daee;background:#fff;color:#7e689e;font-size:11px;font-weight:800;padding:10px 12px;border-radius:24px;box-shadow:0 6px 20px #47384b29}.melt-scroll-bottom[data-active=false]{display:none}.melt-composer-wrap{flex-shrink:0;margin:5px 25px 0;position:relative;min-width:0}.melt-composer{display:flex;align-items:flex-end;gap:6px;background:#fff;border:1px solid #e9e1ec;border-radius:20px;padding:7px 8px;box-shadow:0 6px 20px #928c9610}.melt-composer textarea{resize:none;outline:none;border:0;min-width:0;flex:1;padding:10px 7px;max-height:148px;min-height:41px;line-height:22px;overflow-y:auto;font-family:inherit;color:#4f4754;font-size:16px!important;background:transparent;overscroll-behavior:contain}.melt-composer textarea::placeholder{color:#bbb2bf}.melt-composer .send,.melt-composer .emoji{flex-shrink:0}.melt-composer-wrap .composer-foot{padding:10px 8px 14px}.melt-reply-preview{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#f3edf8;border-radius:12px 12px 0 0;color:#8269a0;margin:0 5px}.melt-reply-preview span{min-width:0;display:flex;flex-direction:column;flex:1;gap:2px}.melt-reply-preview b{font-size:11px}.melt-reply-preview small{font-size:11px;color:#9585a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.melt-reply-preview button{border:0;color:#987ba5;background:transparent;padding:7px;display:grid;place-items:center}.melt-emoji-picker{position:absolute;bottom:calc(100% - 3px);left:0;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#fff;border:1px solid #ebe2ef;border-radius:16px;padding:10px;box-shadow:0 9px 25px #8a719522}.melt-emoji-picker button{border:0;background:transparent;border-radius:10px;font-size:24px;width:49px;height:48px}.melt-emoji-picker button:hover{background:#f5f0f9}.melt-action-shade{position:fixed;inset:0;z-index:29;background:#2d243454;display:flex;justify-content:center;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.melt-action-sheet{background:#fffefa;border-radius:19px 19px 0 0;width:min(100%,450px);padding:13px 14px max(20px,env(safe-area-inset-bottom));box-shadow:0 -10px 40px #47384b25}.melt-action-preview{color:#8c7d91;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px;margin:5px 12px 15px}.melt-action-sheet button{display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;font-weight:700;color:#59495e;width:100%;border:0;background:transparent;padding:15px 13px;border-top:1px solid #f0ebf0}.melt-action-sheet button:hover{background:#f5f0f9}@media(max-width:720px){.melt-thread{padding:15px 17px 22px}.melt-thread .conversation-intro{padding:14px 0 16px}.melt-line-body{max-width:85%}.melt-composer-wrap{margin:5px 11px 0}.melt-composer{padding:5px 6px;border-radius:17px}.melt-composer textarea{min-height:40px}.melt-composer-wrap .composer-foot{padding:7px 0 calc(10px + env(safe-area-inset-bottom))}.melt-scroll-bottom{right:12px;bottom:9px}}.melt-reaction-picker-title{font-size:11px;color:#95849d;font-weight:700;margin:7px 12px 9px}.melt-reaction-picker{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:2px;padding:5px;margin-bottom:8px;background:linear-gradient(115deg,#f5ecfa,#fdf3ed);border:1px solid #eee3ef;border-radius:18px}.melt-reaction-picker button{display:grid;place-items:center;border:0;border-radius:12px;background:transparent;font-size:clamp(20px,5.4vw,27px);min-width:0;height:44px;padding:0;line-height:1.1;transition:transform .14s ease,background-color .14s ease}.melt-reaction-picker button:hover,.melt-reaction-picker button:focus-visible{background:#fff9;transform:translateY(-3px) scale(1.12)}.melt-reaction-picker button.chosen{background:#fff;box-shadow:0 2px 10px #a18baf28;outline:1px solid #cdb9e4}.melt-reaction-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.melt-line.mine .melt-reaction-badges{justify-content:flex-end}.melt-reaction-badge{border:1px solid #eae2ef;background:#fff;display:inline-flex;align-items:center;gap:4px;min-height:27px;min-width:30px;justify-content:center;border-radius:18px;padding:2px 6px;font-size:18px;line-height:1;box-shadow:0 2px 7px #55426613;transition:transform .15s ease,background-color .15s ease}.melt-reaction-badge.mine{background:#eee5f9;border-color:#ab8ccc}.melt-reaction-badge:active:not(:disabled){transform:scale(.9)}.melt-reaction-badge small{font-size:11px;color:#8a7a96;font-weight:800;font-variant-numeric:tabular-nums}.melt-bubble{-webkit-user-select:none;user-select:none}@media(max-width:720px){.melt-action-sheet{padding:16px 13px max(23px,env(safe-area-inset-bottom))}.melt-reaction-picker{gap:1px}}.account-sidebar-invite{width:100%;display:flex;align-items:center;gap:11px;background:#f2ebf8;border:1px solid #e4d6ee;padding:12px 14px;text-align:left;border-radius:15px;color:#8165a2;margin-bottom:12px}.account-sidebar-invite span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.account-sidebar-invite b{font-size:12px}.account-sidebar-invite small{font-size:10px;color:#9785a8;line-height:1.4}.account-sidebar-invite.connected{background:#f4f6ef;border-color:#e5eadf;color:#70917b}.account-modal{max-height:min(90dvh,850px);overflow-y:auto;padding:27px}.account-shade{z-index:35}.account-close{background:none;border:0;padding:8px;color:#a395b3;display:grid;place-items:center}.account-tabs{background:#f4f0f6;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:17px 0 19px}.account-tabs button{border:0;border-radius:10px;background:transparent;padding:12px;color:#a08fa8;font-weight:700;font-size:12px}.account-tabs button[aria-selected=true]{background:#fff;color:#765795;box-shadow:0 2px 9px #55446a1b}.account-fields{display:flex;flex-direction:column;gap:14px}.account-fields label,.account-delete-panel label{font-size:11px;color:#8c779b;display:flex;flex-direction:column;gap:8px;font-weight:800}.account-fields input,.account-delete-panel input{width:100%;font-family:inherit;font-size:16px;line-height:1.4;border:1px solid #eae1ec;border-radius:12px;color:#514a56;padding:13px 14px;background:#fff;outline:none}.account-fields input:focus,.account-delete-panel input:focus{border-color:#aa8cc7;box-shadow:0 0 0 3px #aa8cc726}.account-fields input::placeholder{color:#b9b0be;font-size:13px}.account-fields button.primary{margin-top:4px}.account-text-link{border:0;background:none;display:block;margin:17px auto 5px;padding:8px;color:#977eae;font-weight:700;font-size:12px}.account-note{font-size:11px;color:#a294ac;line-height:1.8;margin:18px 4px 0}.account-note svg{display:inline-block;vertical-align:middle;margin-right:3px}.account-profile-box{display:flex;align-items:center;gap:12px;padding:17px;border-radius:14px;background:#f5edf8;margin-top:20px;color:#9174ae}.account-profile-box div{display:flex;flex-direction:column;gap:5px}.account-profile-box strong{color:#5c4c67;font-size:15px}.account-profile-box small{font-size:12px;color:#9985ac}.account-profile .secondary{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:19px}.account-delete-toggle{display:block;margin:20px auto 0;border:0;background:transparent;color:#ae8999;text-decoration:underline;font-size:11px}.account-delete-panel{margin-top:12px;padding:14px;border-radius:14px;background:#fff0f0}.account-delete-panel p{font-size:11px;color:#a7787d;line-height:1.6}.account-delete-panel .danger{display:flex;gap:8px;align-items:center;justify-content:center}.account-error{margin:6px 0 0;background:#fff0f1;color:#b7626c;padding:11px;border-radius:9px;font-size:12px;line-height:1.5}.account-recovery-code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;font-size:16px;line-height:1.6;font-weight:700;background:#f3ecf8;border:1px dashed #c8b1dc;border-radius:13px;padding:18px;color:#634d7d;margin:20px 0 6px}.account-recovery-output .secondary{display:flex;justify-content:center;align-items:center;gap:8px}.account-check{display:flex;align-items:center;gap:9px;font-size:12px;color:#6d596f;margin:23px 0 17px}.account-check input{width:18px;height:18px;accent-color:#8d72a9}.account-invite-reissue{border:0;padding:8px 11px;margin-top:8px;border-radius:9px;background:#987eb4;color:#fff;font-weight:800;font-size:11px}@media(max-width:720px){.account-modal{width:calc(100vw - 25px);max-height:89dvh;padding:22px 21px;border-radius:22px}.account-sidebar-invite{margin:0 0 10px}.top-actions{gap:4px}}.account-google-section{margin:18px 0 14px}.account-google-button{width:100%;display:flex;justify-content:center;align-items:center;gap:11px;min-height:48px;padding:10px 14px;font-size:14px;font-weight:700;font-family:inherit;color:#41424b;border:1px solid #dcdfe5;border-radius:13px;background:#fff;box-shadow:0 2px 5px #43445209;cursor:pointer}.account-google-button:active:not(:disabled){transform:scale(.99)}.account-google-button:hover:not(:disabled){background:#f8f9fc;border-color:#b9bed1}.account-google-button:focus-visible{outline:3px solid #aacbf0;outline-offset:3px}.account-google-button:disabled{opacity:.54;cursor:not-allowed}.google-logo{font-family:Arial,sans-serif;font-size:21px;font-weight:900;color:#4285f4;line-height:1}.account-google-section>small{display:block;text-align:center;color:#91889d;font-size:11px;line-height:1.5;margin:8px 0}.account-google-separator{display:flex;align-items:center;gap:12px;color:#aaa0b1;font-size:11px;margin:16px 2px 12px}.account-google-separator:before,.account-google-separator:after{content:"";flex:1;height:1px;background:#eae5ec}.account-google-linked{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;background:#f5f8ff;border-radius:11px;padding:12px;color:#5678a1;font-weight:700;font-size:12px}.account-profile>.account-google-button{margin:14px 0 0}
