.cam{--cam-right:24px;--cam-bottom:24px;--cam-ease:cubic-bezier(0.22,1,0.36,1);--cam-ink:#f4f4f5;--cam-soft:#b6b8bf;position:fixed;right:var(--cam-right);bottom:var(--cam-bottom);z-index:60;transition:bottom .5s var(--cam-ease)}html[data-theme=light] .cam{--cam-ink:#111214;--cam-soft:#4a4d55}html[data-lmode=stage]:has(.as-welcome:not([data-gone])) .cam{--cam-bottom:82px}.cam-launch{position:relative;display:block;width:66px;height:66px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.cam-launch:focus-visible{outline:2px solid #b9a8ff;outline-offset:6px}.cam-stage{position:absolute;right:0;bottom:0;width:260px;aspect-ratio:1;transform:scale(calc(66 / 260));transform-origin:100% 100%;transition:transform .65s var(--cam-ease)}.cam-spin{animation:cam-sway 7s ease-in-out infinite}.cam-reveal,.cam-spin{position:absolute;inset:0}.cam-reveal{z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateY(8%) scale(.9);-webkit-mask-image:linear-gradient(#000 62%,transparent 97%);mask-image:linear-gradient(#000 62%,transparent 97%);transition:opacity .35s,transform .5s var(--cam-ease);pointer-events:none}.cam-tornado{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 26px rgb(0 0 0/.35));transition:opacity .45s,transform .6s var(--cam-ease)}.cam-t-color{transition:opacity .4s}.cam-t-line,.cam-t-window{opacity:0;transition:opacity .4s}.cam-t-line path{stroke-width:1.6;vector-effect:non-scaling-stroke}.cam-caption{position:absolute;right:268px;bottom:18px;display:grid;justify-items:end;gap:2px;white-space:nowrap;color:var(--cam-ink);text-shadow:0 2px 18px rgb(0 0 0/.25);opacity:0;transform:translateX(8px);transition:opacity .3s,transform .5s var(--cam-ease);pointer-events:none}.cam-caption b{font-family:var(--font-fraunces),Georgia,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1;font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0}.cam-caption small{font-size:13px;color:var(--cam-soft)}.cam-launch:is(:hover,:focus-visible) .cam-stage{transform:scale(1)}.cam-launch:is(:hover,:focus-visible) .cam-t-color{opacity:0}.cam-launch:is(:hover,:focus-visible) :is(.cam-t-window,.cam-t-line){opacity:1}.cam-launch:is(:hover,:focus-visible) .cam-reveal{opacity:1;transform:translateY(-4%) scale(1.02);transition:opacity .7s .45s,transform .9s .45s var(--cam-ease)}.cam-launch:is(:hover,:focus-visible) .cam-tornado{opacity:.32;transform:translateY(7%) scale(1.08);transition:opacity .6s .45s,transform .9s .45s var(--cam-ease)}.cam-launch:is(:hover,:focus-visible) .cam-caption{opacity:1;transform:none;transition:opacity .5s .6s,transform .7s .6s var(--cam-ease)}.cam-live{position:relative;width:clamp(230px,24vw,360px);aspect-ratio:1;animation:cam-arrive .8s var(--cam-ease) both}.cam-figure{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 68%,transparent 98%);mask-image:linear-gradient(#000 68%,transparent 98%);animation:cam-float 6.5s ease-in-out infinite}.cam-face.iki-clone{--clone-bg:transparent;--clone-zoom:1;--clone-shift:0%;border-radius:0}.cam-ground{position:absolute;left:14%;right:14%;bottom:1%;height:15%;border-radius:50%;background:radial-gradient(closest-side,rgb(150 132 255/.55),transparent);filter:blur(10px);opacity:calc(.3 + var(--cam-mic, 0) * .7);transform:scale(calc(.9 + var(--cam-mic, 0) * .25));transition:opacity .12s,transform .12s}.cam[data-status=speaking] .cam-ground{background:radial-gradient(closest-side,rgb(255 132 170/.5),transparent)}.cam-controls{position:absolute;left:-46px;bottom:18%;display:grid;gap:8px}.cam-controls button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgb(255 255 255/.14);border-radius:50%;background:rgb(14 14 18/.6);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .2s,transform .2s}.cam-controls button:hover{background:rgb(14 14 18/.85);transform:scale(1.06)}.cam-controls button[aria-pressed=true]{background:#e5484d;border-color:transparent}.cam-notice{position:absolute;right:0;bottom:calc(100% + 12px);width:max-content;max-width:260px;margin:0;padding:9px 13px;border-radius:12px;background:rgb(14 14 18/.85);color:#fff;font-size:13px;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cam-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes cam-arrive{0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(8px)}}@keyframes cam-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes cam-sway{0%,to{transform:rotate(-2deg) skewX(2deg)}50%{transform:rotate(2deg) skewX(-3deg)}}@media (max-width:640px){.cam{--cam-right:14px;--cam-bottom:14px}.cam-launch{width:56px;height:56px}.cam-stage{transform:scale(calc(56 / 260))}.cam-live{width:min(64vw,280px)}}@media (prefers-reduced-motion:reduce){.cam-figure,.cam-live,.cam-spin{animation:none}.cam-caption,.cam-reveal,.cam-stage,.cam-tornado{transition-duration:.01s;transition-delay:0s}}[data-cam-focus]{outline:2px solid rgb(124 92 255/.55);outline-offset:6px;animation:cam-focus 2.6s ease-out forwards}@keyframes cam-focus{80%{outline-color:rgb(124 92 255/.55)}to{outline-color:rgb(124 92 255/0)}}@media (prefers-reduced-motion:reduce){[data-cam-focus]{animation:none}}