.guide-progress{background:linear-gradient(90deg, var(--color-primary), var(--color-primary));z-index:120;width:0;height:3px;transition:width .1s linear;position:fixed;top:72px;left:0}.guide-hero{background:var(--color-accent);color:var(--color-text-inv);isolation:isolate;position:relative;overflow:hidden}.guide-hero:before{content:"";filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 30%,#ff6b1a47,#0000 35%),radial-gradient(circle at 85% 20%,#ff6b1a2e,#0000 40%),radial-gradient(circle at 70% 85%,#ff6b1a38,#0000 38%),radial-gradient(circle at 25% 80%,#ff6b1a1f,#0000 40%);animation:18s ease-in-out infinite alternate guide-drift;position:absolute;inset:-20%}.guide-hero:after{content:"";opacity:.35;z-index:0;pointer-events:none;background-image:radial-gradient(#ff6b1a40 1px,#0000 1px);background-size:36px 36px;animation:6s ease-in-out infinite guide-pulse;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000000e6 20%,#0000 75%);mask-image:radial-gradient(#000000e6 20%,#0000 75%)}@keyframes guide-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(2%,-1.5%)scale(1.05)}to{transform:translate(-2%,1.5%)scale(1)}}@keyframes guide-pulse{0%,to{opacity:.25}50%{opacity:.45}}.guide-hero .dev-tab{color:var(--color-text-inv);background:#ffffff14;border-color:#fff3}.guide-hero .dev-tab .material-icons{color:#fffc}.guide-hero .dev-tab:hover{border-color:var(--color-primary);background:#ffffff29}.guide-hero .dev-tab:hover .material-icons{color:var(--color-primary)}.guide-hero .dev-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inv);box-shadow:0 6px 16px #ff550047}.guide-hero .dev-tab.active .material-icons{color:var(--color-text-inv)}.dev-tabs{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.dev-tab{border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-text-inv);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.dev-tab .material-icons{font-size:17px}.dev-tab:hover{border-color:var(--color-peach);color:var(--color-accent)}.dev-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inv);box-shadow:0 6px 16px #ff550047}.dev-tab.active .material-icons{color:var(--color-text-inv)}.method-tabs-wrapper{background:var(--color-peach-deep);border-radius:var(--radius-pill);flex-wrap:wrap;justify-content:center;gap:6px;margin:12px auto 8px;padding:8px;display:inline-flex}.method-tab{border-radius:var(--radius-pill);background:var(--color-text-inv);color:var(--color-text-muted);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 4px #0000000d}.method-tab .material-icons{font-size:16px}.method-tab:hover{background:var(--color-surface-2);color:var(--color-accent)}.method-tab.active{background:var(--color-accent);color:var(--color-text-inv);box-shadow:0 4px 12px #00000026}.method-tab.active .material-icons{color:var(--color-text-inv)}.step{align-items:flex-start;gap:16px;padding-bottom:20px;display:flex;position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--color-peach);width:2px;position:absolute;top:40px;bottom:2px;left:17px}.step:last-child:before{display:none}.step-num{background:linear-gradient(135deg, var(--color-peach), var(--color-peach-deep));width:36px;height:36px;color:var(--color-primary-dark);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff80}.step-body{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;padding:16px 18px;transition:all .2s}.step-body:hover{box-shadow:var(--shadow-sm);border-color:var(--color-peach);transform:translateY(-1px)}.step-body h4{margin-bottom:4px;font-size:16px;font-weight:700}.step-body p{color:var(--color-text-muted);font-size:15px;line-height:1.55}.step-body b{color:var(--color-accent);font-weight:600}.steps-panel{display:none}.steps-panel.active{animation:.4s guide-fade-up;display:block}@keyframes guide-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.guide-note{color:var(--color-accent);text-align:center;max-width:660px;margin-top:6px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.6}.guide-note a{color:var(--color-primary);text-underline-offset:2px;font-weight:600;text-decoration:underline}.method-heading{color:var(--color-accent);margin:28px 0 16px;scroll-margin-top:100px;font-size:18px;font-weight:700}.method-heading span{color:var(--color-primary);font-size:13px;font-weight:500}.before-install-btn{background:var(--color-peach-soft);border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-accent);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.before-install-btn .btn-center{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.before-install-btn:hover{border-color:var(--color-peach);box-shadow:var(--shadow-sm)}.before-install-btn .chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .3s}.before-install.open .before-install-btn .chevron{color:var(--color-primary);transform:rotate(180deg)}.before-install-panel{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid;overflow:hidden}.before-install.open .before-install-panel{grid-template-rows:1fr}.before-install-inner{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:0;display:flex;overflow-x:auto}.before-install-inner::-webkit-scrollbar{display:none}.before-install-inner .tip-list{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;text-align:center;flex:0 0 100%;padding:20px 22px}.before-install-inner .tip-list h4{color:var(--color-accent);justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.before-install-inner .tip-list ul{text-align:left;padding:0;list-style:none;display:block}.before-install-inner .tip-list li{color:var(--color-text-muted);align-items:flex-start;gap:10px;margin-bottom:10px;font-size:15px;line-height:1.5;display:flex}.before-install-inner .tip-list li .material-icons{color:var(--color-primary);flex-shrink:0;margin-top:1px;font-size:18px}@media (max-width:640px){.before-install-inner .tip-list{padding:16px}}@media (min-width:768px){.before-install-btn{width:auto;padding:8px 14px;font-size:14px;display:inline-flex}.before-install-btn .btn-center{flex:none}#before.before-install{text-align:center}}.carousel-nav{justify-content:center;align-items:center;gap:8px;padding:8px 0 18px;display:flex}.carousel-dots{justify-content:center;gap:6px;display:flex}.carousel-dot{background:var(--color-border);cursor:pointer;outline-offset:2px;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.carousel-dot.active{background:var(--color-primary)}.carousel-arrow{background:var(--color-text-inv);border:1px solid var(--color-border);cursor:pointer;width:32px;height:32px;color:var(--color-text-muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,box-shadow .2s;display:flex}.carousel-arrow:hover{background:var(--color-peach-soft);color:var(--color-primary);box-shadow:var(--shadow-md)}.carousel-arrow .material-icons{font-size:20px}@media (max-width:767px){.carousel-arrow{display:none}}.preference-head{justify-content:center;align-items:center;gap:6px;margin-bottom:4px;display:flex}.preference-head span{color:var(--color-accent);font-size:clamp(22px,3vw,28px);font-weight:800}.preference-head span.orange{color:var(--color-primary)}.ios-select-box{background:var(--color-peach-soft);border-radius:var(--radius-md);border:1px solid var(--color-peach);flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 16px;padding:20px 22px;scroll-margin-top:100px;display:flex}.ios-select-box h4{color:var(--color-accent);margin:0;font-size:15px;font-weight:700}.ios-select-box .ios-links{gap:8px;display:flex}.ios-link{background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.ios-link:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff550040}@media (max-width:640px){.ios-select-box{gap:8px;padding:14px 16px}.ios-select-box h4{font-size:13px}.ios-select-box .ios-link{padding:5px 10px;font-size:12px}}.next-activate{background:var(--color-primary);color:var(--color-text-inv);border-radius:var(--radius-pill);align-items:center;gap:6px;margin-top:10px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.next-activate:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff550040}.callout{background:linear-gradient(135deg, var(--color-peach), var(--color-peach-soft));border:1px solid var(--color-peach);border-radius:var(--radius-md);align-items:flex-start;gap:14px;margin-top:22px;padding:18px 20px;display:flex}.callout .cico{background:var(--color-text-inv);width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.callout .cico .material-icons{color:var(--color-primary);font-size:20px}.callout h4{margin-bottom:4px;font-size:16px;font-weight:800}.callout p{color:var(--color-accent);font-size:15px;line-height:1.55}.tips-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:640px){.tips-grid{grid-template-columns:1fr}}.tip{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px;transition:all .25s}.tip:hover{box-shadow:var(--shadow-md);border-color:var(--color-peach);transform:translateY(-3px)}.tip-ico{background:linear-gradient(135deg, var(--color-peach), var(--color-peach-deep));border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex;box-shadow:inset 0 0 0 1px #ffffff80}.tip-ico .material-icons{color:var(--color-primary-dark);font-size:20px}.tip h4{margin-bottom:6px;font-size:16px;font-weight:700}.tip p{color:var(--color-text-muted);font-size:15px;line-height:1.55}.faq{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--color-peach)}.faq-q{cursor:pointer;width:100%;color:var(--color-accent);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:16px;font-weight:700;display:flex}.faq-q .chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .3s}.faq-item.open .faq-q .chevron{color:var(--color-primary);transform:rotate(180deg)}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .32s;display:grid}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-a-in{overflow:hidden}.faq-a p{color:var(--color-text-muted);padding:0 18px 16px;font-size:15px;line-height:1.6}.faq-a b{color:var(--color-accent);font-weight:600}.help{background:linear-gradient(135deg, var(--color-peach), var(--color-peach-deep));border-radius:var(--radius-lg);padding:36px;position:relative;overflow:hidden}.help:before{content:"";opacity:.5;background-image:radial-gradient(#ffffff73 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.help-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.help-txt h2{font-size:26px;font-weight:800}.help-txt p{color:var(--color-accent);max-width:460px;margin-top:6px;font-size:16px}.help-cta{flex-wrap:wrap;gap:12px;display:flex}.toc{align-self:start;position:sticky;top:96px}.toc-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px;font-size:11.5px;font-weight:700}.toc a{color:var(--color-text-muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.toc a .material-icons{color:var(--color-text-muted);opacity:.5;font-size:17px;transition:color .2s}.toc a:hover{color:var(--color-accent);background:var(--color-bg-soft)}.toc a.active{color:var(--color-primary);background:var(--color-peach-soft)}.toc a.active .material-icons{color:var(--color-primary)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.in{opacity:1;transform:none}.guide-main section{margin-bottom:24px;padding:0}.guide-main section:last-child{margin-bottom:0}.guide-main section[id]{scroll-margin-top:96px}.method-heading{scroll-margin-top:100px}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.steps-panel.active{animation:none}.faq-a{transition:none}.guide-hero:before,.guide-hero:after{animation:none}}