:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:#fff;background:#141218;font-synthesis:none;-webkit-font-smoothing:antialiased;--accent: #9c80ff;--viewport-height: 100vh;--page-top: calc(clamp(8px, calc((var(--viewport-height) - 600px) * .04), 16px) + env(safe-area-inset-top, 0px)) ;--page-bottom: max(16px, env(safe-area-inset-bottom, 0px));--headline-top: clamp(8px, calc(var(--viewport-height) * .02), 16px);--headline-bottom: clamp(12px, calc(var(--viewport-height) * .03), 24px);--headline-line: clamp(30px, calc(var(--viewport-height) * .046), 38px);--download-gap: clamp(40px, calc(var(--viewport-height) * .065), 56px);--download-height: clamp(54px, calc(var(--viewport-height) * .08), 66px);--card-room: calc(var(--viewport-height) - var(--page-top) - var(--page-bottom) - 44px - var(--headline-top) - var(--headline-line) * 2 - var(--headline-bottom) - var(--download-gap) - var(--download-height) - 48px);--card-width: min(360px, calc(100vw - 52px) , max(150px, calc(var(--card-room) * .75)));--card-offset: calc(var(--card-width) * .95 + 12px)}@supports (height: 100svh){:root{--viewport-height: 100svh}}*{box-sizing:border-box}body{margin:0;min-width:280px}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:enabled{cursor:pointer}button:focus-visible,.carousel:focus-visible{outline:2px solid #e6d3ff;outline-offset:5px}[hidden]{display:none!important}.official-site{width:min(100%,412px);min-height:100vh;min-height:100svh;margin-inline:auto;padding-top:var(--page-top);padding-bottom:var(--page-bottom);overflow:hidden}.brand{height:44px;display:flex;justify-content:center;align-items:center}.brand-icon{width:40px;height:40px}.brand-wordmark{width:79px;height:20px}.headline{margin:var(--headline-top) 12px var(--headline-bottom);min-height:calc(var(--headline-line) * 2);font-size:clamp(24px,min(7.77vw,calc(var(--viewport-height) * .04)),32px);line-height:var(--headline-line);font-weight:850;letter-spacing:-.8px;text-align:center}.headline span{display:block}.headline span:last-child{color:var(--accent)}.carousel{position:relative;width:calc(var(--card-width) + 52px);max-width:100%;margin-inline:auto;overflow:hidden;height:calc(var(--card-width) * 4 / 3);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.slide{position:absolute;left:calc(50% - var(--card-width) / 2);top:0;width:var(--card-width);aspect-ratio:3 / 4;border-radius:32px;overflow:hidden;outline:1px solid #ffffff1a;outline-offset:-1px;scale:1;z-index:1;will-change:transform;transition:transform .36s cubic-bezier(.22,.68,.2,1)}.slide[data-position=current]{transform:translateZ(0) scale(1);z-index:2;cursor:pointer}.slide[data-position=previous]{transform:translate3d(calc(-1 * var(--card-offset)),0,0) scale(.9)}.slide[data-position=next]{transform:translate3d(var(--card-offset),0,0) scale(.9)}.slide.is-recycled{transition:none}.art{position:absolute;inset:0;overflow:hidden;background:#000;container-type:inline-size;isolation:isolate;contain:paint;transform:translateZ(0);will-change:transform}.art img{display:block;pointer-events:none}.banner-background{position:absolute;width:177.778%;height:75%;left:50%;top:66.667%;object-fit:cover;transform:translate(-50%,-50%) rotate(-90deg)}.banner-background{z-index:0;filter:blur(5px)}.companion-art .banner-background{filter:blur(3px)}.companion-shade,.color-shade{position:absolute;inset:0;z-index:1;background:#000b}.color-shade{background:#8972fe40}.creation-art .banner-background{transform:translate(-50%,-50%) rotate(-90deg) scaleY(-1)}.portrait{position:absolute;left:var(--x);top:var(--y);width:30.463%;height:49.472%;object-fit:cover;border-radius:14.667px}.portrait-glow{box-shadow:0 0 13px 3px #8972fe99}.companion-gradient{position:absolute;left:0;top:38.958%;width:100%;height:63.889%;background:linear-gradient(180deg,#49349500,#41307dbf 75.239%,#56276b)}.companion-logo{position:absolute;left:42.13%;top:80.83%;width:15.74%;height:11.805%}.companion-wordmark{position:absolute;left:44.167%;top:92.207%;width:11.624%;height:2.083%}.spark{position:absolute;width:8.736%;height:6.552%}.spark-top{left:30.867%;top:2.797%}.spark-bottom{left:58.835%;top:49.678%}.portrait{z-index:2}.companion-gradient{z-index:3}.companion-logo,.companion-wordmark,.spark{z-index:4}.connection-screen,.creation-screen,.creation-prompt{z-index:2}.connection-character,.creation-character{z-index:3}.bubble{z-index:4}.connection-screen,.creation-screen,.creation-prompt{position:absolute;border:3px solid white;border-radius:16px;overflow:hidden}.connection-screen{left:24.167%;top:9.792%;width:52.778%;height:75%}.connection-screen img{position:absolute;width:100%;height:114.39%;top:-6.36%}.connection-character{position:absolute;left:33.056%;top:27.917%;width:77.778%;height:76.25%;overflow:hidden;filter:drop-shadow(10px 10px 20px #0008)}.connection-character img{position:absolute;width:100%;height:136.1%;top:-6.75%}.bubble{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:16px;font-size:4.444cqw;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%)}.bubble:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,#ffffffe5,#ffffff73,#fff0 70%),radial-gradient(ellipse at 100% 100%,#ffebf5e5,#ffebf573,#ffebf500 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.bubble-hey{left:7.778%;top:23.958%;width:40%;height:6.435%;background:#ff90ac4d}.bubble-miss{left:2.5%;top:43.958%;width:36.914%;height:6.435%;background:#ff52f14d}.bubble-voice{left:16.944%;top:61.458%;width:22.624%;height:5.51%;gap:5px;background:#8972fe80;font-size:12px;font-size:3.333cqw}.bubble-voice img{width:14px;height:14px}.creation-screen{left:39.167%;top:9.792%;width:52.778%;height:75%;border-radius:20px}.creation-screen img{position:absolute;width:100%;height:119.83%;top:-1.03%}.creation-prompt{left:9.363%;top:28.741%;width:39.444%;height:58.958%;transform:rotate(-6deg)}.creation-prompt img{position:absolute;width:100.84%;height:112.37%;left:-.21%;top:-10.6%}.creation-character{position:absolute;left:52.839%;top:29.19%;width:55.556%;height:90.196%;border:3px solid white;border-radius:20px;overflow:hidden;transform:rotate(15deg)}.creation-character>img:first-child{width:100%;height:100%;object-fit:cover}.creation-character .play-icon{position:absolute;left:42.8%;top:45.39%;width:19.75%;height:9.13%}.bubble-create{left:6.667%;top:17.083%;width:46.79%;height:6.435%;background:#22bdff4d}.carousel-edge{position:absolute;z-index:3;top:5%;bottom:5%;width:26px;border:0;padding:0;background:transparent}.carousel-previous{left:0}.carousel-next{right:0}.carousel-edge:focus-visible{outline-offset:-4px;border-radius:8px}.download-area{position:relative;margin-top:var(--download-gap);text-align:center}.download{display:block;margin-inline:auto;width:min(298px,calc(100% - 80px));height:var(--download-height);padding:0 24px;border:0;border-radius:40px;background:linear-gradient(192.596deg,#f2bfff,#8972ff);font-size:22px;line-height:30px;font-weight:700;transition:filter .16s,transform .16s}.download:enabled:hover{filter:brightness(1.07)}.download:enabled:active{transform:scale(.98)}.download:disabled{opacity:1}.toast{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%) translateY(4px);min-width:173px;padding:12px 24px;border-radius:10px;background:#2b2930bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:14px;line-height:18px;white-space:nowrap;opacity:0;transition:opacity .16s,transform .16s;pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%,-50%)}.no-script{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}.legal-footer{display:flex;justify-content:center;margin-top:4px}.legal-footer a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;color:#c1b8d0;font-size:13px;text-underline-offset:3px}.legal-footer a:hover{color:#fff}.legal-footer a:focus-visible{outline:2px solid #e6d3ff;outline-offset:-2px;border-radius:4px}