:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--text:#fff;--secondary:#aeaeb2;--fill:#1c1c1e;--bubble:#2c2c2e;--quote:#3a3a3c;--red:#e10600;--blue:#0a84ff;--green:#30d158;--line:#ffffff1f;--ease:cubic-bezier(.32, .72, 0, 1);--vv-top:0px;--vv-height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%}body{-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}::selection{color:#fff;background:#e1060073}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.stage{left:0;right:0;top:var(--vv-top);height:var(--vv-height);background:var(--bg);position:fixed;overflow:hidden}.screen{background:var(--bg);transition:transform .46s var(--ease);flex-direction:column;display:flex;position:absolute;inset:0;transform:translate(0,0)}.screen.under{transform:translate(-28%)}.stage.dragging .screen{transition:none}.stage.dragging .screen.top{transform:translate3d(var(--drag,0px), 0, 0)}.stage.dragging .screen.under{transform:translate3d(var(--under,-28%), 0, 0)}.stage.push:not(.entered) .screen{transition:none}.stage.push:not(.entered) .screen.top{transform:translate(100%)}.stage.push:not(.entered) .screen.under{transform:translate(0,0)}.stage.push.entered .screen.under{transform:translate(-28%)}.stage.pop .screen.top{transform:translate(100%)}.stage.pop .screen.under{transform:translate(0,0)}html.reduce-motion .screen{transition:none}.edge{left:0;top:calc(52px + env(safe-area-inset-top));z-index:4;touch-action:pan-y;width:22px;position:absolute;bottom:0}.scroller{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow:hidden auto}.scroller::-webkit-scrollbar{width:0;height:0}.sticky-tools{z-index:2;min-height:calc(44px + env(safe-area-inset-top));padding:calc(6px + env(safe-area-inset-top)) 16px 6px;background:linear-gradient(#000 62%,#0000);justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0}.sticky-tools.split{justify-content:space-between}.editor{padding-top:calc(56px + env(safe-area-inset-top))}.large{letter-spacing:-.03em;margin:2px 16px 8px;font-size:2.125rem;font-weight:700;line-height:1.05}.link{color:var(--blue);background:0 0;border:0;min-height:44px;padding:8px 0;font-size:1.05rem}.link.quiet{color:var(--secondary);margin:8px 16px 24px;font-size:.95rem}.convo{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:74px;padding:8px 16px;display:flex;position:relative}.convo:after{content:"";background:var(--line);height:.5px;position:absolute;bottom:0;left:82px;right:0}.convo .avatar{width:54px;height:54px}.convo-text{flex:1;min-width:0}.convo-top,.convo-bottom{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.convo strong{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.convo time,.convo .preview{color:var(--secondary);font-size:.95rem}.preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.badge{background:var(--blue);color:#fff;border-radius:999px;flex:none;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 5px;font-size:.75rem;font-style:normal;font-weight:600;display:grid}.nav{z-index:5;padding:calc(6px + env(safe-area-inset-top)) 10px 10px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.nav:before{content:"";pointer-events:none;background:linear-gradient(#000 45%,#0000);position:absolute;inset:0 0 -18px}.nav>*{pointer-events:auto}.icon-btn,.title-pill{-webkit-backdrop-filter:blur(22px)saturate(1.5);color:#fff;background:#2c2c2eb8;border:0;position:relative}.icon-btn{border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-btn svg,.composer .round svg{width:20px;height:20px}.icon-btn.busy{color:var(--red)}.title-pill{left:50%;top:calc(6px + env(safe-area-inset-top));border-radius:999px;align-items:center;gap:7px;max-width:min(64vw,16rem);height:36px;padding:3px 12px 3px 3px;display:flex;position:absolute;transform:translate(-50%)}.title-pill:not(:has(.avatar)){padding-left:14px}.title-pill .avatar{width:30px;height:30px}.title-pill strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:600;overflow:hidden}.online{background:var(--green);border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 2px #1c1c1e}.online.off{background:#636366}.thread{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(58px + env(safe-area-inset-top)) 12px 12px;flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden auto}.thread::-webkit-scrollbar{width:0}.bubble{flex-direction:column;gap:4px;max-width:82%;margin-bottom:8px;display:flex;position:relative}.bubble.enter{animation:message-in .38s var(--ease) both}@keyframes message-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.user{align-self:flex-end}.assistant,.other{align-self:flex-start}.body{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:8px 12px;line-height:1.35}.body p{margin:.35rem 0}.body p:first-child{margin-top:0}.body p:last-child{margin-bottom:0}.user .body{background:var(--red);color:#fff}.assistant .body,.other .body{background:var(--bubble);color:#fff}.reacts{z-index:1;background:#2c2c2e;border:2px solid #000;border-radius:999px;padding:0 5px;font-size:13px;line-height:1.35;position:absolute;bottom:-12px}.user .reacts{left:6px}.assistant .reacts,.other .reacts{right:6px}.tapback-root{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#00000047;position:absolute;inset:0}.tapback-bar{-webkit-backdrop-filter:blur(24px);background:#2c2c2ec7;border-radius:999px;align-items:center;gap:2px;height:52px;padding:0 8px;animation:.42s cubic-bezier(.18,1.35,.36,1) both tapback-in;display:flex;position:absolute;transform:translate(-50%)}.tapback-bar button,.tapback-bar .plus{background:0 0;border:0;border-radius:999px;place-items:center;width:40px;height:40px;font-size:1.45rem;display:grid}.tapback-bar button.on{background:#ffffff29;transform:scale(1.12)}.tapback-bar .plus{color:#fff;font-size:1.4rem;font-weight:500;position:relative}.tapback-bar .plus input{opacity:0;font-size:16px;position:absolute;inset:0}.tapback-menu{-webkit-backdrop-filter:blur(24px);background:#2c2c2ee6;border-radius:14px;min-width:11rem;animation:.42s cubic-bezier(.18,1.35,.36,1) both tapback-in;position:absolute;overflow:hidden}.tapback-menu.mine{transform:translate(-100%)}.tapback-menu button{border:0;border-bottom:.5px solid var(--line);color:#fff;text-align:left;background:0 0;width:100%;min-height:46px;padding:0 16px;font-size:1.02rem;display:block}.tapback-menu button:last-child{border-bottom:0}.composer-quote{color:var(--secondary);justify-content:space-between;align-items:center;gap:8px;margin:0 58px 4px 46px;font-size:.85rem;display:flex}.composer-quote span{text-overflow:ellipsis;white-space:nowrap;border-left:2px solid var(--red);padding-left:8px;overflow:hidden}.composer-quote button{color:var(--secondary);background:0 0;border:0;min-height:32px}@keyframes tapback-in{0%{opacity:0;transform:translate(-50%)scale(.72)}to{opacity:1;transform:translate(-50%)scale(1)}}.tapback-menu{animation-name:menu-in}@keyframes menu-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.tapback-menu.mine{animation-name:menu-in-mine}@keyframes menu-in-mine{0%{opacity:0;transform:translate(-100%)translateY(8px)scale(.96)}to{opacity:1;transform:translate(-100%)}}.quote{background:var(--quote);color:#d1d1d6;text-overflow:ellipsis;white-space:nowrap;border-radius:12px;align-self:flex-start;max-width:100%;padding:5px 10px;font-size:.82rem;line-height:1.2;overflow:hidden}.who{color:var(--secondary);margin-bottom:2px;font-size:.75rem;display:block}.with-avatar{flex-direction:row;align-items:flex-end;gap:8px;max-width:90%}.with-avatar .avatar{width:28px;height:28px}.typing{color:var(--secondary);align-self:flex-start;padding:8px 12px}.composer{padding:6px 10px calc(8px + env(safe-area-inset-bottom));align-items:flex-end;gap:8px;display:flex}html.keyboard .composer{padding-bottom:8px}.field{background:var(--fill);border-radius:20px;flex:1;align-items:center;gap:4px;min-height:40px;padding:0 4px 0 14px;display:flex}.field input{width:100%;min-width:0;caret-color:var(--red);background:0 0;border:0;flex:1;padding:10px 0;font-size:16px}.field input::placeholder{color:var(--secondary)}.field input:focus{outline:none}.round{color:#d1d1d6;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.voice{background:var(--red);color:#fff;border:0;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.voice svg{width:20px;height:20px}.voice.live{animation:pulse 1.1s var(--ease) infinite}@keyframes pulse{50%{transform:scale(.94)}}.note,.error,.hint{color:var(--secondary);margin:4px 16px 12px;font-size:.95rem}.error{color:#ff6b6b}.banner{margin:calc(54px + env(safe-area-inset-top)) 16px 0;color:var(--secondary);font-size:.9rem}.group{background:var(--fill);border-radius:12px;margin:0 16px 18px;overflow:hidden}.group label,.group .field-row{color:var(--secondary);border-bottom:.5px solid var(--line);flex-direction:column;gap:4px;padding:10px 16px;font-size:.82rem;display:flex}.group label:last-child,.group .field-row:last-child{border-bottom:0}.group input,.group textarea{color:#fff;width:100%;caret-color:var(--red);background:0 0;border:0;min-height:1.4rem;padding:0;font-size:16px}.group textarea{resize:vertical;min-height:6rem}.group input:focus,.group textarea:focus{outline:none}.check{color:#fff;align-items:center;gap:10px;font-size:1rem;flex-direction:row!important}.check input{width:1.15rem;height:1.15rem;accent-color:var(--red)}.section-label{color:var(--secondary);margin:0 20px 8px;font-size:.82rem}.avatar-row{align-items:center;gap:12px;padding:8px 16px 16px;display:flex}.avatar-row .avatar{width:64px;height:64px}.danger-row{background:var(--fill);width:100%;color:var(--red);border:0;border-radius:12px;min-height:48px;font-size:1rem}.file{position:relative}.file input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.avatar{object-fit:cover;background:#3a3a3c;border-radius:999px;flex:none;width:2.4rem;height:2.4rem}.letter{color:#fff;background:#3a3a3c;place-items:center;font-size:.95rem;font-weight:600;display:grid}.sheet-root{z-index:20;background:#00000073;align-items:flex-end;animation:.2s both fade-in;display:flex;position:absolute;inset:0}.sheet{width:100%;padding:0 8px calc(8px + env(safe-area-inset-bottom));animation:sheet-in .42s var(--ease) both}.sheet-group,.sheet-cancel{-webkit-backdrop-filter:blur(24px);background:#2c2c2ef0;border-radius:14px;overflow:hidden}.sheet-group button,.sheet-cancel{width:100%;color:var(--blue);border:0;border-bottom:.5px solid var(--line);background:0 0;min-height:54px;font-size:1.15rem}.sheet-group button:last-child{border-bottom:0}.sheet-group .danger{color:var(--red)}.sheet-cancel{margin-top:8px;font-weight:600}.sheet-title{text-align:center;color:var(--secondary);margin:0 8px 8px;font-size:.82rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{transform:translateY(24px)}to{transform:none}}.approval{flex-direction:column;gap:8px;display:flex}.approval .row{gap:8px;display:flex}.approval button{color:#000;background:#fff;border:0;border-radius:999px;min-height:36px;padding:0 12px}.approval button.refuse{color:#fff;background:#3a3a3c}.login-screen{justify-content:center;gap:12px;padding:24px}.login-screen h1{letter-spacing:-.04em;margin:0;font-size:2.4rem}.login-screen form{flex-direction:column;gap:12px;display:flex}.login-screen input{background:var(--fill);min-height:48px;caret-color:var(--red);border:0;border-radius:12px;padding:0 14px;font-size:16px}.login-screen button[type=submit]{background:var(--blue);color:#fff;border:0;border-radius:12px;min-height:48px;font-weight:600}.google-btn{color:#1c1c1e;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 16px;font-size:1.02rem;font-weight:600;text-decoration:none;display:flex}.editor-nav{min-height:calc(52px + env(safe-area-inset-top))}.nav-title{left:50%;top:calc(14px + env(safe-area-inset-top));letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650;position:absolute;transform:translate(-50%)}.done{color:#000;background:#fff;border:0;border-radius:999px;min-height:32px;padding:0 14px;font-size:.95rem;font-weight:650;position:relative}.hero{background:0 0;border:0;width:112px;height:112px;margin:18px auto 22px;padding:0;display:block;position:relative}.hero-face,.hero .face,.hero .face svg{border-radius:999px;width:112px;height:112px;display:block}.pencil{color:#fff;background:#2c2c2e;border:3px solid #000;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:0;right:0}.pencil svg{width:16px;height:16px}.chevron-row,.add-row,.routine-row{border:0;border-bottom:.5px solid var(--line);color:#fff;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 16px;display:flex}.group .chevron-row:last-child,.group .add-row:last-child,.group .routine-row:last-child{border-bottom:0}.chevron-row span,.routine-row strong{font-size:1.02rem;font-weight:500}.routine-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.routine-row>span span{color:var(--secondary);font-size:.92rem}.chevron-right{color:#8e8e93;width:18px;height:18px}.switch{background:#39393d;border:0;border-radius:999px;flex:none;width:51px;height:31px;padding:0;position:relative}.switch i{width:27px;height:27px;transition:transform .28s var(--ease);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.switch.on{background:#30d158}.switch.on i{transform:translate(20px)}.picker{width:min(100% - 16px,28rem);margin:0 auto calc(8px + env(safe-area-inset-bottom));animation:sheet-in .42s var(--ease) both;background:#1c1c1e;border-radius:18px;max-height:min(78dvh,680px);padding:14px 14px 8px;overflow:auto}.routine-sheet{border-radius:18px 18px 0 0;width:100%;max-height:92dvh;margin:0}.sheet-head{justify-content:space-between;align-items:center;min-height:44px;margin-bottom:8px;display:flex}.sheet-head strong{font-size:1.02rem}.face-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:8px 4px 14px;display:grid}.face-grid button{background:0 0;border:0;border-radius:999px;padding:0}.face-grid .face,.face-grid svg{width:64px;height:64px;margin:0 auto;display:block}.face-grid .selected{outline-offset:3px;outline:2px solid #fff}.picker-action{width:100%;min-height:48px;color:var(--blue);border:0;border-top:.5px solid var(--line);background:0 0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.segment{gap:6px;margin:0 16px 14px;display:flex}.segment button{color:#fff;background:#2c2c2e;border:0;border-radius:10px;flex:1;min-height:36px;padding:6px 4px;font-size:.78rem}.segment button.on{color:#000;background:#fff;font-weight:650}.group select,.group input[type=time]{color:#fff;background:0 0;border:0;width:100%;min-height:1.6rem;font-size:16px}html.reduce-motion .switch i{transition:none}html.reduce-motion .bubble.enter,html.reduce-motion .sheet,html.reduce-motion .sheet-root,html.reduce-motion .voice.live,html.reduce-motion .tapback-bar,html.reduce-motion .tapback-menu{animation:none}
