.iosg{position:fixed;inset:0;z-index:260;display:flex;align-items:center;justify-content:center}.iosg[hidden]{display:none}.iosg__backdrop{position:absolute;inset:0;background:#06080bcc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease}.iosg--in .iosg__backdrop{opacity:1}.iosg__sheet{position:relative;width:min(460px,92vw);max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-2) 100%,transparent),var(--ink-2) 60px);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,3vw,30px);box-shadow:0 34px 100px #0009,0 0 0 1px color-mix(in srgb,var(--amber) 10%,transparent);opacity:0;transform:translateY(18px) scale(.97);transition:opacity .24s ease,transform .24s ease}.iosg--in .iosg__sheet{opacity:1;transform:translateY(0) scale(1)}.iosg__close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--mute);cursor:pointer}.iosg__close:hover{color:var(--amber);border-color:var(--amber)}.iosg__close svg{width:18px;height:18px}.iosg__eyebrow{margin:0 44px 6px 0;font:700 11px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}.iosg__title{margin:0 44px 16px 0;font-size:clamp(19px,2.2vw,24px);line-height:1.2;max-width:26ch;color:var(--bone)}.iosg__note{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink-2) 60%,black 10%)}.iosg__note[hidden]{display:none}.iosg__note-text{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--bone)}.iosg__note-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iosg__url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--amber);padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#00000040}.iosg__copy{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--font);color:var(--bone);cursor:pointer;padding:9px 14px;border-radius:8px;border:1px solid var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent);transition:background .16s ease,transform .12s ease}.iosg__copy:hover{background:color-mix(in srgb,var(--amber) 24%,transparent)}.iosg__copy:active{transform:scale(.96)}.iosg__copied{margin:10px 0 0;font-size:13px;color:var(--amber);display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.iosg__copied:not([hidden]){opacity:1;transform:translateY(0)}.iosg__copied[hidden]{display:none}.iosg__copied svg{width:14px;height:14px;flex:0 0 auto}.iosg__openlink{width:100%;justify-content:center;margin:0 0 18px}.iosg__openlink[hidden]{display:none}.iosg__stage{position:relative;height:220px;margin:0 0 14px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--amber) 7%,transparent),transparent 60%),#00000038;overflow:hidden}.iosg__step{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(26px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.iosg__step.is-active{opacity:1;transform:translate(0);pointer-events:auto}.iosg__step.is-prev{transform:translate(-26px)}.iosg__phone{position:relative;width:180px;height:190px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0e1116,#14181f);box-shadow:inset 0 0 0 1px #ffffff08;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.iosg__browserbar{margin:14px 10px;padding:9px 10px;border-radius:10px;display:flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid var(--line);animation:iosgGlow 2.2s ease-in-out infinite}.iosg__safari-ico{width:15px;height:15px;flex:0 0 auto;color:var(--amber)}.iosg__url-pill{font:12px/1.2 var(--font);color:var(--bone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes iosgGlow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--amber) 0%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 22%,transparent)}}.iosg__toolbar{display:flex;align-items:center;justify-content:space-around;padding:12px 6px;border-top:1px solid var(--line);background:#ffffff08}.iosg__tb-ico{position:relative;width:26px;height:26px;display:grid;place-items:center;color:var(--mute)}.iosg__tb-ico svg{width:17px;height:17px}.iosg__tb-share{color:var(--amber)}.iosg__tb-share svg{animation:iosgPulse 1.6s ease-in-out infinite}.iosg__tapring{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--amber);opacity:0;animation:iosgTap 1.6s ease-out infinite}@keyframes iosgPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes iosgTap{0%{transform:scale(.5);opacity:.9}70%{opacity:0}to{transform:scale(1.4);opacity:0}}.iosg__sheet-mock{position:absolute;left:8px;right:8px;bottom:0;border:1px solid var(--line);border-radius:14px 14px 0 0;background:linear-gradient(180deg,#181c23,#101318);padding:8px 10px 10px;transform:translateY(14%);animation:iosgSheetUp 2.4s ease-in-out infinite}.iosg__sheet-handle{width:32px;height:3px;border-radius:2px;background:var(--line);margin:0 auto 8px}.iosg__sheet-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:8px;margin-bottom:2px;font:11.5px/1.1 var(--font);color:var(--mute)}.iosg__sheet-row svg{width:14px;height:14px;flex:0 0 auto}.iosg__sheet-row--hot{position:relative;color:var(--bone);font-weight:700;animation:iosgRowHot 2.4s ease-in-out infinite}.iosg__sheet-row--hot svg{color:var(--amber)}@keyframes iosgSheetUp{0%,12%{transform:translateY(14%)}30%,85%{transform:translateY(0)}to{transform:translateY(14%)}}@keyframes iosgRowHot{0%,20%{background:transparent}35%,70%{background:color-mix(in srgb,var(--amber) 22%,transparent)}85%,to{background:transparent}}.iosg__home{position:relative;width:100%;height:100%;padding:16px 14px}.iosg__home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}.iosg__home-icon{width:30px;height:30px;border-radius:9px;background:#ffffff0f;border:1px solid var(--line)}.iosg__home-icon--target{display:grid;place-items:center;overflow:hidden;animation:iosgTargetPop 2.6s ease-in-out infinite}.iosg__home-icon--target img{width:100%;height:100%;object-fit:cover;border-radius:8px}.iosg__drop-icon{position:absolute;left:50%;top:10px;width:34px;height:34px;margin-left:-17px;border-radius:9px;overflow:hidden;box-shadow:0 10px 20px #0006;animation:iosgDrop 2.6s cubic-bezier(.3,.9,.4,1.2) infinite}.iosg__drop-icon img{width:100%;height:100%;object-fit:cover;display:block}@keyframes iosgDrop{0%{transform:translateY(0) scale(1);opacity:1}55%{transform:translateY(118px) scale(.9);opacity:1}62%{transform:translateY(112px) scale(1.05);opacity:1}70%,to{transform:translateY(116px) scale(0);opacity:0}}@keyframes iosgTargetPop{0%,58%{transform:scale(.001);opacity:0}66%{transform:scale(1.12);opacity:1}74%,to{transform:scale(1);opacity:1}}.iosg__caption{min-height:64px;margin:0 0 14px}.iosg__step-title{margin:0 0 4px;font:700 15px/1.3 var(--font);color:var(--bone)}.iosg__step-body{margin:0;font-size:13.5px;line-height:1.55;color:var(--mute)}.iosg__controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.iosg__nav{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--bone);cursor:pointer;transition:border-color .16s ease,color .16s ease}.iosg__nav:hover{border-color:var(--amber);color:var(--amber)}.iosg__nav svg{width:16px;height:16px}.iosg__dots{display:flex;gap:8px}.iosg__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--line);transition:background .18s ease,transform .18s ease}.iosg__dot.is-on{background:var(--amber);transform:scale(1.25)}html.iosg-lock{overflow:hidden}@media(max-width:560px){.iosg{align-items:flex-end}.iosg__sheet{width:100%;max-width:none;max-height:92vh;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));transform:translateY(100%)}.iosg--in .iosg__sheet{transform:translateY(0)}.iosg__sheet:before{content:"";display:block;width:38px;height:4px;border-radius:3px;background:var(--line);margin:0 auto 14px}.iosg__stage{height:200px}.iosg__phone{width:160px;height:172px}}@media(prefers-reduced-motion:reduce){.iosg__backdrop,.iosg__sheet,.iosg__step{transition:opacity .12s linear;transform:none!important}.iosg__browserbar,.iosg__tb-share svg,.iosg__tapring,.iosg__sheet-mock,.iosg__sheet-row--hot,.iosg__home-icon--target,.iosg__drop-icon{animation:none!important}.iosg__tapring{display:none}.iosg__sheet-mock{transform:translateY(0)}.iosg__drop-icon{opacity:0}.iosg__home-icon--target{opacity:1;transform:none}.iosg__copied{transition:none}}
