.guide[data-astro-cid-rgejrgkw]{--stage: min(64vh, 560px);--warn: #ff4d4f;display:grid;gap:28px}.main[data-astro-cid-rgejrgkw]{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:32px;align-items:start}.stage[data-astro-cid-rgejrgkw]{position:relative;height:var(--stage);display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 40%,var(--hull),var(--abyss) 70%);border:1px solid var(--seam);border-radius:22px;overflow:hidden}.bezel[data-astro-cid-rgejrgkw]{position:relative;padding:10px;border-radius:20px;background:linear-gradient(160deg,#1b2530,#0b1016 55%,#151e28);box-shadow:inset 0 0 0 1px #eef3f714,0 30px 60px -24px #000000e6;transition:transform 1.3s cubic-bezier(.6,0,.25,1)}.bezel[data-astro-cid-rgejrgkw].land{width:min(94%,calc((var(--stage) - 56px) * 16 / 9))}.bezel[data-astro-cid-rgejrgkw].port{height:calc(var(--stage) - 40px)}.glass[data-astro-cid-rgejrgkw]{position:relative;overflow:hidden;border-radius:11px;background:#dfe7ef}.bezel[data-astro-cid-rgejrgkw].land .glass[data-astro-cid-rgejrgkw]{aspect-ratio:16 / 9}.bezel[data-astro-cid-rgejrgkw].port .glass[data-astro-cid-rgejrgkw]{aspect-ratio:9 / 16;height:100%}.glass[data-astro-cid-rgejrgkw] img[data-astro-cid-rgejrgkw]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bezel[data-astro-cid-rgejrgkw].turning{transform:rotate(-90deg) scale(.6)}.iphone[data-astro-cid-rgejrgkw]{height:calc(var(--stage) - 40px);aspect-ratio:9 / 19.5;padding:2.4%;border-radius:15%/7%;background:linear-gradient(150deg,#2c3946,#121a23 40%,#0c1219 70%,#26323e);box-shadow:inset 0 0 0 1px #eef3f71f,0 30px 60px -24px #000000e6}.iscreen[data-astro-cid-rgejrgkw]{position:relative;height:100%;border-radius:13%/6%;overflow:hidden;background:var(--abyss);container-type:inline-size}.island[data-astro-cid-rgejrgkw]{position:absolute;top:3.2cqi;left:50%;width:30cqi;height:8.5cqi;transform:translate(-50%);border-radius:999px;background:#000}.app[data-astro-cid-rgejrgkw]{position:absolute;inset:0;padding:18cqi 7cqi 0;display:grid;align-content:start;gap:4cqi}.app-bar[data-astro-cid-rgejrgkw]{display:flex;justify-content:flex-end;align-items:center;gap:3cqi;color:var(--mist);font-size:4.6cqi}.app-bar[data-astro-cid-rgejrgkw] i[data-astro-cid-rgejrgkw]{width:30cqi;height:1.6cqi;border-radius:1cqi;background:var(--seam);overflow:hidden}.app-bar[data-astro-cid-rgejrgkw] b[data-astro-cid-rgejrgkw]{display:block;width:66%;height:100%;background:var(--current)}.app[data-astro-cid-rgejrgkw] h3[data-astro-cid-rgejrgkw]{margin:4cqi 0 0;font:600 11cqi / 1.05 var(--display);letter-spacing:-.03em}.app[data-astro-cid-rgejrgkw] p[data-astro-cid-rgejrgkw]{margin:0;color:var(--mist);font-size:5.6cqi;line-height:1.4}.app-card[data-astro-cid-rgejrgkw]{display:flex;gap:3.5cqi;align-items:center;margin-top:2cqi;padding:4cqi;border:1px solid var(--seam);border-radius:5cqi;background:var(--deep);color:var(--mist);font-size:4.8cqi;line-height:1.35}.app-card[data-astro-cid-rgejrgkw] svg[data-astro-cid-rgejrgkw]{flex:none;width:10cqi;height:10cqi;padding:1.6cqi;border-radius:3cqi;background:var(--hull)}.app-foot[data-astro-cid-rgejrgkw]{position:absolute;left:7cqi;right:7cqi;bottom:15.2cqi;display:grid;gap:3cqi}.app-btn[data-astro-cid-rgejrgkw]{height:13cqi;border-radius:999px;display:grid;place-items:center;background:var(--current);color:var(--ink);font:600 5.4cqi / 1 var(--body)}.app-btn[data-astro-cid-rgejrgkw].out{background:transparent;border:1px solid var(--seam);color:var(--foam)}.stage[data-astro-cid-rgejrgkw] .tap,.stage[data-astro-cid-rgejrgkw] .ripple,.stage[data-astro-cid-rgejrgkw] .never,.stage[data-astro-cid-rgejrgkw] .tag{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.stage[data-astro-cid-rgejrgkw] .tap{width:26px;height:26px;border-radius:50%;background:var(--current);box-shadow:0 0 0 4px #34d1f259;animation:guide-tap 1.6s ease-in-out infinite}.stage[data-astro-cid-rgejrgkw] .tap:after{content:"";position:absolute;inset:-14px;border-radius:50%;border:3px solid var(--current);animation:guide-ring 1.6s ease-out infinite}.stage[data-astro-cid-rgejrgkw] .tap.ok{background:#3ddc84;box-shadow:0 0 0 4px #3ddc8459}.stage[data-astro-cid-rgejrgkw] .tap.ok:after{border-color:#3ddc84}.stage[data-astro-cid-rgejrgkw] .ripple{width:30px;height:30px;border-radius:50%;border:3px solid var(--current);animation:guide-ripple .55s ease-out forwards}.stage[data-astro-cid-rgejrgkw] .never{width:64px;height:44px;border:4px solid var(--warn);border-radius:50%}.stage[data-astro-cid-rgejrgkw] .never:before,.stage[data-astro-cid-rgejrgkw] .never:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:4px;background:var(--warn);border-radius:2px}.stage[data-astro-cid-rgejrgkw] .never:before{transform:translate(-50%,-50%) rotate(35deg)}.stage[data-astro-cid-rgejrgkw] .never:after{transform:translate(-50%,-50%) rotate(-35deg)}.stage[data-astro-cid-rgejrgkw] .tag{padding:5px 10px;border-radius:999px;background:#05080ce6;color:var(--foam);font:600 13px / 1.2 var(--body);white-space:nowrap}.stage[data-astro-cid-rgejrgkw] .tag.cur{color:var(--current)}.stage[data-astro-cid-rgejrgkw] .tag.warn{color:var(--warn)}@keyframes guide-tap{50%{transform:translate(-50%,-50%) scale(.82)}}@keyframes guide-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}@keyframes guide-ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(2.2)}}.side[data-astro-cid-rgejrgkw]{display:grid;gap:18px;min-width:0}.now[data-astro-cid-rgejrgkw]{background:var(--deep);border:1px solid var(--seam);border-radius:18px;padding:20px 22px;display:grid;gap:8px;min-height:196px}.num[data-astro-cid-rgejrgkw]{color:var(--current);font:600 14px / 1 var(--body);font-variant-numeric:tabular-nums}.now[data-astro-cid-rgejrgkw] h2[data-astro-cid-rgejrgkw]{font-size:26px;line-height:1.1;letter-spacing:-.02em}.now[data-astro-cid-rgejrgkw] p[data-astro-cid-rgejrgkw]{color:var(--mist)}.now[data-astro-cid-rgejrgkw] p[data-astro-cid-rgejrgkw] b{color:var(--foam);font-weight:600}.now[data-astro-cid-rgejrgkw] p[data-astro-cid-rgejrgkw] .warnline{color:#ffb3b4}.bar[data-astro-cid-rgejrgkw]{height:4px;border-radius:2px;background:var(--seam);overflow:hidden;margin-top:6px}.bar[data-astro-cid-rgejrgkw] i[data-astro-cid-rgejrgkw]{display:block;height:100%;width:0;background:var(--current)}ol[data-astro-cid-rgejrgkw]{list-style:none;margin:0;padding:0;display:grid;gap:4px}ol[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw]{width:100%;display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 10px;border:0;border-radius:12px;background:transparent;color:var(--mist);font:500 15px / 1.3 var(--body);text-align:left;cursor:pointer}.n[data-astro-cid-rgejrgkw]{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--seam);display:grid;place-items:center;font:600 13px / 1 var(--body)}ol[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw][aria-current=step]{background:var(--deep);color:var(--foam)}ol[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw][aria-current=step] .n[data-astro-cid-rgejrgkw]{border-color:var(--current);color:var(--current)}ol[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw].done .n[data-astro-cid-rgejrgkw]{background:var(--current);border-color:var(--current);color:var(--ink)}.controls[data-astro-cid-rgejrgkw]{display:flex;gap:10px;flex-wrap:wrap}.controls[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw]{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--edge);background:transparent;color:var(--foam);font:600 15px / 1 var(--body);cursor:pointer}.controls[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw].primary{min-width:6.5em;background:var(--current);border-color:var(--current);color:var(--ink)}@media(hover:hover){ol[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw]:hover{background:var(--deep);color:var(--foam)}.controls[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw]:hover{border-color:var(--mist)}.controls[data-astro-cid-rgejrgkw] button[data-astro-cid-rgejrgkw].primary:hover{background:#5fdcf6}}button[data-astro-cid-rgejrgkw]:focus-visible{outline:2px solid var(--current);outline-offset:2px}.note[data-astro-cid-rgejrgkw]{color:var(--steel);font-size:.9rem;max-width:70ch}@media(max-width:860px){.guide[data-astro-cid-rgejrgkw]{--stage: min(78vw, 460px)}.main[data-astro-cid-rgejrgkw]{grid-template-columns:1fr}.bezel[data-astro-cid-rgejrgkw]{padding:6px;border-radius:14px}.glass[data-astro-cid-rgejrgkw]{border-radius:8px}.now[data-astro-cid-rgejrgkw]{min-height:0}.now[data-astro-cid-rgejrgkw] h2[data-astro-cid-rgejrgkw]{font-size:22px}.stage[data-astro-cid-rgejrgkw] .tap{width:20px;height:20px}.stage[data-astro-cid-rgejrgkw] .tap:after{inset:-10px}.stage[data-astro-cid-rgejrgkw] .never{width:44px;height:30px;border-width:3px}.stage[data-astro-cid-rgejrgkw] .never:before,.stage[data-astro-cid-rgejrgkw] .never:after{width:30px;height:3px}.stage[data-astro-cid-rgejrgkw] .tag{padding:3px 8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.stage[data-astro-cid-rgejrgkw] .tap,.stage[data-astro-cid-rgejrgkw] .tap:after{animation:none}.bezel[data-astro-cid-rgejrgkw]{transition:none}}.page[data-astro-cid-4knyziin]{display:grid;gap:28px;padding-block:clamp(8px,3vw,32px) clamp(48px,7vw,96px)}.intro[data-astro-cid-4knyziin]{display:grid;gap:12px}h1[data-astro-cid-4knyziin]{font-size:clamp(2rem,4.6vw,3rem);line-height:1.02;letter-spacing:-.03em}.lead[data-astro-cid-4knyziin]{max-width:62ch;color:var(--mist);font-size:1.0625rem}
