.mascota-host{--spring:cubic-bezier(.3, 1.6, .5, 1);--cyan:#22e4ff;--blue:#1f5bff;--mono:ui-monospace, Menlo, monospace}.mascota-host svg{cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;overflow:visible}@media (prefers-reduced-motion:reduce){.mascota-host *,.mascota-host :before,.mascota-host :after{transition:none!important;animation:none!important}}.mascota-host #m-root,.mascota-host #squash,.mascota-host #tilt,.mascota-host #body-float,.mascota-host #eyes-glance,.mascota-host #eyes-look,.mascota-host #eyes-blink,.mascota-host .eyeset,.mascota-host #eye-r,.mascota-host #marks,.mascota-host #floor,.mascota-host #blush,.mascota-host #smile,.mascota-host #mouth-o,.mascota-host #thought circle,.mascota-host #halo{transform-box:fill-box;transform-origin:50%}.mascota-host #m-root{animation:enter 1s var(--spring) both}@keyframes enter{0%{transform:translateY(90px)scale(.55)}to{transform:none}}.mascota-host #squash{transform-origin:50% 100%}.mascota-host #squash.pop{animation:.6s ease-out pop}@keyframes pop{0%{transform:scale(1)}22%{transform:scale(1.1,.88)}48%{transform:scale(.93,1.09)}72%{transform:scale(1.03,.97)}to{transform:scale(1)}}.mascota-host #tilt{transition:transform .8s var(--spring);transform-origin:50% 90%}.mascota-host #body-float{animation:3.8s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.008,.992)}}.mascota-host #floor{animation:3.8s ease-in-out infinite floor}@keyframes floor{0%,to{opacity:.9;transform:scaleX(1)}50%{opacity:.5;transform:scaleX(.8)}}.mascota-host #halo{animation:3.8s ease-in-out infinite halo}@keyframes halo{0%,to{opacity:.3}50%{opacity:.55}}.mascota-host #sweep{animation:5s ease-in-out infinite sweep}@keyframes sweep{0%{transform:translate(-700px)}55%,to{transform:translate(900px)}}.mascota-host #eyes-glance{transition:transform .4s var(--spring)}.mascota-host #eyes-blink{animation:4.4s infinite blink}@keyframes blink{0%,90%,to{transform:scaleY(1)}93%{transform:scaleY(.08)}96%{transform:scaleY(1)}}.mascota-host .eyeset{opacity:0;transition:opacity .25s, transform .5s var(--spring);transform:scale(.3)}.mascota-host [data-state=feliz] #e-arcs,.mascota-host [data-state=saludo] #e-arcs,.mascota-host [data-state=alerta] #e-arcs,.mascota-host [data-state=pensando] #e-arcs,.mascota-host [data-state=dormido] #e-arcs,.mascota-host [data-state=sorprendido] #e-round,.mascota-host [data-state=celebrando] #e-joy,.mascota-host [data-state=escribiendo] #e-arcs{opacity:1;transform:scale(1)}.mascota-host .wink #eye-r{animation:.45s ease-in-out wink}.mascota-host [data-state=saludo] #eye-r{animation:1.8s ease-in-out infinite winkloop}@keyframes wink{0%,to{transform:scaleY(1)}45%,60%{transform:scaleY(.08)}}@keyframes winkloop{0%,35%,70%,to{transform:scaleY(1)}45%,60%{transform:scaleY(.08)}}.mascota-host #blush,.mascota-host #smile,.mascota-host #mouth-o{opacity:0;transition:opacity .3s, transform .5s var(--spring);transform:scale(.4)}.mascota-host [data-state=sorprendido] #mouth-o{opacity:1;animation:1.6s ease-in-out .5s infinite gasp;transform:scale(1)}@keyframes gasp{0%,to{transform:scale(1)}50%{transform:scale(1.18,1.1)}}.mascota-host .brow{transform-box:fill-box;transform-origin:50%}.mascota-host [data-state=sorprendido] .brow{animation:browUp .55s var(--spring) both}@keyframes browUp{0%{transform:translateY(26px)}to{transform:translateY(0)}}.mascota-host [data-state=saludo] #blush,.mascota-host [data-state=celebrando] #blush{opacity:.7;transform:scale(1)}.mascota-host [data-state=saludo] #smile,.mascota-host [data-state=celebrando] #smile{opacity:1;transform:scale(1)}.mascota-host #marks{transform-origin:0 100%;transition:opacity .3s;animation:2.4s ease-in-out infinite mark}@keyframes mark{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.mascota-host .marks-wiggle #marks{animation:.6s ease-in-out wiggle}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}60%{transform:rotate(9deg)}}.mascota-host #e-dots circle{transform-box:fill-box;transform-origin:50%}.mascota-host [data-state=escribiendo] #e-dots circle{animation:1s ease-in-out infinite dot}.mascota-host #e-dots circle:nth-child(2){animation-delay:.15s}.mascota-host #e-dots circle:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-26px)}}.mascota-host [data-state=escribiendo] #body-float{animation:1.9s ease-in-out infinite float}.mascota-host [data-state=saludo] #body-float{transform-origin:50% 95%;animation:1.8s ease-in-out infinite hello}@keyframes hello{0%,to{transform:rotate(0)}15%{transform:rotate(-8deg)}30%{transform:rotate(6deg)}45%{transform:rotate(-4deg)}60%{transform:rotate(0)}}.mascota-host [data-state=pensando] #eyes-look{animation:2.6s ease-in-out infinite look}@keyframes look{0%,to{transform:translate(0)}30%{transform:translate(-32px,-22px)}65%{transform:translate(32px,-22px)}}.mascota-host [data-state=pensando] #marks{opacity:0}.mascota-host #thought circle{opacity:0;transition:opacity .3s, transform .5s var(--spring);transform:scale(0)}.mascota-host [data-state=pensando] #thought circle{opacity:1;animation:2.2s ease-in-out infinite bubble;transform:scale(1)}.mascota-host [data-state=pensando] #thought circle:nth-child(2){transition-delay:.12s;animation-delay:.3s}.mascota-host [data-state=pensando] #thought circle:nth-child(3){transition-delay:.24s;animation-delay:.6s}@keyframes bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.mascota-host [data-state=pensando] #tilt{transform:rotate(-5deg)}.mascota-host [data-state=sorprendido] #body-float{animation:shock .6s var(--spring) both, float 3.8s ease-in-out .6s infinite}@keyframes shock{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-60px)scale(1.06,.95)}to{transform:translateY(0)scale(1)}}.mascota-host #e-round .pupil{transform-box:fill-box;transform-origin:50%}.mascota-host [data-state=sorprendido] #e-round .pupil{animation:1.6s ease-in-out infinite shrink}@keyframes shrink{0%,to{transform:scale(1)}50%{transform:scale(.65)}}.mascota-host [data-state=celebrando] #body-float{animation:party .8s var(--spring) infinite;transform-origin:50% 100%}@keyframes party{0%,to{transform:translateY(0)rotate(0)scale(1)}10%{transform:translateY(0)scale(1.07,.93)}40%{transform:translateY(-70px)rotate(-5deg)scale(.97,1.04)}70%{transform:translateY(-18px)rotate(3deg)}}.mascota-host [data-state=celebrando] #marks{animation:.45s steps(2,end) infinite flash}.mascota-host [data-state=alerta] #marks{opacity:0;animation:none}@keyframes flash{0%{opacity:1;transform:scale(1.12)}to{opacity:.35;transform:scale(.92)}}.mascota-host [data-state=alerta] #body-float{animation:hop .9s var(--spring) infinite}@keyframes hop{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-52px)rotate(-3deg)}60%{transform:translateY(0)rotate(2deg)}}.mascota-host [data-state=dormido] #body-float{animation:6s ease-in-out infinite float}.mascota-host [data-state=dormido] #marks{opacity:0}.mascota-host #zzz{opacity:0;transition:opacity .4s}.mascota-host #zzz text{opacity:0}.mascota-host [data-state=dormido] #zzz text{animation:3s ease-in infinite zz}.mascota-host [data-state=dormido] #zzz text:nth-child(2){animation-delay:1s}.mascota-host [data-state=dormido] #zzz text:nth-child(3){animation-delay:2s}@keyframes zz{0%{opacity:0;transform:translate(0)scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(50px,-110px)scale(1.2)}}.mascota-host .hand,.mascota-host .hand-anim{transform-box:fill-box;transform-origin:50% 100%}.mascota-host .hand{transition:transform .75s var(--spring), opacity .45s ease}.mascota-host .hand-anim{animation:3.8s ease-in-out infinite handFloat}.mascota-host #handR .hand-anim{animation-delay:-1.9s}@keyframes handFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-28px)rotate(4deg)}}.mascota-host #handL{transform:rotate(-14deg)}.mascota-host #handR{transform:rotate(14deg)}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-26deg)}75%{transform:rotate(22deg)}}@keyframes tap{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)rotate(-4deg)}}@keyframes pump{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-46px)rotate(8deg)}}@keyframes jitter{0%,to{transform:translate(0)}25%{transform:translate(-5px,3px)}75%{transform:translate(5px,-3px)}}@keyframes chin{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)translateY(-6px)}}.mascota-host .wave-hi #handR{transform:translate(30px,-210px)rotate(18deg)}.mascota-host .wave-hi #handR .hand-anim{animation:.6s ease-in-out 2 wave}.mascota-host [data-state=saludo] #handL{opacity:0;pointer-events:none;transform:translate(150px,30px)rotate(-14deg)scale(.55)}.mascota-host [data-state=saludo] #handR{transform:translate(30px,-210px)rotate(18deg)}.mascota-host [data-state=saludo] #handR .hand-anim{animation:.7s ease-in-out infinite wave}.mascota-host [data-state=escribiendo] #handL{transform:translate(353px,150px)rotate(14deg)}.mascota-host [data-state=escribiendo] #handR{transform:translate(-223px,150px)rotate(-14deg)}.mascota-host [data-state=escribiendo] .hand-anim{animation:1.1s ease-in-out infinite tapHand}@keyframes thumb{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)translateY(-5px)}}@keyframes tapHand{0%,70%,to{transform:translateY(0)}35%{transform:translateY(-4px)rotate(-2deg)}}.mascota-host [data-state=escribiendo] #handR .hand-anim{animation-delay:-.55s}.mascota-host .screenglow{opacity:0}.mascota-host [data-state=escribiendo] .screenglow{animation:2.2s ease-in-out infinite glowTap}@keyframes glowTap{0%,to{opacity:.2}50%{opacity:.32}}.mascota-host [data-state=pensando] #handR{transform:translate(-190px,95px)rotate(-38deg)}.mascota-host [data-state=pensando] #handR .hand-anim{animation:1.3s ease-in-out infinite chin}.mascota-host [data-state=pensando] #handL{transform:translate(30px,70px)rotate(-6deg)}.mascota-host [data-state=sorprendido] #handL{transform:translate(-30px,-230px)rotate(-28deg)}.mascota-host [data-state=sorprendido] #handR{transform:translate(30px,-190px)rotate(28deg)}.mascota-host [data-state=sorprendido] .hand-anim{animation:.12s linear 6 jitter}.mascota-host [data-state=celebrando] #handL{transform:translate(-20px,-330px)rotate(-22deg)}.mascota-host [data-state=celebrando] #handR{transform:translate(40px,-270px)rotate(24deg)}.mascota-host [data-state=celebrando] .hand-anim{animation:.4s ease-in-out infinite pump}.mascota-host [data-state=celebrando] #handR .hand-anim{animation-delay:-.2s}.mascota-host [data-state=alerta] #handR{transform:translate(-15px,-235px)rotate(-8deg)}.mascota-host [data-state=alerta] #handR .hand-anim{animation:.35s ease-in-out infinite wave}.mascota-host [data-state=alerta] #handL .hand-anim{animation:pump .9s var(--spring) infinite}.mascota-host [data-state=dormido] #handL{transform:translate(240px,-105px)rotate(24deg)}.mascota-host [data-state=dormido] #handR{transform:translate(-80px,-105px)rotate(-24deg)}.mascota-host [data-state=dormido] .paper-anim{animation:6.5s ease-in-out infinite peek}.mascota-host [data-state=dormido] .hand-anim{animation:6.5s ease-in-out infinite peekHand}.mascota-host [data-state=dormido] #handR .hand-anim{animation-delay:0s}.mascota-host [data-state=dormido] #eyes-look{animation:6.5s ease-in-out infinite peekEyes}@keyframes peek{0%,52%,to{transform:translateY(0)rotate(0)}14%{transform:translateY(-8px)rotate(-1.5deg)}32%{transform:translateY(4px)rotate(1deg)}60%,84%{transform:translateY(275px)rotate(2deg)}92%{transform:translateY(-10px)}}@keyframes peekHand{0%,52%,to{transform:translateY(0)}14%{transform:translateY(-8px)}32%{transform:translateY(4px)}60%,84%{transform:translateY(275px)}92%{transform:translateY(-10px)}}@keyframes peekEyes{0%,62%,90%,to{transform:translate(0)}68%{transform:translate(-28px,4px)}76%{transform:translate(28px,4px)}}.mascota-host [data-state=feliz] #handL{animation:6s ease-in-out infinite giveL}.mascota-host [data-state=feliz] #handR{animation:6s ease-in-out infinite giveR}@keyframes giveL{0%,22%,80%,to{transform:rotate(-14deg)}34%,62%{transform:translate(435px,95px)rotate(28deg)}}@keyframes giveR{0%,22%,80%,to{transform:rotate(14deg)}34%,62%{transform:translate(-275px,95px)rotate(-28deg)}}.mascota-host .item-anim{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.mascota-host [data-state=feliz] .item-anim{animation:6s ease-in-out infinite give}@keyframes give{0%,38%{opacity:0;transform:translateY(30px)scale(.1)}46%{opacity:1;transform:translateY(-20px)scale(1.25)}54%{opacity:1;transform:translateY(-50px)scale(1)rotate(-6deg)}72%{opacity:1;transform:translateY(-190px)scale(1)rotate(6deg)}84%,to{opacity:0;transform:translateY(-250px)scale(.7)}}.mascota-host .prop{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transition:opacity .3s, transform .65s var(--spring);pointer-events:none;transform:translateY(70px)scale(.3)}.mascota-host [data-state=escribiendo] #phone.prop,.mascota-host [data-state=dormido] #paper.prop,.mascota-host [data-state=alerta] #notif.prop,.mascota-host [data-state=idea] #bulb.prop{opacity:1;transform:none}.mascota-host [data-state=alerta] #notif.prop{pointer-events:auto;cursor:pointer}.mascota-host #notif.prop{transform-origin:0 100%;transform:translate(240px)scale(.4)}.mascota-host .phone-anim,.mascota-host .paper-anim,.mascota-host .notif-anim,.mascota-host .badge,.mascota-host .ring,.mascota-host .msg,.mascota-host .typing circle{transform-box:fill-box;transform-origin:50%}.mascota-host .paper-anim{transform-origin:50% 100%}.mascota-host [data-state=alerta] .notif-anim{transform-origin:10% 100%;animation:1.6s ease-in-out infinite ding}@keyframes ding{0%,30%,to{transform:rotate(0)}5%{transform:rotate(-7deg)scale(1.04)}12%{transform:rotate(6deg)}19%{transform:rotate(-3deg)}}.mascota-host [data-state=alerta] .badge{animation:badge .8s var(--spring) infinite}@keyframes badge{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}.mascota-host .ring{opacity:0}.mascota-host [data-state=alerta] .ring{animation:1.6s ease-out infinite ring}.mascota-host [data-state=alerta] .ring.r2{animation-delay:.8s}@keyframes ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.mascota-host #thought text{opacity:0;transform-box:fill-box;transform-origin:50%}.mascota-host [data-state=pensando] #thought text{animation:2.7s ease-out infinite num}.mascota-host #thought text:nth-child(2){animation-delay:.45s!important}.mascota-host #thought text:nth-child(3){animation-delay:.9s!important}.mascota-host #thought text:nth-child(4){animation-delay:1.35s!important}.mascota-host #thought text:nth-child(5){animation-delay:1.8s!important}.mascota-host #thought text:nth-child(6){animation-delay:2.25s!important}@keyframes num{0%{opacity:0;transform:translate(30px,40px)scale(.5)}20%{opacity:1;transform:translate(10px,10px)scale(1)}75%{opacity:.9}to{opacity:0;transform:translate(-30px,-80px)scale(1.15)}}.mascota-host [data-state=risa] #e-joy,.mascota-host [data-state=ouch] #e-x,.mascota-host [data-state=amor] #e-heart,.mascota-host [data-state=guino] #e-arcs,.mascota-host [data-state=idea] #e-round{opacity:1;transform:scale(1)}.mascota-host [data-state=risa] #blush,.mascota-host [data-state=amor] #blush,.mascota-host [data-state=guino] #blush{opacity:.7;transform:scale(1)}.mascota-host [data-state=amor] #smile,.mascota-host [data-state=guino] #smile,.mascota-host [data-state=idea] #smile{opacity:1;transform:scale(1)}.mascota-host [data-state=idea] .brow{animation:browUp .55s var(--spring) both}.mascota-host #mouth-laugh,.mascota-host #mouth-w,.mascota-host #tears .tear,.mascota-host .hb,.mascota-host .bulb-anim,.mascota-host #ouchTxt,.mascota-host #jaja text{transform-box:fill-box;transform-origin:50%}.mascota-host #mouth-laugh,.mascota-host #mouth-w{opacity:0;transition:opacity .25s, transform .45s var(--spring);transform:scale(.4)}.mascota-host [data-state=risa] #mouth-laugh{opacity:1;animation:.38s ease-in-out infinite chomp;transform:scale(1)}@keyframes chomp{0%,to{transform:scaleY(1)}50%{transform:scaleY(.72)}}.mascota-host [data-state=risa] #body-float{transform-origin:50% 90%;animation:.38s ease-in-out infinite laugh}@keyframes laugh{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-16px)rotate(2deg)scale(1.02,.98)}}.mascota-host [data-state=risa] #handL{transform:translate(330px,95px)rotate(20deg)}.mascota-host [data-state=risa] #handR{transform:translate(-175px,95px)rotate(-20deg)}.mascota-host [data-state=risa] .hand-anim{animation:.14s linear infinite jitter}.mascota-host #tears .tear{opacity:0}.mascota-host [data-state=risa] #tears .tear{animation:.9s ease-in infinite tear}.mascota-host #tears .tear:nth-child(2){animation-delay:.3s!important}@keyframes tear{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(8px)scale(1)}to{opacity:0;transform:translateY(60px)scale(.9)}}.mascota-host #jaja text{opacity:0}.mascota-host [data-state=risa] #jaja text{animation:1.8s ease-out infinite zz}.mascota-host #jaja text:nth-child(2){animation-delay:.6s!important}.mascota-host #jaja text:nth-child(3){animation-delay:1.2s!important}.mascota-host [data-state=ouch] #mouth-w{opacity:1;transform:scale(1)}.mascota-host [data-state=ouch] #body-float{transform-origin:50% 100%;animation:.55s ease-out both hit,3.8s ease-in-out .55s infinite float}@keyframes hit{0%{transform:none}12%{transform:translate(-14px,6px)scale(1.12,.84)rotate(-3deg)}28%{transform:translate(12px)scale(.94,1.08)rotate(3deg)}44%{transform:translate(-8px)rotate(-2deg)}60%{transform:translate(5px)}to{transform:none}}.mascota-host [data-state=ouch] #tilt{transform:rotate(5deg)}.mascota-host [data-state=ouch] #handR{transform:translate(-205px,-385px)rotate(-30deg)}.mascota-host [data-state=ouch] #handR .hand-anim{animation:.22s ease-in-out infinite alternate rub}@keyframes rub{0%{transform:translate(-8px)rotate(-6deg)}to{transform:translate(8px,4px)rotate(6deg)}}.mascota-host #ouchTxt{opacity:0;transition:opacity .2s}.mascota-host [data-state=ouch] #ouchTxt{opacity:1}.mascota-host [data-state=amor] #body-float{transform-origin:50% 100%;animation:.9s ease-in-out infinite beat}@keyframes beat{0%,to{transform:scale(1)}20%{transform:scale(1.045,.97)}40%{transform:scale(1)}60%{transform:scale(1.03,.98)}}.mascota-host [data-state=amor] .hb{animation:.9s ease-in-out infinite beat2}@keyframes beat2{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(1)}60%{transform:scale(1.1)}}.mascota-host [data-state=amor] #handL{transform:translate(300px,-30px)rotate(10deg)}.mascota-host [data-state=amor] #handR{transform:translate(-120px,-30px)rotate(-10deg)}.mascota-host [data-state=guino] #eye-r{transition:transform .12s;animation:none;transform:scaleY(.08)}.mascota-host [data-state=guino] #tilt{transform:rotate(-6deg)}.mascota-host [data-state=idea] #body-float{animation:hop .9s var(--spring) both, float 3.8s ease-in-out .9s infinite}.mascota-host [data-state=idea] #eyes-look{transform:translate(-10px,-18px)}.mascota-host [data-state=idea] #handL{transform:translate(110px,-390px)rotate(-8deg)}.mascota-host [data-state=idea] .bulb-anim{transform-origin:50% 100%;animation:1.2s ease-in-out infinite flick}@keyframes flick{0%,to{opacity:1;transform:scale(1)}15%{opacity:.55}20%{opacity:1;transform:scale(1.07)}60%{transform:scale(1.03)}}.mascota-host [data-state=idea] .rays{animation:.6s ease-in-out infinite alternate raysPulse}@keyframes raysPulse{0%{opacity:.4}to{opacity:1}}.mascota-host{z-index:35;perspective:900px;touch-action:none;cursor:grab;filter:drop-shadow(0 10px 18px #00000059);transition:left .55s cubic-bezier(.3,1.2,.5,1),top .55s cubic-bezier(.3,1.2,.5,1),width .55s cubic-bezier(.3,1.2,.5,1),height .55s cubic-bezier(.3,1.2,.5,1);position:fixed}.mascota-host.in-slot{cursor:pointer;z-index:5;touch-action:auto}.mascota-host.dragging{cursor:grabbing;transition:none}.mascota-host.dragging svg{cursor:grabbing}@media (prefers-reduced-motion:reduce){.mascota-host{transition:none}}.mascota-host,.mascota-host svg{pointer-events:none}.mascota-host svg *{pointer-events:auto}:root{--bg:#f4f5f7;--panel:#fff;--line:#e1e4e8;--text:#1c2126;--muted:#6a737d;--brand:#1f6feb;--brand-ink:#fff;--danger:#cf222e;--ok:#1a7f37;--read:var(--brand);--warn:#b45309;--mine:color-mix(in srgb, var(--brand) 18%, var(--panel));--theirs:var(--panel);--shadow:0 6px 24px #0000001f;--page:var(--bg);--glass:var(--panel);--blur:none;--bar-bg:var(--brand);--bar-ink:var(--brand-ink);--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--row-y:10px;--msg-gap:2px;--bubble-y:6px;--bubble-x:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme]){--bg:#0d1117;--panel:#161b22;--line:#30363d;--text:#e6edf3;--muted:#8b949e;--brand:#58a6ff;--brand-ink:#0b1220;--danger:#ff7b72;--ok:#3fb950;--warn:#d29922;--theirs:#21262d;--shadow:0 6px 24px #00000073}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--panel:#161b22;--line:#30363d;--text:#e6edf3;--muted:#8b949e;--brand:#58a6ff;--brand-ink:#0b1220;--danger:#ff7b72;--ok:#3fb950;--warn:#d29922;--theirs:#21262d;--shadow:0 6px 24px #00000073}:root[data-theme=cristal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f0e;--panel:#121917;--line:#ffffff17;--text:#e8f1ee;--muted:#8fa39c;--brand:#10b981;--brand-ink:#04130d;--danger:#fb7185;--ok:#34d399;--warn:#f59e0b;--theirs:#ffffff0f;--shadow:0 10px 40px #0000008c;--page:radial-gradient(1100px 620px at 12% -8%, #10b98133, transparent 60%), radial-gradient(900px 520px at 100% 0%, #f59e0b17, transparent 55%), #0b0f0e;--glass:#1219179e;--blur:blur(18px) saturate(140%);--bar-bg:#0e1412f0;--bar-ink:var(--text)}:root[data-accent=blue]{--brand:#1f6feb;--brand-ink:#fff}:root[data-accent=emerald]{--brand:#059669;--brand-ink:#fff}:root[data-accent=amber]{--brand:#d97706;--brand-ink:#fff}:root[data-accent=rose]{--brand:#e11d48;--brand-ink:#fff}:root[data-accent=orange]{--brand:#ea580c;--brand-ink:#fff}:root[data-theme=dark][data-accent=blue],:root[data-theme=cristal][data-accent=blue]{--brand:#58a6ff;--brand-ink:#0b1220}:root[data-theme=dark][data-accent=emerald],:root[data-theme=cristal][data-accent=emerald]{--brand:#10b981;--brand-ink:#04130d}:root[data-theme=dark][data-accent=amber],:root[data-theme=cristal][data-accent=amber]{--brand:#f59e0b;--brand-ink:#1a1203}:root[data-theme=dark][data-accent=rose],:root[data-theme=cristal][data-accent=rose]{--brand:#fb7185;--brand-ink:#1f060c}:root[data-theme=dark][data-accent=orange],:root[data-theme=cristal][data-accent=orange]{--brand:#fb923c;--brand-ink:#1f0e03}:root[data-radius=round]{--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:24px}:root[data-density=compact]{--row-y:6px;--msg-gap:0px;--bubble-y:4px;--bubble-x:9px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--text);font-size:calc(15px * var(--text-scale,1));background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:where(button){background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-xs);padding:6px 12px}:where(button):hover:not(:disabled){border-color:var(--brand)}:where(button):disabled{opacity:.55;cursor:default}.hint{color:var(--muted);margin:0;padding:12px 16px;font-size:14px}.error{color:var(--danger)}.link{color:var(--brand);background:0 0;border:0;padding:0}.link:hover{text-decoration:underline}.primary{background:var(--brand);color:var(--brand-ink);border-radius:var(--r-sm);border:0;padding:10px 16px;font-weight:600}.primary:disabled{opacity:.5;cursor:default}.auth{place-items:center;min-height:100%;padding:16px;display:grid}.auth-card{background:var(--glass);width:100%;max-width:380px;-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}.brand{color:var(--brand);text-align:center;margin:0 0 4px;font-size:28px}.auth-title{text-align:center;color:var(--muted);margin:0 0 16px}.field{margin-bottom:12px;display:block}.field span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.field input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);width:100%;padding:10px}.auth form .primary{width:100%;margin-top:4px}.links{justify-content:space-between;gap:8px;margin:16px 0 0;font-size:14px;display:flex}.app{grid-template-columns:340px 1fr;height:100%;display:grid}.sidebar{background:var(--glass);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.me{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.me strong{display:block}.me small{color:var(--muted)}.me-status{border-bottom:1px solid var(--line);color:var(--muted);padding:8px 16px;font-size:13px}.me-status select{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-xs);padding:2px 6px}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.online{background:var(--ok)}.dot.connecting{background:#d29922}.search{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);margin:8px 12px;padding:9px 12px}.chat-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.chat-row{width:100%;padding:var(--row-y) 16px;text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;align-items:center;gap:12px;display:flex}.chat-row:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.chat-row.selected{background:var(--mine)}.avatar{background:var(--brand);width:42px;height:42px;color:var(--brand-ink);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative}.online-dot{background:var(--ok);border:2px solid var(--panel);border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.chat-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-top,.chat-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-top time{color:var(--muted);flex:none;font-size:12px}.chat-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.results .chat-preview{white-space:normal}mark{color:inherit;background:#ffd33d66;border-radius:2px}.badge{border-radius:var(--r-sm);background:var(--brand);min-width:20px;color:var(--brand-ink);text-align:center;flex:none;padding:1px 6px;font-size:12px;font-weight:700}.main{min-width:0;min-height:0}.empty{text-align:center;height:100%;color:var(--muted);place-content:center;display:grid}.conversation{flex-direction:column;height:100%;min-height:0;display:flex}.conv-header{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.conv-title{flex-direction:column;display:flex}.conv-title small{color:var(--muted);min-height:1em}.back{background:0 0;border:0;font-size:20px;display:none}.pinbar{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--line);flex-direction:column;font-size:14px;display:flex}.pinbar button{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:6px 16px;overflow:hidden}.pinbar .link{align-self:flex-start}.messages{flex-direction:column;flex:1;padding:12px 16px;display:flex;overflow-y:auto}.older{align-self:center;margin-bottom:8px}.day{text-align:center;color:var(--muted);text-transform:capitalize;align-self:center;margin:12px 0 6px;font-size:12px}.msg{margin:var(--msg-gap) 0;flex-direction:column;max-width:100%;display:flex;position:relative}.msg.mine{align-items:flex-end}.msg.theirs{align-items:flex-start}.bubble{max-width:min(560px,85%);padding:var(--bubble-y) var(--bubble-x);border-radius:var(--r-sm);border:1px solid var(--line)}.mine .bubble{background:var(--mine)}.theirs .bubble{background:var(--theirs)}.flash .bubble{outline:2px solid var(--brand)}.sender{color:var(--brand);font-size:12px;font-weight:700}.tag{background:var(--brand);color:var(--brand-ink);border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0}.body.deleted{color:var(--muted);font-style:italic}.meta{color:var(--muted);justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex}.checks{letter-spacing:-2px;font-weight:700}.checks.read{color:var(--read)}.quote{text-align:left;border:0;border-left:3px solid var(--brand);background:#00000010;border-radius:4px;flex-direction:column;width:100%;margin-bottom:4px;padding:3px 8px;display:flex}.quote strong{color:var(--brand);font-size:12px}.quote span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-md);padding:0 7px;font-size:13px}.reaction.mine{border-color:var(--brand);background:var(--mine)}.actions{gap:2px;margin-top:2px;display:none}.msg:hover .actions,.msg:focus-within .actions{display:flex}.actions button,.picker button{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-xs);padding:1px 6px;font-size:14px}.picker{gap:2px;margin-top:2px;display:flex}.confirm{align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.confirm button{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-xs);padding:2px 10px}.confirm .danger{background:var(--danger);border-color:var(--danger);color:#fff}.composer{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--line);padding:8px 12px}.composer-context{border-left:3px solid var(--brand);background:var(--bg);justify-content:space-between;gap:8px;margin-bottom:6px;padding:4px 8px;font-size:13px;display:flex}.composer-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-context button{background:0 0;border:0}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);flex:1;max-height:140px;padding:9px 12px}.composer .hint,.composer .error{padding:4px 0;font-size:13px}@media (width<=760px){.app{grid-template-columns:1fr}.app.has-selection .sidebar,.app:not(.has-selection) .main{display:none}.back{display:block}}.tabs{border-bottom:1px solid #8884;display:flex}.tabs button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:.5rem}.tabs button.active{border-bottom-color:currentColor;font-weight:600}.contacts-panel{flex-direction:column;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.contacts-panel h3{opacity:.7;margin:.25rem 0;font-size:.85rem}.contacts-panel form{gap:.5rem;display:flex}.contacts-panel form input{flex:1;min-width:0}.contacts-panel ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.contact-row{align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.contact-row .who{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.contact-row small{opacity:.7;text-overflow:ellipsis;overflow:hidden}.contact-row .actions{gap:.25rem;display:flex}.new-request-btn{cursor:pointer;margin:.5rem .75rem;padding:.5rem}.new-request form{flex-direction:column;gap:.5rem;width:min(32rem,100%);display:flex}.new-request textarea{resize:vertical;width:100%;font:inherit;box-sizing:border-box;padding:.5rem}.new-request .actions{align-items:center;gap:.5rem;display:flex}.support-status{align-items:center;gap:.5rem;margin-left:auto;display:flex}.status-pill{border:1px solid;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.status-pill.resolved{opacity:.7}.support-notice{background:#8881;border-bottom:1px solid #8884;margin:0;padding:.4rem .75rem;font-size:.85rem}.support-notice.closed{font-weight:600}.msg.system{align-self:center;max-width:85%}.system-note{text-align:center;opacity:.8;background:#8881;border-radius:.5rem;margin:.25rem 0;padding:.4rem .75rem;font-size:.8rem}.inbox{overflow-y:auto}.inbox-title{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:8px 16px;font-size:.8rem}.company-detail{flex-direction:column;gap:12px;padding:16px 24px;display:flex;overflow-y:auto}.company-detail header{align-items:center;gap:12px;display:flex}.company-detail h2,.company-detail h3{margin:0}.company-detail .actions{align-items:center;gap:12px;display:flex}.admin-users{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-user{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.admin-user .who{flex-direction:column;flex:1;min-width:0;display:flex}.admin-user small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.add-user{flex-direction:column;gap:8px;max-width:24rem;display:flex}.new-request label{flex-direction:column;gap:4px;display:flex}.approvals{margin:0;padding:0;list-style:none;overflow-y:auto}.approval-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;display:flex}.approval-row .who{flex-direction:column;flex:12rem;min-width:0;display:flex}.approval-row small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.approval-row .actions{gap:8px;display:flex}.schedule-summary ul{margin:0;padding:0;list-style:none}.schedule-summary li{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 16px;display:flex}.schedule-editor table{border-collapse:collapse}.schedule-editor th{text-align:left;padding:6px 12px 6px 0;font-weight:600}.schedule-editor td{padding:6px 12px 6px 0}.schedule-editor label{align-items:center;gap:6px;display:flex}.attach{flex:none;padding:6px 10px}.pending-files,.attachments{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pending-files{padding:6px 12px 0}.pending-files li,.attachments li{align-items:center;gap:8px;min-width:0;display:flex}.pending-files li{border:1px solid var(--line);border-radius:var(--r-xs);padding:4px 8px}.attachments{margin-bottom:4px}.attachments li{border-radius:var(--r-xs);background:#7f7f7f26;padding:6px 8px}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pending-files small,.attachments small{color:var(--muted);flex:none}.attachments li{background:0 0;padding:0}.thumb,.doc-chip{all:unset;box-sizing:border-box;cursor:pointer}.thumb{border-radius:var(--r-sm);max-width:min(260px,100%);display:block;overflow:hidden}.thumb img{object-fit:cover;max-width:100%;max-height:220px;display:block}.thumb-wait{background:#7f7f7f26;place-items:center;width:160px;height:100px;display:grid}.doc-chip{border-radius:var(--r-xs);background:#7f7f7f26;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.doc-chip:hover,.doc-chip:focus-visible{background:#7f7f7f47}.lightbox{z-index:50;background:#000000d9;flex-direction:column;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;inset:0}.lightbox-bar{color:#fff;align-items:center;gap:16px;width:min(900px,100%);display:flex}.lightbox-bar a{color:#fff}.lightbox img{object-fit:contain;max-width:100%;min-height:0;max-height:calc(100vh - 80px)}.voice-bar{align-items:center;gap:10px;padding:6px 8px;display:flex}.voice-bar [data-testid=voice-clock]{font-variant-numeric:tabular-nums;flex:1}.rec-dot{color:#d32f2f;animation:1s steps(2,start) infinite rec-blink}@keyframes rec-blink{to{visibility:hidden}}.voice{align-items:center;gap:8px;display:flex}.voice audio{max-width:min(260px,60vw);height:36px}.call-overlay{z-index:60;border-radius:var(--r-md);color:#fff;background:#1f2933;flex-direction:column;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:14px 20px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.call-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.call-actions .danger{color:#fff;background:#d32f2f;border-color:#d32f2f}.call-toast{z-index:60;border-radius:var(--r-sm);color:#fff;background:#1f2933;padding:10px 16px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.call-btn{margin-left:auto}.call-screen{border-radius:var(--r-sm);object-fit:contain;background:#000;width:min(720px,100vw - 48px);max-height:60vh}.bell{margin-left:auto;position:relative}.bell-btn{position:relative}.bell-btn .badge{color:#fff;text-align:center;background:#d32f2f;border-radius:9px;min-width:18px;padding:0 4px;font-size:11px;line-height:18px;position:absolute;top:-6px;right:-6px}.bell-panel{z-index:40;background:var(--panel);width:min(360px,100vw - 24px);max-height:72vh;color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);position:fixed;top:64px;left:8px;overflow-y:auto;box-shadow:0 10px 32px #0000004d}.bell-panel header{border-bottom:1px solid var(--line);color:var(--text);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.bell-panel .link{color:var(--brand)}.bell-panel .hint{color:var(--muted);padding:16px 14px}.bell-panel ul{margin:0;padding:0;list-style:none}.bell-panel li+li .notification{border-top:1px solid var(--line)}.notification{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--text);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.notification:hover,.notification:focus-visible{background:var(--bg)}.notification.unread{background:var(--mine);box-shadow:inset 3px 0 0 var(--brand)}.notification.unread strong{font-weight:700}.notification:not(.unread) strong{color:var(--muted);font-weight:500}.notification-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-text small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification.unread .notification-text small{color:var(--text);opacity:.85}.notification time{color:var(--muted);flex:none;font-size:12px}.push-toggle{border-bottom:1px solid var(--line);color:var(--muted);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.push-toggle button{border:1px solid var(--brand);border-radius:var(--r-lg);color:var(--brand);background:0 0;align-self:flex-start;padding:7px 14px;font-weight:600}.retention{opacity:.75;margin-top:4px;font-size:.8em;display:block}.retention.expired{opacity:1;font-style:italic}.retention-countdown{color:#b26a00}.doc-chip:disabled,.thumb[aria-disabled=true]{cursor:default;opacity:.75}.prefs{border-bottom:1px solid var(--line);color:var(--text);padding:10px 14px}.prefs summary{cursor:pointer;font-weight:600}.prefs fieldset{border:0;margin:6px 0;padding:0}.prefs label{margin:4px 0;display:block}.install-btn{cursor:pointer}.install-floating{z-index:30;border-radius:20px;padding:8px 14px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.install-sidebar{width:calc(100% - 24px);margin:4px 12px}.guide-card{background:var(--glass);-webkit-backdrop-filter:var(--blur);color:var(--text);border-radius:var(--r-md);width:min(520px,100vw - 24px);max-height:calc(100vh - 24px);padding:16px 18px;overflow-y:auto}.guide-card header{justify-content:space-between;align-items:center;display:flex}.guide-card h2{margin:0}.guide-card details{border-radius:var(--r-sm);border:1px solid #7f7f7f59;margin:10px 0;padding:8px 10px}.guide-card ol{padding-left:20px}.guide-card li{margin:6px 0}.guide-icon{vertical-align:middle;border-radius:var(--r-xs);border:1px solid #7f7f7f80;padding:2px}.install-guide{justify-content:center;align-items:center}.connection-banner{z-index:55;background:var(--warn);color:#fff;justify-content:center;align-items:center;gap:12px;padding:6px 12px;font-size:.9em;display:flex;position:fixed;top:0;left:0;right:0}.connection-banner button{padding:2px 10px}.field-wrap{position:relative}.field-wrap.has-toggle input{padding-right:84px}.show-password{border-radius:var(--r-xs);color:var(--brand);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:13px;position:absolute;top:28px;right:6px}.alerts-prompt{border-radius:var(--r-md);background:var(--brand);color:var(--brand-ink);align-items:center;gap:10px;margin:8px 12px;padding:10px 12px;font-size:.92em;display:flex}.alerts-prompt .alerts-text{flex:1}.alerts-prompt .primary{color:var(--brand);border-radius:var(--r-lg);background:#fff;border:0;padding:6px 14px;font-weight:600}.alerts-prompt .link{color:#fff;opacity:.85}.bottom-nav,.profile-card{display:none}@media (width<=760px){:root{--nav-h:62px}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body,input,textarea,select{font-size:16px}button{touch-action:manipulation}.app{grid-template-columns:minmax(0,1fr);height:100dvh}.sidebar{min-width:0;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));border-right:0}.me{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--bar-bg);color:var(--bar-ink);border-bottom:0;gap:8px}.me>div:first-child{display:none}.me:before{content:"Fillme";letter-spacing:.2px;flex:1;font-size:22px;font-weight:800}.me .link{display:none}.bell{margin-left:0}.bell-btn{color:var(--bar-ink);background:0 0;border:0;padding:6px 8px;font-size:22px}.bell-panel{top:calc(56px + env(safe-area-inset-top));width:auto;left:8px;right:8px}.me-status,.install-sidebar{display:none}.sidebar.show-profile .profile-card{background:var(--bg);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:14px;margin:16px 14px 8px;padding:16px;display:flex}.profile-card .avatar{width:60px;height:60px;font-size:24px}.profile-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.profile-card small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.logout-btn{border:1px solid var(--danger);border-radius:var(--r-md);width:100%;color:var(--danger);background:0 0;padding:12px;font-weight:600}.sidebar.show-profile .me-status,.sidebar.show-profile .install-sidebar{margin:8px 14px;display:block}.sidebar.show-profile .me-status{background:var(--bg);border-radius:var(--r-lg);border:0;padding:14px 16px}.sidebar.show-profile .me-status select{margin-left:6px;padding:6px 10px}.sidebar.show-profile .install-sidebar{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);width:calc(100% - 28px);padding:14px;font-weight:600}.sidebar.show-profile>:not(.me):not(.profile-card):not(.install-sidebar):not(.me-status),.tabs[aria-label="Panel de Ventra"],.tabs:not([aria-label]){display:none}.search{border-radius:24px;margin:10px 14px 6px;padding:12px 16px}.tabs[aria-label="Estado de las solicitudes"]{border-radius:var(--r-md);background:var(--bg);border:0;margin:4px 14px 6px;padding:3px}.tabs[aria-label="Estado de las solicitudes"] button{border-radius:var(--r-sm);border:0;padding:8px 4px;font-size:14px}.tabs[aria-label="Estado de las solicitudes"] button.active{background:var(--panel);box-shadow:0 1px 4px #00000026}.chat-row{border-bottom:0;gap:14px;min-height:74px;padding:12px 16px}.chat-row:active{background:var(--bg)}.avatar{width:52px;height:52px;font-size:20px}.chat-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chat-top,.chat-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;overflow:hidden}.chat-top time{color:var(--muted);flex:none;font-size:12px}.chat-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:14px;overflow:hidden}.chat-bottom .badge{background:var(--brand);min-width:22px;color:var(--brand-ink);text-align:center;border-radius:11px;flex:none;padding:2px 7px;font-size:12px;font-weight:700}.new-request-btn{right:16px;bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom));z-index:20;background:var(--brand);color:var(--brand-ink);border:0;border-radius:28px;margin:0;padding:14px 20px;font-weight:700;position:fixed;box-shadow:0 6px 18px #00000047}.bottom-nav{z-index:30;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.bottom-nav button.active{color:var(--brand);font-weight:700}.nav-icon{display:grid;position:relative}.nav-badge{background:var(--danger);min-width:17px;color:var(--brand-ink);text-align:center;border-radius:9px;padding:0 4px;font-size:10px;line-height:17px;position:absolute;top:-5px;right:-10px}.conv-header{padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:var(--bar-bg);color:var(--bar-ink);border-bottom:0;gap:6px}.conv-header .back{color:var(--bar-ink);padding:6px 10px;font-size:26px;line-height:1;display:block}.conv-header .avatar{background:color-mix(in srgb, var(--bar-ink) 22%, transparent);width:40px;height:40px;font-size:16px}.conv-title{flex:1;min-width:0}.conv-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.conv-title small{text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--bar-ink) 82%, transparent);font-size:12px;overflow:hidden}.call-btn{background:0 0;border:0;margin-left:0;padding:8px 10px;font-size:22px}.support-status{flex:none;gap:6px;margin-left:0}.support-status button{border:1px solid color-mix(in srgb, var(--bar-ink) 60%, transparent);border-radius:var(--r-lg);color:var(--bar-ink);background:0 0;padding:5px 9px;font-size:12px}.status-pill{font-size:11px}.messages{padding:10px 10px 6px}.bubble{border-radius:var(--r-lg);max-width:88%;padding:7px 11px}.composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.composer-row{align-items:center;gap:6px}.composer textarea{border-radius:22px;min-height:44px;padding:11px 16px}.composer .attach{background:0 0;border:0;width:44px;height:44px;padding:0;font-size:22px}.composer .primary{border-radius:22px;height:44px;padding:0 18px}.connection-banner{padding-top:calc(6px + env(safe-area-inset-top))}.alerts-prompt{flex-wrap:wrap}.call-overlay,.call-toast{top:calc(12px + env(safe-area-inset-top))}.auth{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.install-floating{bottom:calc(16px + env(safe-area-inset-bottom))}}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]),textarea,select){background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px}::placeholder{color:var(--muted);opacity:1}.permissions-setup{z-index:70;justify-content:center;align-items:center}.permission-list{flex-direction:column;gap:10px;margin:14px 0;padding:0;list-style:none;display:flex}.permission-item{border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:12px;padding:12px;display:flex}.permission-icon{font-size:24px}.permission-text{flex-direction:column;flex:1;min-width:0;display:flex}.permission-text small{color:var(--muted)}.permission-status{color:var(--muted);font-size:12px;font-weight:600}.permission-item.granted .permission-status{color:var(--ok)}.permission-item.denied .permission-status{color:var(--danger)}.permission-all{border-radius:var(--r-lg);width:100%;padding:14px;font-weight:700}.avatar{overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.online-dot{z-index:1}.avatar-picker{flex-direction:column;align-items:center;gap:4px;display:flex}.avatar-edit{background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit .avatar{overflow:visible}.avatar-edit .avatar-img{border-radius:50%}.avatar-camera{background:var(--panel);border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;bottom:-4px;right:-4px}.avatar-actions{gap:12px;font-size:13px;display:flex}.me .avatar-picker{margin-right:8px}.me .avatar{width:36px;height:36px;font-size:15px}.appearance-card{flex-direction:column;gap:14px;display:flex}.ap-group{border:0;min-width:0;margin:0;padding:0}.ap-group legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:13px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-card{text-align:left;border-radius:var(--r-md);flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.theme-card small{color:var(--muted)}.theme-card.on,.ap-chip.on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 45%, transparent)}.theme-preview{--pv-bg:#f4f5f7;--pv-side:#fff;--pv-theirs:#fff;--pv-mine:#cfe0fb;border-radius:var(--r-sm);background:var(--pv-bg);border:1px solid #7f7f7f4d;width:100%;height:54px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.theme-preview[data-preview=dark]{--pv-bg:#0d1117;--pv-side:#161b22;--pv-theirs:#21262d;--pv-mine:#1f3a5f}.theme-preview[data-preview=cristal]{--pv-bg:#0b0f0e;--pv-side:#16201d;--pv-theirs:#1d2a26;--pv-mine:#0f4a37;background:radial-gradient(70px 40px at 10% 0%, #10b98159, transparent 70%), var(--pv-bg)}.theme-preview[data-preview=system]{--pv-side:transparent;background:linear-gradient(110deg,#f4f5f7 50%,#0d1117 50%)}.tp-side{background:var(--pv-side);width:28%;position:absolute;inset:0 auto 0 0}.tp-bubble{border-radius:6px;height:10px;position:absolute}.tp-theirs{background:var(--pv-theirs);width:34%;top:10px;left:36%}.tp-mine{background:var(--pv-mine);width:38%;top:28px;right:8%}.ap-swatches,.ap-chips{flex-wrap:wrap;gap:8px;display:flex}.ap-swatch{width:36px;height:36px;color:var(--muted);border:2px solid #0000;border-radius:50%;padding:0;font-weight:700}.ap-swatch.auto{background:linear-gradient(135deg, var(--brand) 50%, var(--panel) 50%)}.ap-swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--panel) inset}.ap-chip{border-radius:999px;padding:6px 12px}.ap-reset{align-self:flex-start}.welcome{gap:4px;padding:24px}.welcome h2{color:var(--text);margin:0;font-size:1.4rem}.welcome p{margin:0}.welcome-hi{color:var(--muted)}.welcome-orb{background:radial-gradient(circle at 34% 28%, color-mix(in srgb, #fff 80%, var(--brand)), var(--brand) 42%, color-mix(in srgb, #000 60%, var(--brand)) 100%);width:96px;height:96px;box-shadow:0 0 60px color-mix(in srgb, var(--brand) 55%, transparent), inset 0 -8px 18px #00000040;border-radius:50%;margin:0 auto 14px;animation:6s ease-in-out infinite orb-float}@keyframes orb-float{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.welcome-orb{animation:none}}.welcome-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.welcome-chip{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:999px;padding:9px 16px}@media (width<=760px){:root[data-theme=cristal] .me,:root[data-theme=cristal] .conv-header{border-bottom:1px solid var(--line)}.me small{color:color-mix(in srgb, var(--bar-ink) 80%, transparent)}}.chat-row{border-radius:var(--r-md);border-bottom:0;width:calc(100% - 16px);margin:3px 8px}.chat-row.selected{background:color-mix(in srgb, var(--brand) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 45%, transparent)}.avatar{background:linear-gradient(145deg, color-mix(in srgb, #fff 22%, var(--brand)), var(--brand));box-shadow:0 2px 10px color-mix(in srgb, var(--brand) 35%, transparent)}.tabs{border-bottom:0;gap:6px;padding:4px 10px}.tabs button{border:0;border-radius:999px}.tabs button.active{background:color-mix(in srgb, var(--brand) 18%, transparent);color:var(--brand);border:0}.search,.install-sidebar,.sidebar>button:not(.link){border-radius:999px}.install-sidebar{background:var(--glass);-webkit-backdrop-filter:var(--blur)}.bubble{border-radius:var(--r-md);padding:calc(var(--bubble-y) + 2px) calc(var(--bubble-x) + 2px)}.mine .bubble{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 34%, var(--panel)), color-mix(in srgb, var(--brand) 18%, var(--panel)));border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.theirs .bubble{background:var(--theirs);-webkit-backdrop-filter:var(--blur)}.composer textarea{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:22px;padding:10px 16px}.composer-row>button{border-radius:999px;min-width:40px;min-height:40px}.composer-row>.primary{box-shadow:0 4px 16px color-mix(in srgb, var(--brand) 40%, transparent);padding:8px 18px}.composer-row{align-items:flex-end;gap:6px}.composer-tools{flex:none;align-items:center;gap:2px;display:flex}.composer-row .tool{background:0 0;border:0;border-radius:50%;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;font-size:18px}.composer-row .tool:hover:not(:disabled){background:color-mix(in srgb, var(--text) 10%, transparent)}.composer-row .tool:disabled{opacity:.35}.composer textarea{min-height:40px;font-size:max(16px,1em);line-height:1.35;transition:height .12s;overflow-y:auto}.composer-row>.send{border-radius:50%;flex:none;place-items:center;width:42px;min-width:42px;height:42px;padding:0;font-size:18px;transition:opacity .15s,transform .15s;display:grid}.composer-row>.send:disabled{opacity:.35;box-shadow:none}.composer-row>.send:not(:disabled):active{transform:scale(.92)}.attachments{flex-flow:wrap}.attachments li:has(.thumb){background:0 0;flex-direction:column;align-items:flex-start;padding:0;display:inline-flex}.attachments li:not(:has(.thumb)){flex:100%}.thumb{border-radius:var(--r-md);width:132px;max-width:none;height:132px;box-shadow:0 2px 10px #00000040}.thumb img{object-fit:cover;width:100%;height:100%;max-height:none}.thumb-wait{width:132px;height:132px}.conversation{position:relative}.lightbox.in-chat{z-index:20;border-radius:inherit;-webkit-backdrop-filter:blur(10px);position:absolute}.lightbox.in-chat img{border-radius:var(--r-md);max-height:calc(100% - 60px)}.bubble-row{align-items:center;gap:4px;max-width:100%;display:flex;position:relative}.msg.mine .bubble-row{flex-direction:row-reverse}.msg-menu-anchor{flex:none;position:relative}.dots{width:28px;height:28px;color:var(--muted);opacity:0;background:0 0;border:0;border-radius:50%;padding:0;font-size:20px;line-height:1;transition:opacity .12s}.msg:hover .dots,.dots:focus-visible,.dots[aria-expanded=true]{opacity:1;background:color-mix(in srgb, var(--text) 10%, transparent)}@media (hover:none){.dots{opacity:.55}}.msg-menu{z-index:15;border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass);min-width:170px;-webkit-backdrop-filter:var(--blur);box-shadow:var(--shadow);flex-direction:column;padding:6px;display:flex;position:absolute;top:100%}.msg.theirs .msg-menu{left:0}.msg.mine .msg-menu{right:0}.msg-menu button{border-radius:var(--r-sm);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.msg-menu button:hover{background:color-mix(in srgb, var(--text) 10%, transparent)}.msg-menu.emoji-row{flex-direction:row;gap:2px;min-width:0}.msg-menu.emoji-row button{padding:6px 8px;font-size:20px}.retention{color:var(--muted);font-size:11px;display:block}.attachments li:has(.thumb){position:relative}.attachments li:has(.thumb) .retention{color:#fff;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#0000008c;border-radius:999px;padding:2px 8px;position:absolute;bottom:6px;left:6px}.welcome-slot{width:min(280px,60vw);height:240px;margin:0 auto 6px}.auth-mascot{width:100%;height:150px;margin:-8px 0 4px}@media (height<=640px){.auth-mascot{display:none}}.ap-mascota{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:12px;display:flex}.ap-mascota h3{margin:0;font-size:15px}.ap-note{color:var(--muted);margin-top:6px;display:block}.ap-mascota input[type=range]{width:100%;accent-color:var(--brand)}