.gs-phone{aspect-ratio:9/18.5;background:var(--color-camera-ground);border-radius:2.6rem;width:min(100%,17.5rem);padding:.55rem;box-shadow:inset 0 0 0 1px #ffffff12,0 40px 80px #24232040}.gs-glass{background:linear-gradient(160deg, var(--color-sand), #878b87 55%, #424a4c);border-radius:2.1rem;height:100%;position:relative;overflow:hidden}.gs-notch{z-index:5;background:var(--color-camera-ground);border-radius:9999px;width:4.5rem;height:1.2rem;position:absolute;top:.6rem;left:50%;translate:-50%}.gs-screen{--sd:calc(var(--i,0) * 3s - 9s);opacity:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gs-screen-shoot{opacity:1}.gs-brackets{position:absolute;inset:0}.gs-brackets span{border:0 solid #fcfbf8e6;width:1.1rem;height:1.1rem;position:absolute}.gs-brackets span:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.gs-brackets span:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.gs-brackets span:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.gs-brackets span:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.gs-scan-frame{aspect-ratio:1;width:62%;padding:.9rem;position:relative}.gs-scan-card{background:var(--color-soft-white);border-radius:.5rem;padding:.6rem;rotate:-4deg;box-shadow:0 10px 30px #00000040}.gs-scan-line{background:var(--color-terracotta-light);height:2px;box-shadow:0 0 12px var(--color-terracotta-light);border-radius:2px;position:absolute;top:50%;left:.4rem;right:.4rem}.gs-pill{color:var(--color-soft-white);background:#1212108c;border-radius:9999px;margin-top:1.5rem;padding:.4rem .9rem;font-size:.7rem}.gs-screen-ask{background:#12121073;justify-content:flex-end}.gs-sheet{background:var(--color-soft-white);width:100%;color:var(--color-charcoal);border-radius:1.4rem 1.4rem 0 0;padding:1.25rem 1rem 1.5rem}.gs-sheet-text{text-align:center;font-size:.8rem;font-weight:700;line-height:1.15rem}.gs-sheet-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.gs-btn{border:1px solid #24232026;border-radius:.7rem;place-items:center;min-height:2.25rem;font-size:.7rem;font-weight:700;display:grid}.gs-btn-allow{border-color:var(--color-charcoal);background:var(--color-charcoal);color:var(--color-soft-white)}.gs-screen-shoot{background:radial-gradient(circle at 65% 35%, #f2c44c40, transparent 30%), radial-gradient(circle at 30% 70%, #d98b744d, transparent 35%), linear-gradient(170deg, #424a4c, #2c302f 60%, var(--color-camera-ground))}.gs-topbar{font-family:var(--font-mono);letter-spacing:.14em;color:#fcfbf8d9;justify-content:space-between;font-size:.6rem;display:flex;position:absolute;top:2.4rem;left:1.1rem;right:1.1rem}.gs-exp-num{margin-right:.35em;display:inline-grid}.gs-exp-num>span{grid-area:1/1}.gs-exp-19{opacity:0}.gs-brackets-view{inset:4.2rem 1.4rem 6.5rem}.gs-shutter{background:var(--color-shutter);background-clip:content-box;border:3px solid #fcfbf8e6;border-radius:9999px;width:3.4rem;height:3.4rem;padding:3px;position:absolute;bottom:1.8rem;left:50%;translate:-50%}.gs-flash{background:var(--color-soft-white);opacity:0;pointer-events:none;position:absolute;inset:0}.gs-step{border-top:1px solid var(--border);padding:1.1rem 0 1.1rem 3rem;position:relative}.gs-step-num{font-family:var(--font-mono);color:var(--accent-text);font-size:.8rem;position:absolute;top:1.15rem;left:0}.gs-step-bar{background:var(--accent);transform-origin:0;opacity:0;height:2px;position:absolute;top:-1px;left:0;right:0}@media (prefers-reduced-motion:no-preference){.gs-screen{animation:gs-show 9s linear var(--sd) infinite both}.gs-scan-line{animation:1.6s ease-in-out infinite alternate gs-scan}.gs-sheet{animation:gs-sheet 9s var(--ease-expo) var(--sd) infinite both}.gs-btn-allow{animation:gs-press-allow 9s ease var(--sd) infinite both}.gs-flash{animation:gs-flash 9s ease-out var(--sd) infinite both}.gs-exp-20{animation:gs-n20 9s steps(1) var(--sd) infinite both}.gs-exp-19{animation:gs-n19 9s steps(1) var(--sd) infinite both}.gs-shutter{animation:gs-press 9s ease var(--sd) infinite both}.gs-step{--sd:calc(var(--i,0) * 3s - 9s);animation:gs-step 9s ease var(--sd) infinite both}.gs-step-bar{animation:gs-bar 9s linear var(--sd) infinite both}}@keyframes gs-show{0%,31%{opacity:1}34%,97%{opacity:0}to{opacity:1}}@keyframes gs-scan{0%{top:18%}to{top:82%}}@keyframes gs-sheet{0%{translate:0 110%}6%,to{translate:0}}@keyframes gs-press-allow{0%,18%{scale:1}20%{scale:.92}23%,to{scale:1}}@keyframes gs-flash{0%,15%{opacity:0}16%{opacity:.9}23%,to{opacity:0}}@keyframes gs-n20{0%{opacity:1}16%,to{opacity:0}}@keyframes gs-n19{0%{opacity:0}16%,to{opacity:1}}@keyframes gs-press{0%,14%{scale:1}15.5%{scale:.86}18%,to{scale:1}}@keyframes gs-step{0%,31%{opacity:1}34%,97%{opacity:.4}to{opacity:1}}@keyframes gs-bar{0%{opacity:1;transform:scaleX(0)}32%{opacity:1;transform:scaleX(1)}34%,to{opacity:0;transform:scaleX(1)}}[data-phase=waiting] .gs-phone{opacity:0;transform:translateY(2.5rem)rotate(4deg)}[data-phase=seen] .gs-phone{transition:opacity .7s ease .3s, transform 1.3s var(--ease-expo) .3s}