@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0&family=IBM+Plex+Serif:ital,wght@0,500;0,600&family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600&family=Syne:wght@600;700;800&display=swap";:root{--bg:#07090e;--surface:#12161f;--elev:#1a2030;--border:#ffffff14;--text:#f0f2f7;--muted:#8892a8;--accent:#5b8def;--accent-glow:#5b8def59;--danger:#e05252;--ok:#3dcc85;--radius:14px;--font:"Outfit", system-ui, sans-serif;--font-call:"Inter", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font:15px/1.5 var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:#050505}#app{min-height:100%}.tuinki-landing{--tuinki-blurple:#5865f2;--tuinki-blurple-soft:#5865f259;--tuinki-mint:#4dd4ba;--tuinki-landing-pad-x:clamp(1.25rem, 5vw, 2.5rem);--tuinki-landing-max:1380px;min-height:100dvh;font-family:var(--font);color:#fff;-webkit-overflow-scrolling:touch;background:radial-gradient(120% 80% at 80% -20%,#5865f238,#0000 50%),radial-gradient(90% 70% at 10% 60%,#5b8def1f,#0000 45%),radial-gradient(80% 50% at 50% 120%,#5865f226,#0000 55%),#0b0c10;flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:clip auto}.tuinki-landing__blobs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.tuinki-landing__blob{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.tuinki-landing__blob--a{background:var(--tuinki-blurple);width:min(420px,90vw);height:min(420px,90vw);top:-12%;right:-8%}.tuinki-landing__blob--b{background:#5b8defe6;width:min(340px,75vw);height:min(340px,75vw);bottom:-5%;left:-15%}.tuinki-landing__blob--c{background:#ffffff1f;width:min(220px,50vw);height:min(220px,50vw);top:42%;left:40%}.tuinki-landing__glow{background:radial-gradient(ellipse 90% 100% at 50% 100%, var(--tuinki-blurple-soft), transparent 70%);pointer-events:none;z-index:0;height:min(52vh,380px);position:fixed;inset:auto 0 0}html:has(#tuinkiLanding){scroll-behavior:smooth}.tuinki-landing__nav-shell{z-index:50;pointer-events:none;width:100%;padding-top:max(env(safe-area-inset-top), 1.25rem);justify-content:center;padding-left:clamp(1.25rem,5vw,2.5rem);padding-right:clamp(1.25rem,5vw,2.5rem);display:flex;position:fixed;top:0;left:0}@media (width>=768px){.tuinki-landing__nav-shell{padding-top:max(env(safe-area-inset-top), 2.25rem)}}.tuinki-landing__nav{pointer-events:auto;width:100%;max-width:1400px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9999px;justify-content:space-between;align-items:center;gap:clamp(.75rem,3vw,1.5rem);margin:0;padding:1rem 0;transition:max-width .65s cubic-bezier(.19,1,.22,1),padding .65s cubic-bezier(.19,1,.22,1),background .65s,border-color .65s,box-shadow .65s;display:flex}.tuinki-landing__nav--scrolled{-webkit-backdrop-filter:blur(24px)saturate(1.25);background:#ffffff08;border-color:#ffffff0d;max-width:min(96vw,1024px);padding:.65rem clamp(1.25rem,4vw,2.25rem);box-shadow:0 25px 50px -12px #0000008c}.tuinki-landing__nav-brand{min-width:0;color:inherit;flex-shrink:0;align-items:center;gap:1.15rem;text-decoration:none;transition:gap .65s cubic-bezier(.19,1,.22,1);display:flex}.tuinki-landing__nav--scrolled .tuinki-landing__nav-brand{gap:.85rem}.tuinki-landing__nav-mark{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:width .65s cubic-bezier(.19,1,.22,1),height .65s cubic-bezier(.19,1,.22,1);display:flex}.tuinki-landing__nav--scrolled .tuinki-landing__nav-mark{width:2rem;height:2rem}.tuinki-landing__nav-title{letter-spacing:.35em;text-transform:uppercase;color:#fff;white-space:nowrap;font-size:11px;font-weight:700;transition:font-size .65s,letter-spacing .65s}.tuinki-landing__nav--scrolled .tuinki-landing__nav-title{letter-spacing:.28em;font-size:9px}.tuinki-landing__nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem clamp(.65rem,2.5vw,1.75rem);display:flex}.tuinki-landing__nav-link{letter-spacing:.28em;text-transform:uppercase;color:#ffffffc7;font-size:9px;font-weight:700;text-decoration:none;transition:color .2s}.tuinki-landing__nav-link:hover{color:#fff}.tuinki-landing__nav-cta-pill{letter-spacing:.22em;text-transform:uppercase;color:#fffffff2;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;justify-content:center;align-items:center;padding:.45rem .95rem;font-size:9px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.tuinki-landing__nav-cta-pill:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.tuinki-landing__nav--scrolled .tuinki-landing__nav-cta-pill{background:#ffffff14;border-color:#ffffff24}.tuinki-landing__nav-toggle{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.tuinki-landing__nav-toggle-bar{background:#fff;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.tuinki-landing__nav-overlay{display:none}@media (width<=767px){.tuinki-landing__nav-toggle{display:flex}.tuinki-landing__nav-links{-webkit-backdrop-filter:blur(24px)saturate(1.25);z-index:100;background:#0b0c10fa;border-left:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,2.5rem);width:min(85vw,320px);height:100dvh;padding:clamp(3rem,5vw,4rem) clamp(2rem,4vw,3rem);transition:right .35s cubic-bezier(.19,1,.22,1);position:fixed;top:0;right:-100%}.tuinki-landing__nav-links.is-open{right:0}.tuinki-landing__nav-link,.tuinki-landing__nav-cta-pill{letter-spacing:.08em;font-size:clamp(1rem,3vw,1.25rem);font-weight:600}.tuinki-landing__nav-link{color:#ffffffeb}.tuinki-landing__nav-cta-pill{color:#fff;background:#5865f226;border-color:#5865f259;padding:clamp(.65rem,2vw,.85rem) clamp(1.5rem,4vw,2.25rem)}.tuinki-landing__nav-toggle.is-open .tuinki-landing__nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.tuinki-landing__nav-toggle.is-open .tuinki-landing__nav-toggle-bar:nth-child(2){opacity:0}.tuinki-landing__nav-toggle.is-open .tuinki-landing__nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.tuinki-landing__nav-overlay{-webkit-backdrop-filter:blur(4px);z-index:55;opacity:0;pointer-events:none;background:#0009;transition:opacity .35s;display:block;position:fixed;inset:0}.tuinki-landing__nav-overlay.is-open{opacity:1;pointer-events:auto}.tuinki-landing__wrap{gap:clamp(1.5rem,5vw,2.5rem);padding:0 clamp(1rem,4vw,1.5rem) clamp(2rem,5vw,3rem)}.tuinki-landing__hero{gap:clamp(1.5rem,4vw,2.5rem);min-height:auto;padding:0 0 clamp(1rem,3vw,2rem)!important}.tuinki-landing__hero-copy{max-width:100%}.tuinki-landing__headline-line:first-child{margin-top:8rem}.tuinki-landing__headline{font-size:clamp(2.25rem,9vw,3.5rem);line-height:1.02}.tuinki-landing__sub{font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.55}.tuinki-landing__hero-actions{flex-direction:column;align-items:stretch;gap:.55rem}.tuinki-landing__hero-cta,.tuinki-landing__hero-secondary{justify-content:center;width:100%}.tuinki-landing__hero-img{max-width:100%;margin:0;transform:none}.tuinki-landing__marquee{margin-top:.5rem;margin-bottom:.5rem}.tuinki-landing__marquee-inner span{font-size:clamp(1.45rem,5vw,2.25rem)}.tuinki-landing__features{padding:clamp(1rem,3vw,1.75rem) clamp(1rem,4vw,1.5rem) clamp(1.5rem,5vw,2.5rem)}.tuinki-landing__features-arena{--tuinki-bento-gap:clamp(10px, 2.5vw, 14px);--tuinki-bento-cell-radius:clamp(14px, 3vw, 18px)}.tuinki-landing__features-hero{margin-bottom:clamp(.75rem,3vw,1.25rem)}.tuinki-landing__feature-words--intro{font-size:clamp(1.25rem,4vw,1.85rem);line-height:1.25}.tuinki-landing__feature-bento{grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:1fr}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:first-child{grid-area:1/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(2){grid-area:2/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(3){grid-area:3/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(4){grid-area:4/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(5){grid-area:5/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(6){grid-area:6/1}.tuinki-landing__feature-panel{min-height:clamp(7.5rem,22vw,10rem);padding:clamp(1.15rem,3vw,1.5rem)}.tuinki-landing__feature-icon{width:clamp(1.75rem,4.5vw,2.35rem);height:clamp(1.75rem,4.5vw,2.35rem)}.tuinki-landing__feature-title{font-size:clamp(1.1rem,2.8vw,1.35rem)}.tuinki-landing__feature-words{font-size:clamp(.85rem,2vw,.95rem)}.tuinki-landing__foot{padding:clamp(1rem,3vw,1.5rem) 0}.tuinki-landing__foot-note{font-size:clamp(.75rem,2vw,.85rem)}}#tuinkiFeatures,#tuinkiEmpezar{scroll-margin-top:5.5rem}@media (prefers-reduced-motion:reduce){.tuinki-landing__nav,.tuinki-landing__nav-brand,.tuinki-landing__nav-mark,.tuinki-landing__nav-title{transition:none}html:has(#tuinkiLanding){scroll-behavior:auto}}.tuinki-project{color:#fff;background:#050505;min-height:100dvh;position:relative;overflow-x:hidden}.tuinki-project__bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 4%,#5865f247,#0000 32rem),radial-gradient(circle at 18% 78%,#5b8def24,#0000 28rem),radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/22px 22px,#050505;position:fixed;inset:0}.tuinki-project__nav-shell{z-index:50;pointer-events:none;width:100%;padding-top:max(env(safe-area-inset-top), 1.5rem);justify-content:center;padding-left:clamp(2rem,5vw,3.5rem);padding-right:clamp(2rem,5vw,3.5rem);display:flex;position:fixed;top:0;left:0}.tuinki-project__nav{pointer-events:auto;-webkit-backdrop-filter:blur(40px)saturate(1.25);background:#ffffff08;border:1px solid #ffffff0d;border-radius:9999px;justify-content:space-between;align-items:center;gap:clamp(.75rem,3vw,1.5rem);width:min(100%,1024px);max-width:min(96vw,1024px);padding:.75rem 2.5rem;display:flex;box-shadow:0 25px 50px -12px #0000008c}.tuinki-project__brand{min-width:0;color:inherit;flex-shrink:0;align-items:center;gap:1rem;text-decoration:none;display:flex}.tuinki-project__brand-mark,.tuinki-project__footer-mark{color:#fff;background:#5865f2;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex}.tuinki-project__brand-mark{border-radius:2px;width:2rem;height:2rem;font-size:.6875rem}.tuinki-project__brand-title{letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:700}.tuinki-project__nav-links{letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:clamp(1rem,3vw,2rem);font-size:9px;font-weight:700;display:flex}.tuinki-project__nav-link,.tuinki-project__footer-link{color:#ffffffb8;text-decoration:none;transition:color .2s}.tuinki-project__nav-link:hover,.tuinki-project__footer-link:hover,.tuinki-project__nav-current{color:#fff}.tuinki-project__nav-cta{background:#ffffff14;border:1px solid #ffffff24;border-radius:9999px;padding:.45rem .95rem}.tuinki-project__main{z-index:1;width:min(100% - clamp(4rem,10vw,12rem),1400px);margin:0 auto;padding-top:clamp(8rem,12vw,10rem);padding-bottom:clamp(5rem,10vw,8rem);position:relative}.tuinki-project__hero{max-width:46rem;margin-bottom:clamp(3.5rem,7vw,5rem)}.tuinki-project__kicker{letter-spacing:.35em;text-transform:uppercase;color:#ffffff5c;margin:0 0 1rem;font-size:10px;font-weight:700}.tuinki-project__title{letter-spacing:-.03em;margin:0;font-size:clamp(1.85rem,4.5vw,3rem);font-weight:900;line-height:1.08}.tuinki-project__title span{color:#7f8cff}.tuinki-project__lead{color:#ffffff9e;max-width:42rem;margin:1.4rem 0 0;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}.tuinki-project__content{border-top:1px solid #ffffff14;gap:clamp(3rem,6vw,4rem);max-width:42rem;padding-top:clamp(3rem,6vw,4rem);display:grid}.tuinki-project__section h2{color:#fff;letter-spacing:.32em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:700}.tuinki-project__section p{color:#ffffffa3;margin:0;line-height:1.75}.tuinki-project__section p+p{margin-top:1.4rem}.tuinki-project__muted{font-size:.95rem;color:#ffffff6b!important}.tuinki-project__creator{border-top:1px solid #ffffff14;align-items:center;gap:clamp(1.25rem,4vw,2rem);max-width:34rem;margin-top:2.5rem;padding-top:2.5rem;display:flex}.tuinki-project__creator img{object-fit:cover;object-position:center;border:1px solid #ffffff29;border-radius:9999px;flex-shrink:0;width:clamp(9rem,18vw,11rem);height:clamp(9rem,18vw,11rem);box-shadow:0 8px 32px #00000073}.tuinki-project__creator p{letter-spacing:.26em;text-transform:uppercase;color:#ffffff57;align-self:center;font-size:9px;font-weight:700}.tuinki-project__creator span{color:#ffffffad}.tuinki-project__footer{z-index:1;text-align:center;border-top:1px solid #ffffff0f;padding:clamp(3.5rem,7vw,5rem) 2rem;position:relative}.tuinki-project__footer-mark{background:#ffffff0a;border:1px solid #ffffff1a;width:2.25rem;height:2.25rem;margin:0 auto 2rem;font-size:10px;text-decoration:none;transition:background .5s}.tuinki-project__footer-mark:hover{background:#5865f2}.tuinki-project__footer-title{color:#fff;margin:0;font-size:clamp(1rem,2vw,1.125rem);font-weight:700}.tuinki-project__footer-sub,.tuinki-project__footer-link{letter-spacing:.32em;text-transform:uppercase;font-size:9px;font-weight:700}.tuinki-project__footer-sub{color:#ffffff57;margin:.25rem 0 1.5rem}@media (width>=768px){.tuinki-project__nav-shell{padding-top:max(env(safe-area-inset-top), 2.5rem);padding-left:clamp(2rem,4vw + 1rem,6rem);padding-right:clamp(2rem,4vw + 1rem,5rem)}}@media (width<=680px){.tuinki-project__nav{padding:.7rem 1.2rem}.tuinki-project__nav-links{letter-spacing:.18em;gap:.9rem}.tuinki-project__nav-links .tuinki-project__nav-link:first-child{display:none}.tuinki-project__main{width:min(100% - 2.5rem,1400px)}.tuinki-project__creator{flex-direction:column;align-items:flex-start}}.tuinki-landing .btn{width:auto}.tuinki-landing a.btn{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.tuinki-landing__wrap{z-index:1;width:100%;min-width:0;max-width:var(--tuinki-landing-max);padding:0 var(--tuinki-landing-pad-x) clamp(2.5rem, 7vw, 4rem);flex-direction:column;flex:1;gap:clamp(2.25rem,6vw,3.75rem);margin:0 auto;display:flex;position:relative}.tuinki-landing__hero{isolation:isolate;flex-direction:column;align-items:center;gap:0;min-height:100dvh;padding-block:0 clamp(.5rem,3vw,1.5rem);display:flex;position:relative;overflow:visible}.tuinki-landing__hero-particles{z-index:0;pointer-events:none;position:absolute;inset:clamp(-6rem,-10vw,-2rem) -15% clamp(-4rem,-8vw,-1rem);overflow:visible}.tuinki-landing__hero-particle{opacity:.45;will-change:transform, opacity;animation:tuinki-hero-particle-float var(--tuinki-p-float,18s) ease-in-out infinite alternate;animation-delay:var(--tuinki-p-delay,0s);background:radial-gradient(circle at 30% 30%,#ffffffbf,#b4c3ff38 55%,#0000 70%);border-radius:50%;position:absolute;box-shadow:0 0 calc(8px + .2vw) #8698ff59,0 0 1px #fff3}@keyframes tuinki-hero-particle-float{0%{opacity:.22;transform:translate(-50%,-50%)translate(0,0)}55%{transform:translate3d(-50%, -50%, 0) translate3d(calc(var(--tuinki-p-x,0px) * -.72), calc(var(--tuinki-p-y,0px) * .82), 0);opacity:.65}to{transform:translate3d(-50%, -50%, 0) translate3d(var(--tuinki-p-x,0px), var(--tuinki-p-y,0px), 0);opacity:.78}}.tuinki-landing__hero-copy{z-index:2;text-align:center;width:100%;max-width:min(48rem,100%);position:relative}.tuinki-landing__headline{font-family:"Syne", var(--font), system-ui, sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,10vw,5.5rem);font-weight:700;line-height:1.04}.tuinki-landing__headline-line{display:block}.tuinki-landing__headline-line:first-child{margin-top:6rem}.tuinki-landing__headline-line--accent{background:linear-gradient(115deg,#fff 30%,#c8d2fff2 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.tuinki-landing__sub{color:#ffffff9e;max-width:none;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;line-height:1.6;font-family:var(--font-call);margin:.75rem 0 0}.tuinki-landing__hero-actions{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.65rem;margin-top:.75rem;display:flex}.tuinki-landing__hero-img{z-index:1;width:100%;min-width:0;max-width:min(100%,920px);height:auto;margin:0;display:block;position:relative}@media (width>=960px){.tuinki-landing__hero{flex-direction:row;align-items:center;gap:clamp(1.75rem,4vw,3rem)}.tuinki-landing__hero-copy{text-align:left;flex:0 0 46rem;align-self:center;max-width:46rem}.tuinki-landing__hero-actions{justify-content:flex-start}.tuinki-landing__hero-img{z-index:1;transform-origin:93%;flex:min(1080px,76vw);width:auto;min-width:0;max-width:min(1180px,84vw);margin-left:auto;transform:translate(clamp(.85rem,3.2vw,2.85rem))scale(1.26)}}@media (width>=1200px){.tuinki-landing__hero-copy{flex:0 0 52rem;max-width:52rem}.tuinki-landing__headline{font-size:clamp(3.5rem,7vw,5.5rem)}.tuinki-landing__hero-img{transform-origin:96% 49%;flex-basis:min(1100px,74vw);max-width:min(1280px,82vw);transform:translate(clamp(.85rem,3.2vw,2.85rem))scale(1.32)}}@media (width>=1400px){.tuinki-landing__hero-img{transform-origin:97% 48%;flex-basis:min(1200px,76vw);max-width:min(1380px,82vw);transform:translate(clamp(.65rem,2.8vw,2.4rem))scale(1.42)}}.tuinki-landing__hero-cta{min-height:44px;padding-inline:clamp(1.15rem,4vw,1.85rem);font-size:.875rem;font-weight:600;box-shadow:0 4px 28px #00000059}.tuinki-landing__hero-secondary{min-height:44px;font-size:.84375rem}.tuinki-landing__marquee{z-index:1;background:#00000080;border-block:1px solid #ffffff12;width:100svw;margin:clamp(.25rem,2vw,.75rem) calc(50% - 50svw);position:relative;overflow:hidden}@supports not (width:100svw){.tuinki-landing__marquee{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.tuinki-landing__marquee-track{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.tuinki-landing__marquee-inner{flex-wrap:nowrap;gap:clamp(2.25rem,8vw,4.5rem);width:max-content;padding:.72rem clamp(2rem,6vw,3rem);animation:32s linear infinite tuinki-marquee;display:flex}.tuinki-landing__marquee-inner span{letter-spacing:-.04em;text-transform:lowercase;color:#fff3;flex-shrink:0;font-size:clamp(1.85rem,6vw,2.85rem);font-weight:800}@keyframes tuinki-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tuinki-landing__features{--tuinki-features-pad-x:clamp(.5rem, 2.2vw, 1.5rem);--tuinki-features-arena-max:min(1520px, 100%);width:100svw;padding:clamp(1.25rem, 3.5vw, 2rem) var(--tuinki-features-pad-x) clamp(2rem, 7vw, 3.75rem);box-sizing:border-box;margin-left:calc(50% - 50svw);margin-right:calc(50% - 50svw);position:relative}@supports not (width:100svw){.tuinki-landing__features{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.tuinki-landing__features-arena{--tuinki-bento-gap:clamp(14px, 1.35vw, 18px);--tuinki-bento-radius:clamp(22px, 2.6vw, 30px);--tuinki-bento-cell-radius:clamp(18px, 2.2vw, 26px);--tuinki-hero-copy-bg:#c2410c;--tuinki-hero-copy-shadow:#7c2d12;max-width:var(--tuinki-features-arena-max,min(1520px, 100%));box-shadow:none;gap:var(--tuinki-bento-gap);background:0 0;border:none;border-radius:0;flex-direction:column;margin-inline:auto;padding:0;display:flex;position:relative;overflow:visible}.tuinki-landing__features-hero{z-index:1;width:100%;position:relative}.tuinki-landing__visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tuinki-landing__features-intro{text-align:center;border-radius:var(--tuinki-bento-cell-radius);background:radial-gradient(ellipse 85% 70% at 92% 18%, #ffffff24 0%, transparent 52%), radial-gradient(ellipse 60% 50% at 8% 88%, #0000001f 0%, transparent 55%), var(--tuinki-hero-copy-bg);width:100%;max-width:none;box-shadow:0 4px 0 var(--tuinki-hero-copy-shadow);justify-content:center;align-items:center;min-height:clamp(8.5rem,18vw,11.5rem);margin-inline:0;padding:clamp(1.65rem,4vw,2.65rem) clamp(1.35rem,3.6vw,2.15rem);transition:transform .32s cubic-bezier(.34,1.45,.64,1),box-shadow .32s,filter .32s;display:flex;position:relative;overflow:hidden}.tuinki-landing__features-intro:hover{filter:brightness(1.06)saturate(1.06);box-shadow:0 9px 0 var(--tuinki-hero-copy-shadow), 0 28px 56px -12px #c2410c7a, 0 0 0 1px #ffffff1a;transform:translateY(-5px)scale(1.008)}.tuinki-landing__features-intro:hover .tuinki-landing__feature-words--intro{transform:translateY(-3px)}.tuinki-landing__features-intro:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.tuinki-landing__feature-words{z-index:1;color:#fff;font-family:"Syne", var(--font), system-ui, sans-serif;text-wrap:balance;margin:0;font-weight:600;line-height:1.28;transition:transform .32s cubic-bezier(.34,1.45,.64,1);position:relative}.tuinki-landing__feature-words--intro{font-family:"Syne", var(--font), system-ui, sans-serif;letter-spacing:-.03em;text-shadow:0 1px #00000029,0 18px 40px #00000024;font-size:clamp(1.65rem,5.1vw,3.05rem);font-weight:700;line-height:1.22}.tuinki-landing__feature-bento{z-index:1;box-shadow:none;gap:var(--tuinki-bento-gap);text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:1fr;align-items:stretch;margin-top:0;padding:0;display:grid;position:relative}@media (width>=700px) and (width<=959px){.tuinki-landing__feature-bento{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:first-child{grid-area:1/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(2){grid-area:1/2}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(3){grid-area:2/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(4){grid-area:2/2}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(5){grid-area:3/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(6){grid-area:3/2}}@media (width>=960px){.tuinki-landing__feature-bento{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:first-child{grid-area:1/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(2){grid-area:1/2}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(3){grid-area:1/3}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(4){grid-area:2/1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(5){grid-area:2/2}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(6){grid-area:2/3}}.tuinki-landing__feature-panel{text-align:center;border-radius:var(--tuinki-bento-cell-radius,22px);isolation:isolate;border:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.65rem,2vw,1rem);min-height:clamp(8.5rem,26vw,12rem);padding:clamp(1.35rem,3vw,1.75rem) clamp(1.2rem,2.8vw,1.65rem);transition:transform .32s cubic-bezier(.34,1.45,.64,1),filter .32s,box-shadow .32s;display:flex;position:relative;overflow:hidden}.tuinki-landing__feature-panel:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(85% 70% at 92% 18%,#ffffff24 0%,#0000 52%),radial-gradient(60% 50% at 8% 88%,#0000001f 0%,#0000 55%);position:absolute;inset:0}.tuinki-landing__feature-panel:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;transition:box-shadow .32s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.tuinki-landing__feature-panel:hover{filter:brightness(1.06)saturate(1.06);transform:translateY(-5px)scale(1.008)}.tuinki-landing__feature-panel:hover:after{box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000000f}.tuinki-landing__feature-panel:hover .tuinki-landing__feature-words{transform:translateY(-3px)}.tuinki-landing__feature-body{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.65rem,2vw,1rem);width:100%;min-width:0;display:flex;position:relative}.tuinki-landing__feature-icon{color:#ffffffd9;opacity:.9;flex-shrink:0;width:clamp(2rem,5vw,2.75rem);height:clamp(2rem,5vw,2.75rem);transition:transform .32s cubic-bezier(.34,1.45,.64,1),opacity .32s}.tuinki-landing__feature-panel:hover .tuinki-landing__feature-icon{opacity:1;transform:scale(1.08)}.tuinki-landing__feature-title{font-family:"Syne", var(--font), system-ui, sans-serif;letter-spacing:-.025em;color:#fff;margin:0;font-size:clamp(1.25rem,3.2vw,1.5rem);font-weight:700;line-height:1.15}.tuinki-landing__feature-panel .tuinki-landing__feature-words{letter-spacing:-.015em;text-shadow:none;text-align:center;color:#ffffffd9;max-width:none;margin-inline:auto;font-size:clamp(1.25rem,3.5vw,1.85rem);font-weight:500;line-height:1.4}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:first-child{background:#4338ca;box-shadow:0 4px #312e81}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:first-child:hover{box-shadow:0 9px #312e81,0 32px 64px -14px #4338ca85,0 0 0 1px #ffffff1a}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(2){background:#0f766e;box-shadow:0 4px #115e59}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(2):hover{box-shadow:0 9px #115e59,0 32px 64px -14px #0f766e80,0 0 0 1px #ffffff1a}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(3){background:#be123c;box-shadow:0 4px #9f1239}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(3):hover{box-shadow:0 9px #9f1239,0 32px 64px -14px #be123c80,0 0 0 1px #ffffff1a}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(4){background:#7c3aed;box-shadow:0 4px #6d28d9}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(4):hover{box-shadow:0 9px #6d28d9,0 32px 64px -14px #7c3aed80,0 0 0 1px #ffffff1a}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(5){background:#0284c7;box-shadow:0 4px #0369a1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(5):hover{box-shadow:0 9px #0369a1,0 32px 64px -14px #0284c780,0 0 0 1px #ffffff1a}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(6){background:#16a34a;box-shadow:0 4px #15803d}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(6):hover{box-shadow:0 9px #15803d,0 32px 64px -14px #16a34a80,0 0 0 1px #ffffff1a}@media (width<=699px){.tuinki-landing__feature-panel{min-height:0}}.tuinki-landing__foot{text-align:center;border-top:1px solid #ffffff0f;margin-top:clamp(2rem,6vw,3rem);padding-top:1.75rem}.tuinki-landing__foot-note{color:#ffffff52;font-size:.6875rem;font-family:var(--font-call);margin:0}@media (prefers-reduced-motion:reduce){.tuinki-landing__marquee-inner{animation:none}.tuinki-landing__features-intro,.tuinki-landing__features-intro:hover{filter:none;transition:none;transform:none}.tuinki-landing__features-intro:hover{box-shadow:0 4px 0 var(--tuinki-hero-copy-shadow)}.tuinki-landing__features-intro:hover .tuinki-landing__feature-words--intro,.tuinki-landing__feature-panel:hover .tuinki-landing__feature-words{transform:none}.tuinki-landing__feature-panel,.tuinki-landing__feature-panel:hover{filter:none;transition:none;transform:none}.tuinki-landing__journey-step,.tuinki-landing__journey-step *{transition:none!important;transform:none!important}.tuinki-landing__feature-panel:hover:after{box-shadow:inset 0 1px #ffffff24}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:first-child:hover{box-shadow:0 4px #312e81}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(2):hover{box-shadow:0 4px #115e59}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(3):hover{box-shadow:0 4px #9f1239}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(4):hover{box-shadow:0 4px #6d28d9}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(5):hover{box-shadow:0 4px #0369a1}.tuinki-landing__feature-bento .tuinki-landing__feature-panel:nth-child(6):hover{box-shadow:0 4px #15803d}.tuinki-landing__hero-particle{opacity:.2!important;animation:none!important}.tuinki-landing__hero-img{transform:translate(clamp(.85rem,3.2vw,2.85rem))scale(1)}}.lobby{min-height:100dvh;font-family:var(--font-call);color:#ffffffe6;background:#060606;flex-direction:column;margin:0;padding:0;display:flex;position:relative;overflow:hidden}body.in-call .lobby{display:none}.lobby-halves{flex:1;grid-template-columns:1fr 1fr;min-height:320px;display:grid}.lobby-half{text-align:center;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem);padding-top:max(env(safe-area-inset-top), .85rem);padding-bottom:max(env(safe-area-inset-bottom), clamp(1.25rem, 4vw, 2.5rem));-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:relative;overflow-y:auto}.lobby-half--create{background:radial-gradient(80% 60% at 30% 80%,#5b8def1f,#0000 55%),linear-gradient(#0c0e16f2 0%,#06070afa 100%);border-right:1px solid #ffffff0f}.lobby-half--join{background:radial-gradient(75% 55% at 70% 75%,#ffffff0f,#0000 50%),linear-gradient(#0a0a0cf5 0%,#060608fc 100%)}.lobby-toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:200;max-width:min(90vw,380px);font-size:.875rem;font-weight:500;font-family:var(--font-call);text-align:center;pointer-events:none;opacity:0;border-radius:12px;padding:.7rem 1.1rem;line-height:1.35;transition:opacity .22s,transform .22s;position:fixed;transform:translate(-50%,8px);box-shadow:0 12px 44px #0000008c}.lobby-toast--error{color:#ffe6e6f5;background:#2d161af5;border:1px solid #ff646447}.lobby-toast--info{color:#f0f2f7f5;background:#161a23f5;border:1px solid #ffffff1f}.lobby-toast--visible{opacity:1;transform:translate(-50%)}@keyframes lobby-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(9px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.lobby-half--join.lobby-half--shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both lobby-shake}.lobby-half:before{content:"";pointer-events:none;opacity:0;z-index:0;transition:opacity .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.lobby-half--create:before{background:radial-gradient(95% 75% at 50% 85%,#5b8def47,#0000 58%)}.lobby-half--join:before{background:radial-gradient(95% 75% at 50% 85%,#ffffff24,#0000 58%)}.lobby-half>*{z-index:1;position:relative}@media (hover:hover) and (pointer:fine){.lobby-half{transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1),box-shadow .55s}.lobby-halves:has(.lobby-half--create:hover) .lobby-half--join{filter:brightness(.62)saturate(.88);transform:scale(.98)}.lobby-halves:has(.lobby-half--join:hover) .lobby-half--create{filter:brightness(.62)saturate(.88);transform:scale(.98)}.lobby-half--create:hover{filter:brightness(1.06)saturate(1.05);z-index:2;transform:scale(1.02);box-shadow:inset 0 0 100px #5b8def1f,0 0 0 1px #5b8def40,0 24px 56px #00000059}.lobby-half--create:hover:before{opacity:1}.lobby-half--join:hover{filter:brightness(1.08);z-index:2;transform:scale(1.02);box-shadow:inset 0 0 90px #ffffff0a,0 0 0 1px #ffffff24,0 24px 56px #00000059}.lobby-half--join:hover:before{opacity:1}.lobby-half--create:hover .landing-hero-title{letter-spacing:.04em;text-shadow:0 0 100px #5b8def8c,0 0 40px #5b8def59;color:#fff;transform:translateY(-4px)}.lobby-half--join:hover .landing-hero-title{letter-spacing:.04em;text-shadow:0 0 60px #ffffff59;color:#fff;transform:translateY(-4px)}.lobby-half:hover .landing-tagline{color:#ffffff85}}@media (prefers-reduced-motion:reduce){.lobby-half,.lobby-half:before,.landing-hero-title,.landing-tagline{transition-duration:.01ms!important}@media (hover:hover) and (pointer:fine){:is(.lobby-halves:has(.lobby-half--create:hover) .lobby-half--join,.lobby-halves:has(.lobby-half--join:hover) .lobby-half--create,.lobby-half--create:hover,.lobby-half--join:hover){transform:none}.lobby-half--create:hover .landing-hero-title,.lobby-half--join:hover .landing-hero-title{letter-spacing:-.03em;transform:none}}}.landing-hero-title{letter-spacing:-.03em;text-transform:uppercase;color:#fffffff0;margin:0;font-size:clamp(2.75rem,11vw,6.5rem);font-weight:800;line-height:.95;transition:letter-spacing .55s cubic-bezier(.22,1,.36,1),text-shadow .55s,transform .55s cubic-bezier(.22,1,.36,1),color .45s}.lobby-half--create .landing-hero-title{text-shadow:0 0 80px #5b8def40}.landing-tagline{color:#ffffff61;max-width:20rem;margin:-.25rem 0 0;font-size:.8125rem;font-weight:400;line-height:1.45;transition:color .45s}.host-modal-protect-label{color:#ffffffe0;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.65rem;max-width:100%;margin:0;font-size:.90625rem;font-weight:500;display:flex}.pre-call-panel.pre-call-panel--host-sala{width:min(100%,420px);padding:1.55rem 1.5rem 1.38rem}.pre-call-panel--host-sala .pre-call-title{margin-bottom:.85rem}.pre-call-panel--host-sala .host-sala-hint{color:#ffffff94;text-align:center;opacity:0;max-width:22rem;margin:0 auto 1.3rem;padding:0 .25rem;font-size:.84375rem;line-height:1.55;animation:.48s cubic-bezier(.22,1,.36,1) .28s both pre-call-fade-drop;transform:translateY(10px)}.pre-call-panel--host-sala .host-sala-options{opacity:0;background:#00000059;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:stretch;gap:1rem;margin:0 0 1.3rem;padding:1.05rem 1.2rem 1.12rem;animation:.52s cubic-bezier(.22,1,.36,1) .34s both pre-call-fade-drop;display:flex;transform:translateY(10px);box-shadow:inset 0 1px #ffffff0a}.pre-call-panel--host-sala .host-modal-protect-label{opacity:1;justify-content:center;min-height:2.5rem;padding:.2rem 0;animation:none;transform:none}.pre-call-panel--host-sala .host-pwd-wrap{width:100%;max-width:none;margin:0}.pre-call-panel--host-sala .host-pwd-inp{box-sizing:border-box;color:#fffffff5;width:100%;font:500 .9375rem var(--font-call);letter-spacing:.02em;text-align:left;background:#ffffff12;border:1px solid #ffffff29;border-radius:11px;margin:0;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.pre-call-panel--host-sala .host-pwd-inp::placeholder{color:#ffffff7a}.pre-call-panel--host-sala .host-pwd-inp:hover{background:#ffffff16;border-color:#fff3}.pre-call-panel--host-sala .host-pwd-inp:focus{background:#ffffff17;border-color:#5b8def8c;outline:none;box-shadow:0 0 0 3px #5b8def24,0 0 28px #5b8def14}.pre-call-panel--host-sala .pre-call-actions{gap:.65rem;margin-top:.15rem}.pre-call-panel--host-sala .pre-call-actions .btn.ghost{color:#ffffffe6;background:#ffffff0d;border-color:#ffffff24}.pre-call-panel--host-sala .pre-call-actions .btn.ghost:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.pre-call-panel--host-sala .pre-call-actions .btn.primary{box-shadow:0 4px 20px #ffffff1f}.lobby-half--create>.landing-cta{margin-top:.25rem}.host-protect-cb{accent-color:#5b8deff2;cursor:pointer;flex-shrink:0;width:1.125rem;height:1.125rem}.host-pwd-wrap{width:100%;max-width:min(100%,320px);margin:.45rem 0 0}.host-pwd-inp{font:500 .875rem var(--font-call);letter-spacing:.03em;text-align:left;margin:0}.landing-pwd-in{max-width:min(100%,320px);font:500 .875rem var(--font-call);letter-spacing:.03em;text-align:left;border-radius:4px;margin:.5rem 0 0;padding:.65rem 1rem}.landing-cta{border-radius:4px;max-width:min(100%,280px);margin-top:.25rem;padding:.7rem 1.25rem;font-size:.8125rem;font-weight:600}.landing-cta--small{max-width:min(100%,260px);padding:.55rem 1rem;font-size:.75rem}.landing-code-in{letter-spacing:.08em;border-radius:4px;max-width:min(100%,320px);margin:0;padding:.75rem 1rem;font:600 .9375rem ui-monospace,monospace}.landing-room{border-top:1px solid #ffffff1a;width:100%;max-width:min(100%,300px);margin-top:.5rem;padding-top:1rem}.room-result .label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff57;text-align:center;margin:0 0 .35rem;font-size:.625rem;font-weight:600}.code-big{letter-spacing:.14em;color:#fffffff2;text-align:center;word-break:break-all;margin:0 0 .5rem;font:600 clamp(.9rem,2.2vw,1.05rem) ui-monospace,monospace}.pre-call-modal{z-index:150;padding:max(1rem, env(safe-area-inset-top)) 1.25rem max(1rem, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pre-call-modal[hidden]{display:none!important}.pre-call-modal:not([hidden]) .pre-call-backdrop{animation:.55s forwards pre-call-backdrop-in}.pre-call-modal:not([hidden]) .pre-call-panel{animation:.65s cubic-bezier(.22,1,.36,1) 60ms both pre-call-panel-in,2.8s ease-in-out .75s infinite pre-call-border-glow}.pre-call-backdrop{-webkit-backdrop-filter:blur(14px);opacity:0;background:radial-gradient(85% 65% at 50% 40%,#2337788c,#000000d1);position:absolute;inset:0}.pre-call-panel{z-index:1;isolation:isolate;background:#0e1016f0;border:1px solid #ffffff1f;border-radius:16px;width:min(100%,400px);padding:1.45rem 1.45rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 28px 72px #00000094,0 0 0 1px #5b8def1f,0 0 48px #5b8def1f}.pre-call-panel>*{z-index:1;position:relative}.pre-call-panel:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 36%,#ffffff0d 48%,#0000 58%) 0 0/220% 100%;animation:2.8s ease-in-out .4s infinite pre-call-panel-shimmer;position:absolute;inset:0}.pre-call-title{z-index:1;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:0;min-height:2.75rem;margin:0 0 1rem;line-height:1.25;display:flex;position:relative}.pre-call-title-line{letter-spacing:-.03em;background:linear-gradient(120deg,#fff 12%,#c8dafff2 55%,#fff 88%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.15rem,4.2vw,1.45rem);font-weight:600;animation:4s ease-in-out infinite pre-call-title-shine;display:inline}.pre-call-title-typed{white-space:normal}.pre-call-cursor{vertical-align:-.12em;background:#81aefff2;border-radius:1px;width:2.5px;height:1em;margin-left:3px;animation:.75s step-end infinite pre-call-cursor-blink;display:inline-block;box-shadow:0 0 10px #5b8defa6}.pre-call-cursor--off{opacity:0;box-shadow:none;animation:none}.pre-call-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b;opacity:0;margin-bottom:.45rem;font-size:.625rem;font-weight:600;animation:.48s cubic-bezier(.22,1,.36,1) .32s both pre-call-fade-drop;display:block;transform:translateY(10px)}.pre-call-nick-wrap{opacity:0;width:100%;min-height:2.95rem;margin-bottom:1rem;animation:.5s cubic-bezier(.22,1,.36,1) .4s both pre-call-fade-drop;position:relative;transform:translateY(10px)}.pre-call-nick-input{z-index:2;color:#0000;caret-color:#0000;width:100%;height:100%;font:500 1.0625rem var(--font-call);letter-spacing:.01em;cursor:text;box-sizing:border-box;background:0 0;border:none;border-radius:0;margin:0;padding:.9rem 0 .45rem;position:absolute;inset:0}.pre-call-nick-input:focus{outline:none}.pre-call-nick-display{z-index:1;pointer-events:none;box-sizing:border-box;border-bottom:1px solid #fff3;min-height:2.95rem;padding:.9rem 0 .65rem;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 1px #5b8def24}.pre-call-nick-wrap:focus-within .pre-call-nick-display{border-bottom-color:#5b8defa6;box-shadow:0 1px #5b8def73}.pre-call-nick-typed{font:500 1.0625rem var(--font-call);letter-spacing:.01em;color:#fffffff5;word-break:break-word}.pre-call-nick-typed--placeholder{color:#fff6}.pre-call-nick-cursor{vertical-align:-.1em;margin-left:2px}.pre-call-actions{opacity:0;gap:.55rem;animation:.52s cubic-bezier(.22,1,.36,1) .48s both pre-call-fade-drop;display:flex;transform:translateY(10px)}.pre-call-actions .btn{border-radius:12px;flex:1}@keyframes pre-call-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pre-call-panel-in{0%{opacity:0;filter:blur(5px);transform:translateY(22px)scale(.94)perspective(520px)rotateX(4deg)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)perspective(520px)rotateX(0)}}@keyframes pre-call-border-glow{0%,to{box-shadow:0 28px 72px #00000094,0 0 0 1px #5b8def24,0 0 44px #5b8def1a}50%{box-shadow:0 28px 72px #00000094,0 0 0 1px #81aeff6b,0 0 64px #5b8def47}}@keyframes pre-call-panel-shimmer{0%,to{opacity:0;background-position:120%}40%{opacity:1}55%{opacity:.65;background-position:-20%}}@keyframes pre-call-fade-drop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pre-call-title-shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pre-call-cursor-blink{0%,45%{opacity:1}50%,to{opacity:0}}.pre-call-panel--av{width:min(100%,720px);padding:1.25rem}.pre-call-av-layout{opacity:0;grid-template-columns:1.1fr 1fr;gap:1.25rem;margin-bottom:1rem;animation:.52s cubic-bezier(.22,1,.36,1) .44s both pre-call-fade-drop;display:grid;transform:translateY(10px)}@media (width<=640px){.pre-call-panel--av{width:min(100%,400px)}.pre-call-av-layout{grid-template-columns:1fr;gap:1rem}}.pre-call-av-left{flex-direction:column;gap:.5rem;min-width:0;display:flex}.pre-call-preview-wrap{aspect-ratio:16/10;background:#0e0e10;border:1px solid #ffffff14;border-radius:12px;position:relative;overflow:hidden}.pre-call-preview-video{object-fit:cover;background:#0e0e10;width:100%;height:100%;display:block}.pre-call-preview-off{color:#ffffff73;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex;position:absolute;inset:0}.pre-call-preview-off svg{opacity:.5}.pre-call-preview-bar{justify-content:center;gap:.5rem;display:flex}.pre-call-preview-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.pre-call-preview-btn:hover{background:#ffffff24}.pre-call-preview-btn[aria-pressed=false]{color:#f0a8a8;background:#dc505040}.pre-call-av-right{flex-direction:column;justify-content:center;gap:.85rem;min-width:0;display:flex}.pre-call-av-field{flex-direction:column;gap:.35rem;display:flex}.pre-call-av-field-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffff6b;font-size:.6875rem;font-weight:600}.pre-call-av-input{color:#fffffff5;width:100%;font:500 .9375rem var(--font-call);box-sizing:border-box;background:#00000059;border:1px solid #ffffff1f;border-radius:8px;padding:.55rem .75rem}.pre-call-av-input::placeholder{color:#ffffff52}.pre-call-av-input:focus{background:#0000006b;border-color:#5b8def8c;outline:none}.pre-call-av-select-wrap{position:relative}.pre-call-av-select{color:#ffffffeb;width:100%;font-size:.8125rem;font-family:var(--font-call);cursor:pointer;appearance:none;box-sizing:border-box;background:#00000059;border:1px solid #ffffff1f;border-radius:8px;padding:.5rem 1.8rem .5rem .65rem}.pre-call-av-select:focus{border-color:#5b8def8c;outline:none}.pre-call-meter-track{background:#ffffff1a;border-radius:2px;height:4px;margin-top:.3rem;overflow:hidden}.pre-call-meter-fill{background:linear-gradient(90deg,#3dcc85,#5b8def);border-radius:2px;width:0%;height:100%;transition:width 80ms linear}.pre-call-av-hint{color:#ffffff52;min-height:1rem;margin:.15rem 0 0;font-size:.6875rem}@media (prefers-reduced-motion:reduce){.pre-call-modal:not([hidden]) .pre-call-backdrop,.pre-call-modal:not([hidden]) .pre-call-panel{animation:none!important}.pre-call-backdrop{opacity:1!important}.pre-call-panel{filter:none!important;opacity:1!important;transform:none!important;box-shadow:0 28px 72px #00000094,0 0 0 1px #ffffff1f!important}.pre-call-panel:after{animation:none!important}.pre-call-title-line{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:#fffffff5!important;animation:none!important}.pre-call-label,.pre-call-nick-wrap,.pre-call-actions,.host-sala-hint,.host-sala-options,.pre-call-av-layout{opacity:1!important;animation:none!important;transform:none!important}.pre-call-title .pre-call-cursor{display:none}.pre-call-nick-cursor{opacity:1!important;animation:none!important}}@media (width<=768px){.lobby-halves{grid-template-rows:auto auto;grid-template-columns:1fr}.lobby-half--create{border-bottom:1px solid #ffffff0f;border-right:none;min-height:38vh}.lobby-half--join{min-height:38vh}.landing-hero-title{font-size:clamp(2.4rem,14vw,3.75rem)}}.btn{color:#ffffffe0;width:100%;font:500 .8125rem var(--font-call);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:.62rem 1rem;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){background:#ffffff1c;border-color:#ffffff29}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:#0a0a0a;background:#ffffffeb;border-color:#0000;font-weight:600}.btn.primary:hover:not(:disabled){filter:none;background:#fff}.btn.ghost{background:0 0;border-color:#ffffff14;font-size:.78125rem}.inp{color:#ffffffeb;letter-spacing:.12em;text-align:center;background:#0006;border:1px solid #ffffff1a;border-radius:999px;width:100%;margin-bottom:0;padding:.62rem 1rem;font:600 .9375rem ui-monospace,monospace}.inp::placeholder{color:#ffffff38;letter-spacing:.02em;font-weight:500}.inp:focus{border-color:#ffffff47;outline:none}.lobby .btn,.lobby .inp{border-radius:4px}.call{z-index:60;font-family:var(--font-call);background:#0a0a0a;display:none;position:fixed;inset:0}body.in-call .call{display:block}.call-nick-top{pointer-events:none;box-sizing:border-box;flex:0 auto;justify-content:flex-end;align-items:flex-start;min-width:0;max-width:min(240px,46vw);margin:0;padding:0;display:flex}.call-nick-top-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;color:#fffffff0;text-align:right;-webkit-backdrop-filter:blur(18px);background:#0e0e10c7;border:1px solid #ffffff1a;border-radius:999px;width:fit-content;max-width:100%;margin:0;padding:.4rem .85rem .45rem;font-size:clamp(.9375rem,3.2vw,1.2rem);font-weight:600;display:block;overflow:hidden;box-shadow:0 6px 28px #00000059}.call-vignette{z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 0,#0000 0%,#00000059 100%);position:absolute;inset:0}.tiles-stage{z-index:5;padding-top:4.75rem;padding-bottom:6.75rem;padding-left:max(0, env(safe-area-inset-left));padding-right:max(0, env(safe-area-inset-right));box-sizing:border-box;flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.tiles-wait{z-index:8;color:#ffffff73;letter-spacing:.02em;pointer-events:none;background:#08080a73;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:.8125rem;display:flex;position:absolute;inset:0}.tiles-wait[hidden]{display:none!important}.tiles-wait .wait-ring{border:1.5px solid #ffffff1f;border-top-color:#ffffff8c;border-radius:50%;width:44px;height:44px;margin-bottom:.65rem;animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tiles-wait .wait-title{color:#ffffffbf;letter-spacing:-.02em;margin:0;font-size:.9375rem;font-weight:500}.tiles-wait .wait-sub{text-align:center;color:#ffffff61;max-width:18rem;margin:0;padding:0 1rem;font-size:.8125rem;font-weight:400}.tiles-grid{grid-template-columns:repeat(var(--tile-cols,1), minmax(0, 1fr));grid-template-rows:repeat(var(--tile-rows,1), minmax(0, 1fr));-webkit-overflow-scrolling:touch;flex:1;place-content:stretch;gap:.5rem;min-height:0;padding:.35rem;display:grid;overflow:hidden}@media (width<=640px){.tiles-stage{padding-top:max(3.45rem, calc(env(safe-area-inset-top) + 2.85rem));padding-bottom:max(5.85rem, calc(env(safe-area-inset-bottom) + 4.85rem));padding-left:max(0, env(safe-area-inset-left));padding-right:max(0, env(safe-area-inset-right))}.call-header--badge-hidden~.tiles-stage{padding-top:max(2.65rem, calc(env(safe-area-inset-top) + 1.5rem))}.tiles-grid{overscroll-behavior-y:contain;align-content:start;gap:.35rem;padding:.2rem;overflow:hidden auto}.call-header{padding:.55rem .75rem;padding-left:max(.55rem, env(safe-area-inset-left));padding-right:max(.55rem, env(safe-area-inset-right));padding-top:max(.55rem, env(safe-area-inset-top))}.call-roominfo-stack{flex:1;min-width:0;max-width:calc(100% - 3.5rem)}.dock-inner #dockAv{display:none!important}.dock-inner{border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0 .28rem;max-width:min(100vw - .5rem,560px);padding:.38rem .45rem}.dock-btn{flex-shrink:0;width:42px;height:42px}.dock-btn.hang{width:44px;height:44px;margin-left:.15rem}.call-dock{padding:0 .25rem}.call-dock-wrap{padding-bottom:max(1rem, env(safe-area-inset-bottom))}}@media (width<=480px){.tiles-stage{padding-top:max(3.15rem, calc(env(safe-area-inset-top) + 2.6rem));padding-bottom:max(5.65rem, calc(env(safe-area-inset-bottom) + 4.55rem))}.call-header--badge-hidden~.tiles-stage{padding-top:max(2.45rem, calc(env(safe-area-inset-top) + 1.35rem))}.call-dock-wrap{padding-bottom:max(.85rem, env(safe-area-inset-bottom))}.dock-inner{border-radius:999px;flex-wrap:nowrap;justify-content:center;gap:0 .2rem;max-width:calc(100vw - .45rem);padding:.34rem .32rem}.dock-btn{width:38px;height:38px}.dock-btn svg,.dock-btn .i-mic{width:20px;height:20px}.dock-btn.hang{width:40px;height:40px;margin-left:.1rem}.dock-react-emoji{font-size:1.2rem}}.tile{box-sizing:border-box;background:#14151a;border:1px solid #ffffff14;border-radius:12px;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.tile--local{outline:1px solid #5b8def66}.tile-video{object-fit:cover;background:#0a0a0c;width:100%;height:100%;display:block}.tile-video.is-off{opacity:0;pointer-events:none}.tile-avatar{letter-spacing:-.02em;color:#ffffffeb;background:0 0;justify-content:center;align-items:center;font-size:clamp(1.25rem,6vw,2.25rem);font-weight:700;display:flex;position:absolute;inset:0}.tile-avatar:before{content:"";aspect-ratio:1;z-index:-1;background:linear-gradient(160deg,#2c3550 0%,#1a1d28 100%);border-radius:50%;width:min(42%,7rem);position:absolute}.tile-avatar[hidden]{display:none!important}.tile-bar{pointer-events:none;background:0 0;justify-content:space-between;align-items:center;gap:.35rem;padding:.35rem .45rem;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-bar>*{pointer-events:auto}.tile-nick{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 8px #000000d9,0 1px 2px #000000e6;min-width:0;font-size:.6875rem;font-weight:600;overflow:hidden}.tile-mute-local{color:#ffffffd9;cursor:pointer;background:#00000073;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s;display:flex}.tile-mute-local:hover{background:#ffffff1f}.tile-mute-local.is-active{color:#fff;background:#c8464673}.tile-spot{color:#ffffffd9;cursor:pointer;background:#00000073;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .15s,color .15s;display:flex}.tile-spot:hover{background:#ffffff1f}.tile-spot.is-active{color:#fff;background:#ffffff2e}.tile--fullscreen{z-index:10;box-shadow:none;border:none;border-radius:0;max-width:none;max-height:none;position:absolute;inset:0}.has-fullscreen .tiles-grid{position:relative;overflow:visible}@media (width<=640px){.tile{border-radius:10px}.tile-bar{padding:.28rem .38rem}.tile-nick{font-size:.625rem}.tile-mute-local,.tile-spot{width:36px;height:36px}.tile--fullscreen{border-radius:0}}@media (width<=720px){.call-badge{flex:auto;min-width:0;max-width:min(100%,320px)}.call-nick-top{flex:0 auto;max-width:min(11rem,42vw);margin-left:0}.call-nick-top-name{padding:.35rem .7rem .4rem;font-size:.8125rem}.call-code-row{flex-direction:column;align-items:stretch;gap:.4rem}.call-code{letter-spacing:.1em;word-break:break-all;text-align:center;font-size:.8125rem;line-height:1.35}.share-btn{box-sizing:border-box;justify-content:center;width:100%}.call-kicker{text-align:center;align-self:stretch}.call-role{text-align:center;align-self:center}.call-role:before{display:none}}.call-header{z-index:20;padding:.75rem 1rem;padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right));padding-top:max(.75rem, env(safe-area-inset-top));pointer-events:none;flex-flow:row;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:0;left:0;right:0}.call-header>*{pointer-events:auto}.call-roominfo-stack{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.call-header-trailing{flex-shrink:0;align-items:flex-start;display:flex}@media (width>=641px){.call-header-trailing{display:none}}.call-header-av-btn{-webkit-backdrop-filter:blur(18px);color:#ffffffe0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#101012b8;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.call-header-av-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.call-header-av-btn:active{transform:scale(.96)}.call-info-toggle{-webkit-backdrop-filter:blur(18px);color:#ffffffb8;cursor:pointer;background:#101012b8;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.call-info-toggle:hover{color:#fffffff2;background:#ffffff1a;border-color:#ffffff2e}.call-info-toggle-chev{transition:transform .22s;display:block;transform:rotate(180deg)}.call-header--badge-hidden .call-info-toggle-chev{transform:rotate(0)}.call-header--badge-hidden .call-badge{display:none}@media (width>=641px){.call-header--badge-hidden~.tiles-stage{padding-top:3.1rem}}.call-badge{-webkit-backdrop-filter:blur(18px);background:#101012b8;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;flex:0 auto;align-items:flex-start;gap:.35rem;min-width:0;max-width:min(100%,320px);padding:.55rem .75rem .6rem;display:flex}.call-kicker{letter-spacing:.06em;text-transform:uppercase;color:#ffffff6b;font-size:.6875rem;font-weight:500}.call-code-row{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;display:flex}.call-code{letter-spacing:.18em;color:#fffffff2;font-size:1rem;font-weight:600}.call-code.mono{font-family:ui-monospace,SF Mono,monospace}.share-btn{color:#ffffffe0;font:500 .75rem var(--font-call);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .65rem;transition:background .15s,border-color .15s;display:inline-flex}.share-btn:hover{background:#ffffff24;border-color:#fff3}.share-btn .share-ic{opacity:.85}.call-role{color:#ffffff61;text-transform:lowercase;font-size:.72rem;font-weight:400}.call-role:before{content:"·";color:#ffffff38;margin-right:.4rem}.call-dock-wrap{z-index:30;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));padding-left:max(0, env(safe-area-inset-left));padding-right:max(0, env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.call-dock{pointer-events:none;justify-content:center;padding:0 1rem;display:flex;position:static}.dock-react-panel{pointer-events:auto;-webkit-backdrop-filter:blur(18px);background:#16161af0;border:1px solid #ffffff1a;border-radius:14px;max-width:min(100vw - 2rem,300px);margin-bottom:.45rem;padding:.45rem .6rem .55rem;box-shadow:0 8px 32px #0006}.dock-react-panel[hidden]{display:none!important}.dock-av-panel{pointer-events:auto;-webkit-backdrop-filter:blur(18px);background:#16161af5;border:1px solid #ffffff1a;border-radius:14px;max-width:min(100vw - 2rem,320px);margin-bottom:.45rem;padding:.55rem .7rem .65rem;box-shadow:0 8px 32px #00000073}.dock-av-panel[hidden]{display:none!important}.dock-av-title{color:#ffffffe0;text-align:center;margin:0 0 .45rem;font-size:.78rem;font-weight:600}.dock-av-tabs{gap:.35rem;margin-bottom:.55rem;display:flex}.dock-av-tab{color:#ffffffa6;font-size:.72rem;font-weight:600;font-family:var(--font-call);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.35rem .5rem;transition:background .12s,color .12s}.dock-av-tab:hover{color:#ffffffe6;background:#ffffff14}.dock-av-tab.dock-av-tab--on{color:#fff;background:#5b8def47;border-color:#5b8def66}.dock-av-section{flex-direction:column;gap:.35rem;display:flex}.dock-av-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff61;margin-top:.15rem;font-size:.65rem;font-weight:600}.dock-av-label:first-child{margin-top:0}.dock-av-select{color:#ffffffeb;width:100%;font-size:.8rem;font-family:var(--font-call);background:#00000059;border:1px solid #ffffff1f;border-radius:8px;padding:.45rem .5rem}.dock-av-hint{color:#ffffff61;margin:.15rem 0 0;font-size:.65rem;line-height:1.35}.dock-react-hint{text-align:center;color:#ffffff6b;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .35rem;font-size:.625rem;font-weight:500}.dock-react-emoji{font-size:1.4rem;line-height:1}.emoji-panel{background:#0a0a0ce6;border:1px solid #ffffff12;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:.15rem;padding:.25rem;display:flex}.chat-panel .emoji-panel{margin:0 .75rem .4rem}.emoji-panel[hidden]{display:none!important}.emoji-panel-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.28rem .4rem;font-size:1.3rem;line-height:1;transition:background .12s}.emoji-panel-btn:hover{background:#ffffff1f}.chat-emoji-btn{cursor:pointer;background:#00000059;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;line-height:1;transition:background .15s,border-color .15s;display:flex}.chat-emoji-btn:hover{background:#ffffff1a;border-color:#ffffff29}.bubble-head{justify-content:space-between;align-items:center;gap:.35rem;width:100%;min-width:0;display:flex}.bubble.mine .bubble-head{flex-direction:row-reverse}.bubble-head .bubble-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;text-align:inherit;flex:1;overflow:hidden}.bubble.mine .bubble-head .bubble-nick{text-align:right}.bubble-menu-btn{color:#ffffff80;cursor:pointer;background:#00000038;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin:-.1rem -.2rem -.1rem 0;padding:0;transition:background .15s,color .15s,opacity .12s,visibility .12s;display:flex}.bubble-menu-btn:hover,.bubble-menu-btn[aria-expanded=true]{color:#fffffff2;background:#ffffff1f}@media (hover:hover) and (pointer:fine){.bubble-menu-btn{opacity:0;visibility:hidden;pointer-events:none}.bubble:hover .bubble-menu-btn,.bubble:focus-within .bubble-menu-btn,.bubble-menu-btn[aria-expanded=true]{opacity:1;visibility:visible;pointer-events:auto}}.bubble-menu-dots{font-size:1.05rem;font-weight:700;line-height:1}.bubble-react-menu{box-sizing:border-box;background:#0000006b;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;gap:.12rem;width:100%;margin-top:.1rem;padding:.35rem .4rem;display:flex}.bubble-react-menu[hidden]{display:none!important}.bubble-react-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.18rem .32rem;font-size:1.05rem;line-height:1;transition:background .12s}.bubble-react-menu-btn:hover{background:#ffffff1f}.bubble.mine .bubble-menu-btn{background:#0000002e}.bubble-reactions-row{flex-wrap:wrap;gap:.25rem;margin-top:.2rem;display:flex}.bubble-reaction-pill{color:#ffffffe6;background:#00000059;border-radius:999px;padding:.1rem .4rem;font-size:.72rem;font-weight:500}.bubble.mine .bubble-reaction-pill{background:#00000047}.tile-float-reaction{pointer-events:none;z-index:12;opacity:0;filter:drop-shadow(0 4px 14px #0000008c);font-size:clamp(2.25rem,7vw,3.25rem);line-height:1;transition:opacity .35s,transform .45s cubic-bezier(.34,1.34,.64,1);position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.35)}.tile-float-reaction.is-on{opacity:1;transform:translate(-50%,-50%)scale(1)}.dock-inner{-webkit-backdrop-filter:blur(20px);pointer-events:auto;background:#1c1c1cb8;border:1px solid #ffffff12;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .65rem;display:flex;box-shadow:0 4px 40px #00000059}.dock-btn{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s,color .15s,transform .12s;display:flex}.dock-btn:hover{background:#ffffff1c;transform:scale(1.04)}.dock-btn:active{transform:scale(.98)}.dock-btn.off{color:#f0a8a8;background:#dc505033}.dock-btn.on{color:#fff;background:#ffffff24}@keyframes chat-alert-pulse{0%,to{background:#ffffff0f;box-shadow:0 0 #5b8def8c}50%{color:#fff;background:#5b8def47;box-shadow:0 0 0 8px #5b8def1f}}.dock-btn.dock-chat.chat-alert{animation:1.15s ease-in-out infinite chat-alert-pulse}@media (prefers-reduced-motion:reduce){.dock-btn.dock-chat.chat-alert{background:#5b8def59;animation:none;box-shadow:0 0 0 2px #5b8def66}}.dock-btn.hang{color:#fff;background:#c43d3d;width:52px;height:52px;margin-left:.15rem}.dock-btn.hang:hover{background:#d14a4a}.dock-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.dock-btn svg{flex-shrink:0}.chat-panel{z-index:40;-webkit-backdrop-filter:blur(24px);background:#0e0e0ec7;border-left:1px solid #ffffff0f;flex-direction:column;width:min(100%,340px);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.chat-panel.open{transform:translate(0)}.chat-top{padding:.65rem .85rem;padding-top:max(.65rem, env(safe-area-inset-top));border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex}.chat-title{color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:500}.iconbtn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.chat-close-btn{color:#ffffffbf}.iconbtn:hover{color:#ffffffd9;background:#ffffff0f}.iconbtn.chat-close-btn:hover{color:#fff;background:#ffffff1f}.chat-list{flex-direction:column;flex:1;gap:.35rem;padding:.75rem .85rem;display:flex;overflow-y:auto}.bubble{color:#ffffffd1;word-break:break-word;background:#ffffff0f;border-radius:16px;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:.15rem;max-width:92%;padding:.45rem .65rem .5rem;font-size:.875rem;line-height:1.4;display:flex}.bubble-text{text-align:left;width:100%;display:block}.bubble.mine .bubble-text{text-align:right}.bubble-nick{letter-spacing:.04em;text-transform:uppercase;color:#ffffff61;font-size:.625rem;font-weight:600}.bubble.mine{color:#fff;background:#ffffff24;align-self:flex-end;align-items:flex-end}.bubble.mine .bubble-nick{color:#ffffff80}.chat-compose{padding:.65rem .75rem;padding-bottom:max(.65rem, env(safe-area-inset-bottom));border-top:1px solid #ffffff0f;align-items:center;gap:.35rem;display:flex}.chat-inp{color:#ffffffeb;min-width:0;font:.875rem var(--font-call);background:#00000059;border:1px solid #ffffff14;border-radius:100px;flex:1;padding:.55rem .85rem}.chat-inp::placeholder{color:#ffffff47}.chat-inp:focus{border-color:#ffffff2e;outline:none}.chat-send{color:#ffffffe6;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex}.chat-send:hover:not(:disabled){background:#fff3}.chat-send:disabled{opacity:.3;cursor:not-allowed}@media (width<=540px){.chat-panel{border-left:none;width:100%}}