@charset "UTF-8";.hsc--foto .hf-view{left: 78px;top: 76px;width: 324px;height: 244px;border-radius: 18px;overflow: hidden;padding: 0}.hsc--foto .hf-scene{position: absolute;inset: 0;background: linear-gradient(150deg,color-mix(in srgb,var(--c1) 42%,#fff),color-mix(in srgb,var(--c3) 30%,#fff))}.hsc--foto .hf-scene::before{content: "";position: absolute;left: 50%;top: 54%;width: 118px;height: 118px;margin: -59px 0 0 -59px;border-radius: 30px;background: linear-gradient(150deg,color-mix(in srgb,var(--c2) 70%,#fff),var(--c3));box-shadow: 0 22px 40px -18px rgba(16,32,70,.5);animation: hscFloat 6s var(--ease) infinite}.hsc--foto .hf-scene::after{content: "";position: absolute;left: 50%;bottom: 30px;width: 130px;height: 16px;margin-left: -65px;border-radius: 50%;background: rgba(16,32,70,.16);filter: blur(7px)}.hsc--foto .hf-thirds{position: absolute;inset: 0;background-image: linear-gradient(to right,rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.55) 1px,transparent 1px);background-size: 33.33% 33.33%;animation: hfThirds 7s var(--ease) infinite}.hsc--foto .hf-corner{position: absolute;width: 22px;height: 22px;border: 2.5px solid rgba(255,255,255,.95)}.hsc--foto .hf-corner.tl{left: 14px;top: 14px;border-right: 0;border-bottom: 0;border-radius: 6px 0 0 0}.hsc--foto .hf-corner.tr{right: 14px;top: 14px;border-left: 0;border-bottom: 0;border-radius: 0 6px 0 0}.hsc--foto .hf-corner.bl{left: 14px;bottom: 14px;border-right: 0;border-top: 0;border-radius: 0 0 0 6px}.hsc--foto .hf-corner.br{right: 14px;bottom: 14px;border-left: 0;border-top: 0;border-radius: 0 0 6px 0}.hsc--foto .hf-af{position: absolute;width: 66px;height: 66px;border: 2px solid #fff;border-radius: 8px;box-shadow: 0 0 0 1px rgba(16,32,70,.18);animation: hfAf 7s var(--ease) infinite}.hsc--foto .hf-af::after{content: "AF";position: absolute;left: 0;bottom: -16px;font-size: 9px;font-weight: 700;letter-spacing: .1em;color: #fff;text-shadow: 0 1px 3px rgba(0,0,0,.3)}.hsc--foto .hf-flash{position: absolute;inset: 0;background: #fff;opacity: 0;animation: hfFlash 7s steps(1,end) infinite;pointer-events: none}.hsc--foto .hf-hud{position: absolute;left: 14px;top: 44px;z-index: 3;display: flex;gap: 6px}.hsc--foto .hf-hud span{padding: 4px 8px;border-radius: 6px;background: rgba(10,16,36,.5);color: #fff;font-size: 9px;font-weight: 600;letter-spacing: .04em;backdrop-filter: blur(4px)}.hsc--foto .hf-hist{right: 20px;top: 22px;width: 134px;padding: 12px;z-index: 5}.hsc--foto .hf-bars{display: flex;align-items: flex-end;gap: 3px;height: 40px;margin-top: 9px}.hsc--foto .hf-bars i{flex: 1;height: 100%;border-radius: 2px 2px 0 0;background: linear-gradient(to top,color-mix(in srgb,var(--c2) 26%,var(--mist-2)),var(--c2));transform-origin: bottom;animation: hfBar 3.6s var(--ease) infinite alternate;animation-delay: var(--dly)}.hsc--foto .hf-strip{left: 42px;bottom: 26px;width: 306px;height: 74px;overflow: hidden;padding: 10px;z-index: 5}.hsc--foto .hf-track{display: flex;gap: 9px;width: max-content;animation: hscScrollX 14s linear infinite}.hsc--foto .hf-track span{width: 66px;height: 54px;border-radius: 8px;flex: none;box-shadow: inset 0 0 0 1px rgba(16,32,70,.07)}.hsc--foto .hf-c1{left: 22px;top: 30px;z-index: 6}@keyframes hscScrollX{to{transform: translateX(-50%)}}@keyframes hfThirds{0%,100%{opacity: 0}30%,62%{opacity: 1}}@keyframes hfAf{0%{transform: translate(64px,42px) scale(1.3);opacity: 0}8%,26%{transform: translate(64px,42px) scale(1);opacity: 1}34%,58%{transform: translate(128px,88px) scale(1);opacity: 1}66%,90%{transform: translate(190px,54px) scale(1);opacity: 1}100%{transform: translate(64px,42px) scale(1.3);opacity: 0}}@keyframes hfFlash{0%,92%{opacity: 0}93%{opacity: .85}96%,100%{opacity: 0}}@keyframes hfBar{from{transform: scaleY(var(--h1))}to{transform: scaleY(var(--h2))}}