.fp{--fp-ease: cubic-bezier(.34, 1.3, .6, 1);position:relative;width:18em;height:34em;font-size:var(--fp, 16px);transform-style:preserve-3d;color:var(--gak-ink)}.fp-back,.fp-body{position:absolute;inset:0;border-radius:2.9em;transform-style:preserve-3d}.fp-back{background:var(--gak-ink-soft);transform:translateZ(-.5em)}.fp-back--far{background:var(--gak-ink);transform:translateZ(-1em);box-shadow:var(--shadow-stage)}.fp-body{padding:.55em;background:linear-gradient(150deg,var(--gak-ink-soft),var(--gak-ink) 60%);box-shadow:inset 0 0 0 .12em var(--border-on-dark)}.fp-screen{position:relative;height:100%;border-radius:2.4em;background:var(--gak-bone);transform-style:preserve-3d;font-family:var(--font-body)}.fp-island{position:absolute;top:.75em;left:50%;width:5em;height:1.35em;margin-left:-2.5em;border-radius:1em;background:var(--gak-ink)}.fp-top{position:absolute;top:2.75em;left:1.3em;right:1.3em;display:flex;align-items:center;gap:.4em;font:500 .8em/1 var(--font-display);color:var(--gak-oxblood)}.fp-top img{width:1.5em;height:1.5em}.fp-dots{display:flex;gap:.35em;margin-left:auto}.fp-dots i{width:.55em;height:.55em;border-radius:50%;background:var(--border-2)}.fp-h,.fp-sub,.fp-hw,.fp-card,.fp-q,.fp-me,.fp-ai,.fp-dots,.fp-btn,.fp-wave,.fp-cap>span{opacity:0;transform:translate3d(0,var(--y, .8em),var(--z, 0));transition:opacity .36s var(--ease-out),transform .64s var(--fp-ease)}.fp-home{position:absolute;top:5.3em;left:1.1em;right:1.1em;transform-style:preserve-3d}.fp-h{display:block;font:700 1.6em/1.1 var(--font-display);letter-spacing:-.02em}.fp-sub{display:block;margin-top:.5em;font-size:.8em;line-height:1.4;color:var(--gak-mauve)}.fp-hw{--z: 1.4em;display:flex;flex-direction:column;gap:.6em;margin-top:.9em;padding:1.1em;border-radius:1em;background:var(--gak-paper);box-shadow:var(--shadow-md)}.fp-hw b{font:600 1.05em/1.2 var(--font-display)}.fp-due{display:flex;align-items:center;gap:.5em;font-size:.85em;color:var(--gak-mauve)}.fp-due svg{width:1.3em;height:1.3em;color:var(--gak-oxblood)}.fp-start{position:relative;display:flex;align-items:center;justify-content:center;gap:.45em;height:2.7em;margin-top:.3em;border-radius:2em;background:var(--gak-oxblood);color:var(--gak-bone);font:600 .9em/1 var(--font-body)}.fp-start svg{width:1.1em;height:1.1em;fill:currentColor}.fp-start:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 .3em var(--gak-sand);opacity:0}:is([data-state=home],[data-state$=-assign],[data-state=landed]) :is(.fp-h,.fp-sub,.fp-hw){opacity:1;--y: 0}:is([data-state=home],[data-state$=-assign],[data-state=landed]) .fp-hw:not(.fp-hw--2) .fp-start:after{animation:fp-pulse 1.8s 1.6s var(--ease-out) infinite}[data-state$=-assign] :is(.fp-h,.fp-sub){transition-delay:.7s}[data-state$=-assign] .fp-hw{transition-delay:.95s}.fp-hw{--y: -2.2em}.fp-hw--2{margin-top:.7em;--z: .9em}:is([data-state=home],[data-state$=-assign]) .fp-hw--2{opacity:0;--y: 1.4em;transition-delay:0s}[data-state=landed] .fp-hw--2{transition-delay:.12s}.fp-card{--z: 1.4em;position:absolute;top:9.5em;left:1.1em;right:1.1em;display:flex;flex-direction:column;align-items:center;gap:.55em;padding:1.6em 1.1em;border-radius:1em;background:var(--gak-paper);box-shadow:var(--shadow-md);text-align:center}.fp-card img{width:2em;height:2em}.fp-card b{font:700 1.35em/1.1 var(--font-display)}.fp-card>span:not(.fp-google){font-size:.8em;color:var(--gak-mauve)}.fp-google{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:2.8em;margin-top:.6em;border:.08em solid var(--gak-stone);border-radius:2em;font:600 .85em/1 var(--font-body);transition:transform .2s var(--ease-out)}.fp-google:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--tint-ox-08);opacity:0;transition:opacity .2s}:is([data-state=signin],[data-state=press]) .fp-card{opacity:1;--y: 0}[data-state=press] .fp-google{transform:scale(.93)}[data-state=press] .fp-google:after{opacity:1}.fp-q{--z: 1.4em;position:absolute;top:5em;left:1.1em;right:1.1em;height:5.4em;padding:1em 1.1em;border-radius:1em;background:var(--gak-paper);box-shadow:var(--shadow-md)}.fp-q__n,.fp-q__t{position:relative;display:block}.fp-q__n{height:1.1em;font:600 .72em/1.1 var(--font-display);color:var(--gak-mauve)}.fp-q__t{height:1.4em;margin-top:.35em;font:600 1.18em/1.2 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.fp--talk .fp-q__t{display:grid}.fp--talk .fp-q__t>span{grid-area:1 / 1}.fp-spk{position:absolute;right:1em;top:1.65em;width:1.6em;height:1.6em;color:var(--gak-mauve)}.fp-spk svg{width:100%;height:100%}.fp-spk i{position:absolute;inset:-.35em;border-radius:50%;border:.1em solid var(--gak-sand);opacity:0}.fp-me{--z: .8em;position:absolute;top:13.9em;right:1.1em;max-width:13.6em;padding:.75em .9em;border-radius:1em;font-size:.84em;line-height:1.4}.fp-me,.fp-t--me{background:var(--bg-warm-soft)}.fp-me span{opacity:0;transition:opacity .16s}.fp-ai{--z: 1.1em;position:absolute;top:19.6em;left:1.1em;right:1.5em;padding:.75em .9em;border-radius:1em;font-size:.84em;line-height:1.4}.fp-ai,.fp-t--ai{display:flex;gap:.6em;border:.13em solid var(--gak-oxblood);background:var(--gak-paper)}:is(.fp-ai,.fp-t--ai) svg{width:1.3em;height:1.3em;flex-shrink:0;margin-top:.05em;color:var(--gak-oxblood)}:is(.fp-ai,.fp-t) mark{position:relative;background:none;color:inherit;font-weight:600}:is(.fp-ai,.fp-t) mark:before{content:"";position:absolute;z-index:-1;inset:-.05em -.2em;border-radius:.3em;background:var(--gak-sand-tint);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out) .6s}:is([data-state=topic],[data-state=tap],[data-state=recording],[data-state=processing],[data-state=reply],[data-state$=-spk],[data-state$=-mic],[data-state$=-rec],[data-state$=-wait],[data-state$=-idle]) :is(.fp-q,.fp-dots){opacity:1;--y: 0}:is([data-state=topic],[data-state=tap],[data-state=recording],[data-state=processing],[data-state=reply],[data-state$=-spk],[data-state$=-mic],[data-state$=-rec],[data-state$=-wait],[data-state$=-idle]) .fp-dock:before{opacity:1}:is([data-state=topic],[data-state$="1-spk"]) .fp-q{--z: 5em}:is([data-state=topic],[data-state$="1-spk"]) .fp-spk i{animation:fp-ring 1.6s var(--ease-out) infinite}:is([data-state=topic],[data-state$="1-spk"]) .fp-spk i+i{animation-delay:.5s}.fp-dots i:first-child{background:var(--gak-oxblood)}:is([data-state=processing],[data-state=reply]) .fp-me{opacity:1;--y: 0}:is([data-state=processing],[data-state=reply]) .fp-me span{opacity:1;transition-delay:calc(var(--i) * 75ms)}[data-state=reply] .fp-ai{opacity:1;--y: 0}[data-state=reply] .fp-ai mark:before{transform:scaleX(1)}.fp-win{position:absolute;inset:10.6em 1.1em 9.6em;overflow:clip;mask-image:linear-gradient(to bottom,transparent,var(--gak-ink) 1.3em);transform:translateZ(.8em)}.fp-thread{display:flex;flex-direction:column;gap:.6em;padding-top:1.1em;transform:translateY(var(--sy, 0em));transition:transform .8s var(--ease-out)}.fp-t{--show: clamp(0, calc(var(--n, 0) - var(--i)), 1);max-width:88%;padding:.7em .85em;border-radius:1em;font-size:.8em;line-height:1.4;opacity:var(--show);transform:translateY(calc((1 - var(--show)) * 1em));transition:opacity .36s var(--ease-out),transform .64s var(--fp-ease)}.fp-t:lang(ja){word-break:auto-phrase}.fp-t--ai{align-self:flex-start}.fp-t--me{align-self:flex-end}.fp-t mark{white-space:nowrap}.fp-t mark:before{transform:scaleX(var(--show))}.fp-t u{position:relative;text-decoration:none}.fp-t u:after{content:"";position:absolute;left:0;right:0;bottom:-.1em;height:.14em;border-radius:.1em;background:var(--gak-sand-deep);transform:scaleX(clamp(0,calc(var(--n, 0) - var(--k)),1));transform-origin:left;transition:transform .5s var(--ease-out) .45s}.fp-win :is(.fp-thread,.fp-t){transition-delay:.45s}:is([data-state^=ja] [data-l=ja],[data-state^=de] [data-l=de],[data-state^=es] [data-l=es]) :is(.fp-thread,.fp-t){transition-delay:0s}[data-state^=ja1-] .fp-win[data-l=ja]{--n: 1}[data-state^=ja2-] .fp-win[data-l=ja]{--n: 2}[data-state^=ja3-] .fp-win[data-l=ja]{--n: 3}[data-state^=ja4-] .fp-win[data-l=ja]{--n: 4;--sy: -2.2em}[data-state^=ja5-] .fp-win[data-l=ja]{--n: 5;--sy: -7.3em}[data-state^=de1-] .fp-win[data-l=de]{--n: 1}[data-state^=de2-] .fp-win[data-l=de]{--n: 2}[data-state^=de3-] .fp-win[data-l=de]{--n: 3}[data-state^=de4-] .fp-win[data-l=de]{--n: 4;--sy: -5.6em}[data-state^=de5-] .fp-win[data-l=de]{--n: 5;--sy: -11.7em}[data-state^=es1-] .fp-win[data-l=es]{--n: 1}[data-state^=es2-] .fp-win[data-l=es]{--n: 2}[data-state^=es3-] .fp-win[data-l=es]{--n: 3;--sy: -4.75em}[data-state^=es4-] .fp-win[data-l=es]{--n: 4;--sy: -11.2em}[data-state^=es5-] .fp-win[data-l=es]{--n: 5;--sy: -16.2em}.fp-lang{display:grid;justify-items:end;margin-left:auto}.fp-lang>span{grid-area:1 / 1;padding:.35em .9em;border-radius:2em;background:var(--gak-oxblood);color:var(--gak-bone);font:700 1em/1.25 var(--font-display);white-space:nowrap}.fp-dock{position:absolute;left:1.1em;right:1.1em;bottom:0;height:9.4em;transform-style:preserve-3d}.fp-dock:before{content:"";position:absolute;left:0;right:0;top:0;border-top:1px solid var(--border-2);opacity:0;transition:opacity .36s var(--ease-out)}.fp-btn{--z: 2em;position:absolute;left:50%;top:1.4em;width:4.6em;height:4.6em;margin-left:-2.3em;display:flex;align-items:center;justify-content:center;gap:.3em;border-radius:50%}.fp-btn svg{width:2em;height:2em}.fp-btn--spk{border:.12em solid var(--gak-oxblood);background:var(--bg-brand-soft);color:var(--gak-oxblood)}.fp-btn--mic{background:var(--gak-oxblood);color:var(--gak-bone);box-shadow:var(--shadow-md)}.fp-btn--rec{border:.32em double var(--gak-oxblood);background:var(--gak-paper)}.fp-btn--rec i{width:1.5em;height:1.5em;border-radius:.3em;background:var(--gak-oxblood)}.fp-btn--wait{border:.12em solid var(--gak-stone);background:var(--bg-sunken)}.fp-btn--wait i{width:.5em;height:.5em;border-radius:50%;background:var(--gak-mauve)}.fp-wave{--z: 1.2em;position:absolute;left:0;right:0;top:2.9em;display:flex;justify-content:space-between;padding:0 .2em;pointer-events:none}.fp-wave i{width:.32em;height:1.6em;border-radius:1em;background:var(--gak-sand);transform:scaleY(.25)}.fp-wave i:nth-child(n+5):nth-child(-n+9){visibility:hidden}.fp-cap{position:absolute;left:0;right:0;bottom:1.5em;height:1.2em;text-align:center}.fp-cap>span{position:absolute;left:0;right:0;--y: .4em;font:400 .8em/1.2 var(--font-body)}:is([data-state=topic],[data-state=reply],[data-state$=-spk]) :is(.fp-btn--spk,.c-spk){opacity:1;--y: 0}:is([data-state=topic],[data-state=reply],[data-state$=-spk]) .fp-btn--spk{animation:fp-breathe 1.4s ease-in-out infinite}:is([data-state=tap],[data-state$=-mic],[data-state$=-idle]) :is(.fp-btn--mic,.c-mic){opacity:1;--y: 0}:is([data-state=tap],[data-state$=-mic]) .fp-btn--mic{animation:fp-tap .9s var(--ease-out) .2s both}:is([data-state=recording],[data-state$=-rec]) :is(.fp-btn--rec,.fp-wave,.c-rec){opacity:1;--y: 0}:is([data-state=recording],[data-state$=-rec]) .fp-btn--rec{--z: 4em;animation:fp-breathe 1.2s ease-in-out infinite}:is([data-state=recording],[data-state$=-rec]) .fp-wave{--z: 2.6em}:is([data-state=recording],[data-state$=-rec]) .fp-wave i{animation:fp-wave .9s ease-in-out calc(var(--i) * -137ms) infinite alternate}:is([data-state=processing],[data-state$=-wait]) :is(.fp-btn--wait,.c-wait){opacity:1;--y: 0}:is([data-state=processing],[data-state$=-wait]) .fp-btn--wait i{animation:fp-dot .9s ease-in-out infinite}:is([data-state=processing],[data-state$=-wait]) .fp-btn--wait i:nth-child(2){animation-delay:.15s}:is([data-state=processing],[data-state$=-wait]) .fp-btn--wait i:nth-child(3){animation-delay:.3s}@keyframes fp-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.12,1.35)}}@keyframes fp-ring{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}@keyframes fp-breathe{50%{transform:translateZ(var(--z)) scale(1.06)}}@keyframes fp-tap{40%{transform:translateZ(var(--z)) scale(.86)}to{transform:translateZ(var(--z)) scale(1)}}@keyframes fp-wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes fp-dot{50%{transform:translateY(-.45em)}}