@keyframes opt-inst-drop{0%{transform:translateY(-78px) scale(1.35);opacity:0}9%{opacity:1}28%{transform:translateY(0) scale(1)}34%{transform:translateY(-7px) scale(1)}41%,to{transform:translateY(0) scale(1);opacity:1}}@keyframes opt-inst-badge{0%,44%{transform:scale(0);opacity:0}47%{transform:scale(1.25);opacity:1}50%,to{transform:scale(1);opacity:1}}@keyframes opt-inst-pulse{0%{box-shadow:0 0 0 0 rgba(255,158,0,.75)}70%{box-shadow:0 0 0 16px rgba(255,158,0,0)}to{box-shadow:0 0 0 0 rgba(255,158,0,0)}}@keyframes opt-inst-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes opt-inst-nudge-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes opt-inst-fade{0%{opacity:0}to{opacity:1}}.opt-inst-drop{animation:opt-inst-drop 3.2s cubic-bezier(.2,.8,.2,1) infinite}.opt-inst-badge{animation:opt-inst-badge 3.2s ease-out infinite}.opt-inst-pulse{animation:opt-inst-pulse 1.6s ease-out infinite}.opt-inst-nudge{animation:opt-inst-nudge 1.2s ease-in-out infinite}.opt-inst-nudge-up{animation:opt-inst-nudge-up 1.2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.opt-inst-badge,.opt-inst-drop,.opt-inst-guide,.opt-inst-nudge,.opt-inst-nudge-up,.opt-inst-pulse,.opt-inst-welcome{animation:none!important}}.opt-inst-hero{margin:-4px -20px 2px;background:var(--opt-paper);padding-top:14px;overflow:hidden;border-bottom:1px solid var(--opt-line)}.opt-inst-home{width:250px;height:170px;margin:0 auto;box-sizing:border-box;padding:22px 14px 0;border-radius:26px 26px 0 0;background:linear-gradient(160deg,#27416B,#0E1E3F);display:grid;grid-template-columns:repeat(4,1fr);row-gap:18px;overflow:hidden}.opt-inst-home>span{display:flex;justify-content:center;position:relative}.opt-inst-tile{width:44px;height:44px;border-radius:11px;opacity:.5}.opt-inst-appicon{width:44px;height:44px;border-radius:10px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.22),0 6px 16px rgba(0,0,0,.35)}.opt-inst-dot{position:absolute;top:-3px;right:8px;width:12px;height:12px;border-radius:6px;background:var(--opt-amber);box-shadow:0 0 0 2px #1A2C52}.opt-inst-title:focus,[data-opt-install] h1:focus,[data-opt-install] h2:focus{outline:none}.opt-inst-title{margin:0;font:800 22px/1.2 var(--font-display),Bricolage Grotesque,Georgia,serif;color:var(--opt-ink);letter-spacing:-.01em}.opt-inst-text{margin:0;font:400 15px/1.5 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-body)}.opt-inst-benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.opt-inst-benefits li{display:grid;grid-template-columns:22px 1fr;gap:8px;font:500 15px/1.4 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-ink)}.opt-inst-benefits li>span:first-child{color:var(--opt-amber-text);padding-top:1px;display:flex}.opt-inst-actions{display:flex;flex-direction:column;gap:6px;margin-top:6px}.opt-inst-btn{height:52px;min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid var(--opt-amber);background:var(--opt-amber);font:700 16px/1 var(--font-body),Instrument Sans,system-ui,sans-serif;cursor:pointer;width:100%;box-sizing:border-box;text-decoration:none;-webkit-tap-highlight-color:transparent}.opt-inst-btn,.opt-inst-btn:hover{color:var(--opt-ink)}.opt-inst-btn:disabled{opacity:.6;cursor:default}.opt-inst-btn-ghost{background:transparent;border-color:transparent}.opt-inst-btn-ghost,.opt-inst-btn-line{height:46px;min-height:46px;color:var(--opt-ink)}.opt-inst-btn-line{background:var(--opt-white);border-color:var(--opt-line)}.opt-inst-steps{display:grid;grid-template-columns:30px 1fr;gap:10px 8px;align-items:center;margin:0;padding:0;list-style:none;font:400 15px/1.4 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-ink)}.opt-inst-steps>li{display:contents}.opt-inst-steps .n{width:26px;height:26px;border-radius:50%;background:var(--opt-navy);color:var(--opt-paper);display:flex;font:700 12px/1 var(--font-mono),ui-monospace,monospace}.opt-inst-steps .n,.opt-inst-sym{align-items:center;justify-content:center}.opt-inst-sym{display:inline-flex;vertical-align:-5px;margin:0 2px;color:var(--opt-ink)}.opt-inst-sym-dots{width:30px;height:22px;border-radius:11px;background:var(--opt-paper);border:1px solid var(--opt-line);box-sizing:border-box}.opt-inst-card{padding:16px;border-radius:16px;background:var(--opt-white);border:1px solid var(--opt-line);display:flex;flex-direction:column;gap:12px}.opt-inst-card-head{display:flex;gap:12px;align-items:center}.opt-inst-card-head img{width:44px;height:44px;border-radius:10px;flex-shrink:0;display:block}.opt-inst-card-t{font:700 16px/1.3 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-ink)}.opt-inst-card-s{font:400 14px/1.45 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-body)}.opt-inst-guide{position:fixed;inset:0;z-index:140;animation:opt-inst-fade .18s ease-out both}.opt-inst-dim{position:absolute;inset:0;background:rgba(14,30,63,.66)}.opt-inst-stepcard{position:absolute;left:16px;right:16px;z-index:2;padding:16px 16px 10px;border-radius:18px;background:var(--opt-white);display:flex;flex-direction:column;gap:4px;box-shadow:0 20px 50px rgba(0,0,0,.3);max-width:480px;margin:0 auto;color:var(--opt-ink);box-sizing:border-box;outline:none}.opt-inst-stepcard[data-at=bottom]{bottom:calc(96px + env(safe-area-inset-bottom))}.opt-inst-stepcard[data-at=top]{top:calc(84px + env(safe-area-inset-top))}.opt-inst-stepcard-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.opt-inst-stepcard-h h2{margin:0;font:800 19px/1.25 var(--font-display),Bricolage Grotesque,Georgia,serif;letter-spacing:-.01em}.opt-inst-x{width:44px;height:44px;margin:-6px -6px -6px 0;border-radius:12px;border:0;background:transparent;color:var(--opt-ink);cursor:pointer;flex-shrink:0}.opt-inst-x,.opt-inst-x>span{display:flex;align-items:center;justify-content:center}.opt-inst-x>span{width:32px;height:32px;border-radius:50%;background:var(--opt-paper)}.opt-inst-step{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:8px 0;min-height:44px;border:0;background:none;text-align:left;font:400 15px/1.35 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-ink);cursor:pointer;width:100%;transition:opacity .2s}.opt-inst-step[data-on=false]{opacity:.55}.opt-inst-step[data-on=true]{font-weight:700}.opt-inst-step .n{width:28px;height:28px;border-radius:50%;background:var(--opt-paper);color:var(--opt-body);display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--font-mono),ui-monospace,monospace}.opt-inst-step[data-on=true] .n{background:var(--opt-amber);color:var(--opt-ink)}.opt-inst-pointer{color:var(--opt-amber);display:flex;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.opt-inst-pointer,.opt-inst-ring{position:absolute;z-index:3;pointer-events:none}.opt-inst-ring{width:52px;height:52px;border-radius:50%;border:3px solid var(--opt-amber);box-sizing:border-box}.opt-inst-welcome{position:fixed;inset:0;z-index:150;background:var(--opt-navy);color:var(--opt-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + env(safe-area-inset-top)) 28px calc(24px + env(safe-area-inset-bottom));text-align:center;animation:opt-inst-fade .2s ease-out both;box-sizing:border-box;outline:none}.opt-inst-welcome img{width:84px;height:84px;border-radius:20px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(0,0,0,.35)}.opt-inst-welcome h1{margin:0;font:800 28px/1.12 var(--font-display),Bricolage Grotesque,Georgia,serif;letter-spacing:-.02em}.opt-inst-welcome p{margin:0;max-width:360px;font:400 16px/1.5 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-soft)}.opt-inst-welcome .opt-inst-actions{width:100%;max-width:360px;padding-top:8px;margin-top:0;gap:8px}.opt-inst-welcome .opt-inst-btn-ghost{color:var(--opt-paper)}.opt-inst-panel{padding:20px 22px;border-radius:16px;background:var(--opt-white);border:1px solid var(--opt-line);display:flex;flex-direction:column;gap:12px;color:var(--opt-ink)}.opt-inst-status{display:inline-flex;align-items:center;gap:6px;font:700 14px/1.3 var(--font-body),Instrument Sans,system-ui,sans-serif;color:var(--opt-teal)}.opt-inst-qr{display:grid;grid-template-columns:148px 1fr;gap:20px;align-items:center}.opt-inst-qr svg{width:148px;height:148px;display:block;border-radius:12px;border:1px solid var(--opt-line);background:#FFFFFF}.opt-inst-panel .opt-inst-btn{width:auto;align-self:flex-start;min-width:200px}@media (max-width:520px){.opt-inst-qr{grid-template-columns:1fr}.opt-inst-panel .opt-inst-btn{width:100%;align-self:stretch}}