/* Cloudman — felt photo + live eyes (v2: WebGL depth turn) */
.cm{position:relative;display:block;width:var(--cm-w,420px);user-select:none;-webkit-user-drag:none}
.cm-shadow{position:absolute;left:12%;right:12%;bottom:-3%;height:12%;border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(60,44,24,.22),rgba(60,44,24,0) 72%);filter:blur(4px);pointer-events:none}
.cm-body{position:relative;width:100%;will-change:transform;transform-origin:50% 88%}
.cm-layer{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}
.cm-layer.is-ready{opacity:1}
.cm-layer:first-child{position:relative}
.cm-layer canvas.cm-gl,.cm-layer img.cm-base{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}
.cm-layer canvas.cm-gl{aspect-ratio:auto}
.cm-eye{position:absolute;will-change:transform;transform-origin:50% 60%}
.cm-eye-clip{position:absolute;inset:0;transition:opacity .14s ease;filter:drop-shadow(1px 2px 1.5px rgba(40,28,18,.32))}
.cm-eye-clip img{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-drag:none;pointer-events:none}
.cm-arc{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);box-sizing:border-box;border-style:solid;border-color:#1C1A1E transparent transparent transparent;
  border-width:0;border-radius:50% 50% 0 0 / 100% 100% 0 0;opacity:0;transition:opacity .14s ease;pointer-events:none;filter:blur(.3px)}
.cm-eye.is-arc .cm-arc{opacity:1}
.cm-eye.is-arc .cm-eye-clip{opacity:0}
.cm.is-flat .cm-shadow{display:none}