/*! (c) 2026 AD ASTRA. All rights reserved. */
:root{--bg:#ffffff;--card:#ffffff;--text:#3c3c3c;--head:#4b4b4b;--sub:#757575;--faint:#afafaf;--line:#e5e5e5;--well:#f7f7f7;--blue:#1cb0f6;--sel-bg:#ddf4ff;--sel-line:#84d8ff;--blue-fill:#1cb0f6;--blue-fill-dark:#1899d6;--green:#58cc02;--green-dark:#58a700;--green-text:#3f7a00;--tint:#d7ffb8;--gold:#ffc800;--gold-dark:#e5a400;--lock:#e5e5e5;--lock-dark:#c4c4c4;--lock-glyph:#afafaf;--pill-shadow:#e5e5e5;--ticket:linear-gradient(115deg,#3c4dff 0%,#8a3bff 52%,#fe00ee 100%);--ticket-lip:#5321c4;--ticket-soft:#f5edff;--ticket-line:#d3b0ff;--ticket-text:#7a2ee6;--beetle:#ce82ff;--beetle-dark:#a568cc;--m-bg:#131f24;--m-well:#202f36;--m-line:#37464f;--m-sub:#dce6ec;--m-faint:#52656d;--m-bar:#1a2a31;--m-bar-line:#3f85a7;--m-ghost:#2b1f42;--m-ghost-line:#b77cff;--m-ghost-text:#e3c4ff;--focus:#1cb0f6;--ring-fill:#cd7900;font-family:Pretendard Variable,Pretendard,Segoe UI Variable Text,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif;font-size:17px;line-height:1.6;font-weight:500;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg:#131f24;--card:#131f24;--text:#f1f7fb;--head:#f1f7fb;--sub:#dce6ec;--faint:#52656d;--line:#37464f;--well:#202f36;--blue:#49c0f8;--sel-bg:#202f36;--sel-line:#3f85a7;--green-text:#58cc02;--tint:#202f36;--lock:#37464f;--lock-dark:#26343b;--lock-glyph:#52656d;--pill-shadow:#0e171c;--ticket-soft:#211a33;--ticket-line:#6c45b8;--ticket-text:#d7a6ff;--m-bg:#ffffff;--m-well:#f7f7f7;--m-line:#e5e5e5;--m-sub:#757575;--m-faint:#afafaf;--m-bar:#ddf4ff;--m-bar-line:#84d8ff;--m-ghost:#f5edff;--m-ghost-line:#a96cf0;--m-ghost-text:#7a2ee6;--focus:#49c0f8;--ring-fill:#ffc800 }.trail-sparkles{opacity:.6}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;word-break:keep-all;background:var(--bg);isolation:isolate}p,li,.detail,#status,.note p,small{text-wrap:pretty}h1,h2,h3,#device-title,.bridge-title,.return-note{text-wrap:balance}header,footer{width:100%;max-width:1040px;margin:0 auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}header{min-height:76px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--head);font-weight:700;font-size:20px;letter-spacing:.8px}.brand span{font-size:13px;letter-spacing:.8px;color:var(--head);padding:2px 8px;border:2px solid var(--line);border-radius:8px;line-height:1.3}.pill{font-size:14px;font-weight:700;color:var(--head);background:var(--well);border:0;border-radius:999px;padding:6px 14px;white-space:nowrap}main{width:100%;max-width:1040px;margin:12px auto 48px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:48px;align-items:start;align-content:start;flex:1}footer{margin-top:auto;border-top:2px solid var(--line);font-size:15px;font-weight:700;color:var(--sub);flex-wrap:wrap;gap:8px 16px}footer span:first-child{letter-spacing:.8px;color:var(--head)}.intro{position:sticky;top:32px;padding:24px 0}.eyebrow{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:.8px;color:var(--blue)}h1{margin:0 0 16px;font-size:32px;line-height:1.3;font-weight:700;color:var(--head)}.lead{margin:0;font-size:17px;line-height:1.7;color:var(--sub)}.note{margin-top:32px;display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.65;color:var(--sub)}.note p{margin:0}.note strong{color:var(--head)}.check{flex:none;width:28px;height:28px;border-radius:50%;background:var(--tint);color:var(--green-text);display:grid;place-items:center;font-weight:700;font-size:15px;margin-top:1px}.card{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:24px}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:700}.stepmark{color:var(--blue);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.muted{color:var(--sub);overflow-wrap:anywhere;text-align:right}#order{font-variant-numeric:tabular-nums}h2{margin:0;font-size:24px;line-height:1.35;font-weight:700;color:var(--head)}#status{margin:0 0 20px;font-size:17px;line-height:1.6;color:var(--sub)}.unit{margin:0 0 24px;padding:16px 20px 18px;border-radius:16px;background:var(--blue-fill);box-shadow:0 4px 0 var(--blue-fill-dark);color:#fff}.card:has(#ready:not([hidden])) .unit{background:var(--green);box-shadow:0 4px 0 var(--green-dark)}.card:has(#receipt:not([hidden])) .unit{background:linear-gradient(160deg,#0b4c46,#0b2e70,#4c1d73);box-shadow:0 4px #2e2473}.unit .stepmark,.unit .muted{color:#fff;opacity:.82}.unit h2{margin:6px 0 0;color:#fff}.progress{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px;font-weight:700;color:var(--sub)}.progress li{display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;line-height:22px}.progress li:after{content:"";display:block;height:12px;margin-top:8px;border-radius:999px;background:var(--line)}.progress li.complete:after{background:var(--beetle);box-shadow:inset 0 3px #ffffff59}.progress li[aria-current=step]:after{background:linear-gradient(90deg,var(--beetle) 0 50%,var(--line) 50% 100%)}.progress span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border:2px solid var(--line);border-radius:50%;font-size:13px;line-height:1;vertical-align:top}.progress li[aria-current=step]{color:var(--head)}.progress li.complete{color:var(--ticket-text)}.progress li[aria-current=step] span,.progress li.complete span{background:var(--beetle);border-color:var(--beetle);color:#fff}.step-caption{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.8px;color:var(--sub);text-transform:uppercase}h3{margin:0 0 8px;font-size:22px;line-height:1.35;font-weight:700;color:var(--head)}.step-copy{margin:0 0 16px;font-size:17px;line-height:1.65;color:var(--text)}.step-copy strong{color:var(--head)}.browser-example{position:relative;margin:0;border:2px solid var(--m-line);border-radius:16px;overflow:hidden;background:var(--m-bg)}.example-caption{position:absolute;top:6px;right:12px;z-index:1;padding:2px 10px;border:0;border-radius:999px;background:var(--m-bg);font-size:13px;font-weight:700;color:var(--m-sub)}.browser-top{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--m-well)}.browser-top i{width:10px;height:10px;border-radius:50%;background:var(--m-line)}.browser-top>span{margin-left:8px;font-size:13px;font-weight:700;color:var(--m-faint)}.browser-address{display:flex;align-items:center;gap:12px;padding:2px 16px 8px;font-size:15px;color:var(--m-faint);background:var(--m-well)}.browser-address>div{flex:1;border:2px solid var(--m-line);border-radius:999px;padding:4px 14px;background:var(--m-bg);font-size:14px;font-weight:700;color:var(--m-sub)}.browser-bookmarks{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:56px;padding:8px 16px;background:var(--m-bar);border-top:2px solid var(--m-bar-line);font-size:15px;color:var(--m-sub)}.browser-bookmarks>span:first-child{font-size:18px;color:var(--m-faint)}.drop-example{height:40px;display:inline-flex;align-items:center;padding:0 18px;border:2px dashed var(--m-ghost-line);border-radius:12px;font-weight:700;color:transparent;background:var(--m-bg);white-space:nowrap}.position-label{font-size:14px;font-weight:700;color:var(--m-ghost-text);white-space:nowrap}.drag-stage{position:relative;height:0;overflow:visible}.drag-route{display:none}.demo-bookmark{position:absolute;left:50%;top:-48px;bottom:auto;z-index:1;transform:translate(-50%);height:40px;display:inline-flex;align-items:center;padding:0 18px;border:2px dashed var(--m-ghost-line);border-radius:12px;background:var(--m-ghost);color:var(--m-ghost-text);font-size:15px;font-weight:700;box-shadow:none;white-space:nowrap;animation:drag-demo 4s ease-in-out -1.8s infinite}.demo-bookmark>span{display:none}@keyframes drag-demo{0%,15%{transform:translate(-50%) translateY(56px);opacity:1}45%,80%{transform:translate(-50%) translateY(0);opacity:1}95%,to{transform:translate(-50%) translateY(0);opacity:0}}.bookmark-source{position:relative;text-align:center;margin:32px 0 0;padding:20px 16px 16px;border:2px solid var(--ticket-line);border-radius:16px;background:var(--ticket-soft)}.bookmark-source:before{content:"";position:absolute;left:50%;top:-30px;height:22px;border-left:3px dashed var(--ticket-text);transform:translate(-50%)}.bookmark-source:after{content:"";position:absolute;left:50%;top:-31px;width:12px;height:12px;margin-left:-7px;border-top:3px solid var(--ticket-text);border-left:3px solid var(--ticket-text);border-radius:2px;transform:rotate(45deg);animation:nudge-chevron 1.6s ease-in-out infinite}@keyframes nudge-chevron{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-4px) rotate(45deg)}}.bookmark{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:min(100%,340px);max-width:100%;height:56px;padding:0 36px;border:0;border-radius:16px;background:var(--ticket);color:#fff;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 4px 0 var(--ticket-lip),inset 0 2px #ffffff38;text-shadow:0 1px 0 rgba(40,0,90,.25);cursor:grab;user-select:none;-webkit-user-select:none}.bookmark:active{cursor:grabbing}.bookmark[aria-disabled=true]{opacity:.45;cursor:wait}.bookmark-source small{display:block;margin-top:12px;font-size:15px;font-weight:700;color:var(--head)}.action-hint{margin:12px 0 0;font-size:15px;font-weight:700;line-height:1.6;color:var(--ticket-text)}.action-hint:empty{display:none}.bar-tip{margin:16px 0 0;padding:0;border:0;text-align:center;font-size:15px;line-height:1.8;color:var(--sub)}kbd{display:inline-block;min-width:30px;padding:1px 8px;border:2px solid var(--line);border-bottom-width:4px;border-radius:8px;background:var(--card);font-family:inherit;font-size:13px;font-weight:700;color:var(--head);line-height:1.5;text-align:center;vertical-align:middle}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border:0;border-radius:16px;background:var(--green);color:#fff;font-family:inherit;font-size:16px;font-weight:700;line-height:1.25;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 4px 0 var(--green-dark);margin-bottom:4px;transition:transform .08s,box-shadow .08s}.button:active{transform:translateY(4px);box-shadow:none}.button:disabled{opacity:.5;cursor:wait;transform:none;box-shadow:0 4px 0 var(--green-dark)}.secondary{background:var(--card);color:var(--blue);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.secondary:disabled{box-shadow:0 4px 0 var(--line)}.full{display:flex;width:100%}.next-button{margin-top:20px;background:var(--card);color:var(--blue);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.next-button:disabled{box-shadow:0 4px 0 var(--line)}#device-gate .button{width:100%}.text-button{background:none;border:0;margin-top:8px;padding:12px 0;color:var(--blue);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.field-label{display:block;margin:12px 0 8px;font-size:15px;font-weight:700;color:var(--sub)}.copy-value{display:block;width:100%;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:14px;line-height:1.5;resize:vertical;overflow-wrap:anywhere}.step-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-art{display:none;flex:none;box-sizing:border-box;width:128px;height:auto;margin:0;padding:10px 10px 6px;border-radius:16px;background:var(--sel-bg)}.final-steps{list-style:none;counter-reset:final;margin:20px 0 0;padding:0}.final-steps li{counter-increment:final;position:relative;padding:0 0 24px 48px;font-size:17px;line-height:1.6}.final-steps li:last-child{padding-bottom:4px}.final-steps li:last-child p{margin-bottom:0}.final-steps li:before{content:counter(final);position:absolute;left:0;top:-2px;width:36px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;font-size:15px;font-weight:700;color:#fff;background:var(--blue-fill);box-shadow:0 4px 0 var(--blue-fill-dark)}.final-steps li:not(:last-child):after{content:"";position:absolute;left:16px;top:44px;bottom:6px;border-left:4px solid var(--line);border-radius:2px}.final-steps>li>strong{display:block;color:var(--head)}.final-steps p{margin:8px 0 12px;font-size:15px;line-height:1.65;color:var(--sub)}.saved-example{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 16px;border:2px solid var(--m-line);border-top-color:var(--m-bar-line);border-radius:12px;background:var(--m-bar);font-size:15px;color:var(--m-faint)}.saved-example>span:first-child{font-size:18px}.saved-example strong{height:40px;display:inline-flex;align-items:center;padding:0 18px;border-radius:12px;background:var(--ticket);color:#fff;box-shadow:0 4px 0 var(--ticket-lip);font-size:15px;white-space:nowrap}.click-pointer{font-weight:700;color:var(--m-ghost-text)}.return-note{margin:8px 0 0;font-size:15px;line-height:1.65;color:var(--sub);text-align:center}.detail{margin:12px 0 0;font-size:15px;line-height:1.65;color:var(--sub);overflow-wrap:anywhere}.detail:empty{display:none}.success{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;padding:0;border:0;background:none;color:var(--text);text-align:center}.success:before{content:"";grid-column:1/-1;height:184px;background:url(duo-cheer.webp) 50% 88%/auto 132px no-repeat,url(sparkles.svg) 50% 50%/auto 176px no-repeat,radial-gradient(circle at 50% 52%,var(--tint) 0 80px,transparent 81px);animation:duo-hop 1s ease-out 2}@keyframes duo-hop{0%,60%,to{background-position:50% 88%,50% 50%,0 0}35%{background-position:50% 46%,50% 50%,0 0}75%{background-position:50% 73%,50% 50%,0 0}}.success>strong{grid-column:1/-1;display:block;font-size:25px;line-height:1.3;font-weight:700;color:var(--head)}.success p{margin:0;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--head);font-size:15px;font-weight:700;line-height:1.5;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}.success p:nth-of-type(2){border-color:var(--line)}.success p:only-of-type{grid-column:1/-1}.device-message{margin:0 0 20px;padding:0;border:0;text-align:left}.device-icon{display:block;width:100%;height:148px;margin:0 0 14px;border-radius:16px;background:var(--sel-bg) url(duo-computer.svg) center calc(100% - 8px) /auto 120px no-repeat;font-size:0;color:transparent}.device-bubble{position:relative;padding:16px 18px;border:2px solid var(--line);border-radius:12px;background:var(--card)}.device-bubble:before{content:"";position:absolute;top:-8px;left:calc(50% - 40px);width:14px;height:14px;background:var(--card);border-left:2px solid var(--line);border-top:2px solid var(--line);transform:rotate(45deg)}#device-title{display:block;font-size:20px;line-height:1.4;font-weight:700;color:var(--head);overflow-wrap:anywhere}#device-copy{margin:6px 0 0;font-size:16px;line-height:1.6;color:var(--sub)}.bridge-main{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;width:100%;max-width:560px;min-height:100vh;margin:0 auto;padding:16px}.bridge-main .card{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:center;padding:20px}.bridge-art{grid-row:1/span 2;width:56px;height:auto;margin:0}.bridge-main .eyebrow{grid-column:2;margin:0 0 4px}.bridge-title{grid-column:2;margin:0;font-size:22px}#bridge-status{grid-column:1/-1;margin:14px 0 8px;font-size:17px;line-height:1.55;color:var(--text)}.bridge-main .detail{grid-column:1/-1;margin:0}.trail{position:relative;height:392px;margin:24px 0 0}.trail-sparkles{position:absolute;right:-28px;top:136px;width:260px;opacity:.9;pointer-events:none}.trail-duo{position:absolute;right:-8px;top:200px;z-index:1;width:156px;height:auto;animation:duo-bob 3.2s ease-in-out infinite}.trail:after{content:"";position:absolute;right:22px;top:314px;width:104px;height:12px;border-radius:999px;background:var(--pill-shadow)}.trail-duo,.trail:after,.trail-sparkles{display:none}body:has(#ready:not([hidden])) .trail-duo,body:has(#ready:not([hidden])) .trail:after,body:has(#ready:not([hidden])) .trail-sparkles{display:block}.trail-node{position:absolute;width:72px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--lock);box-shadow:0 8px 0 var(--lock-dark)}.trail-node svg{width:34px;height:34px;overflow:visible}.trail-node .glyph-star,.trail-node .glyph-cup{fill:var(--lock-glyph)}.trail-node .glyph-handle{stroke:var(--lock-glyph)}.trail-node .glyph-check{stroke:#fff;display:none}.node-1{left:28px;top:56px}.node-2{left:86px;top:188px}.node-3{left:28px;top:320px}body:has(#ready:not([hidden]) #setup-1:not([hidden])) .node-1,body:has(#ready:not([hidden]) #setup-2:not([hidden])) .node-2{background:var(--green);box-shadow:0 8px 0 var(--green-dark)}body:has(#ready:not([hidden]) #setup-1:not([hidden])) .node-1 .glyph-star,body:has(#ready:not([hidden]) #setup-2:not([hidden])) .node-2 .glyph-star{fill:#fff}body:has(#ready:not([hidden]) #setup-1:not([hidden])) .node-1:before,body:has(#ready:not([hidden]) #setup-2:not([hidden])) .node-2:before{content:"";position:absolute;inset:-13px -13px -21px;border:8px solid var(--lock);border-radius:50%;pointer-events:none}.trail-start{display:none;position:absolute;transform:translate(-50%);padding:7px 14px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--green);font-size:15px;font-weight:700;letter-spacing:.8px;line-height:1.2;white-space:nowrap;animation:bubble-bob 1.8s ease-in-out infinite}.trail-start:after{content:"START"}.trail-start:before{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;margin-left:-7px;background:var(--card);border-right:2px solid var(--line);border-bottom:2px solid var(--line);border-bottom-right-radius:3px;transform:rotate(45deg)}body:has(#ready:not([hidden]) #setup-1:not([hidden])) .trail-start{display:block;left:64px;top:2px}body:has(#ready:not([hidden]) #setup-2:not([hidden])) .trail-start{display:block;left:122px;top:134px}body:has(#ready:not([hidden]) #setup-2:not([hidden])) .node-1,body:has(#receipt:not([hidden])) .node-1,body:has(#receipt:not([hidden])) .node-2{background:var(--green);box-shadow:0 8px 0 var(--green-dark)}body:has(#ready:not([hidden]) #setup-2:not([hidden])) .node-1 .glyph-star,body:has(#receipt:not([hidden])) .node-1 .glyph-star,body:has(#receipt:not([hidden])) .node-2 .glyph-star{display:none}body:has(#ready:not([hidden]) #setup-2:not([hidden])) .node-1 .glyph-check,body:has(#receipt:not([hidden])) .node-1 .glyph-check,body:has(#receipt:not([hidden])) .node-2 .glyph-check{display:block}body:has(#receipt:not([hidden])) .node-3{background:var(--gold);box-shadow:0 8px 0 var(--gold-dark)}body:has(#receipt:not([hidden])) .node-3 .glyph-cup{fill:#fff}body:has(#receipt:not([hidden])) .node-3 .glyph-handle{stroke:#fff}@keyframes bubble-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes duo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.intro{container-type:inline-size}@container (max-width:331.98px){.trail-duo{width:140px;top:208px}.trail:after{right:18px;top:312px;width:96px}.node-2{left:70px}.trail-sparkles{right:-16px;width:210px;top:150px}body:has(#ready:not([hidden]) #setup-2:not([hidden])) .trail-start{left:106px}}@container (max-width:299.98px){.trail-duo{width:116px;top:226px}.trail:after{right:14px;top:311px;width:78px}.node-2{left:56px}.trail-sparkles{right:-12px;width:180px;top:162px}body:has(#ready:not([hidden]) #setup-2:not([hidden])) .trail-start{left:92px}}@container (max-width:257.98px){body:has(#ready:not([hidden])) .trail .trail-duo,body:has(#ready:not([hidden])) .trail.trail:after,body:has(#ready:not([hidden])) .trail .trail-sparkles{display:none}}.card-art{display:none}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden]){display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:20px;align-items:center}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>.unit{grid-column:1/-1}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>.card-art{grid-column:1;grid-row:2;display:block;width:120px;height:auto;margin:0}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>#status{grid-column:2;grid-row:2;position:relative;margin:0;padding:14px 18px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--text)}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>#status:before{content:"";position:absolute;left:-8px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--card);border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.button:not(.secondary):not(.next-button):focus-visible,.bookmark:focus-visible{outline-color:var(--ring-fill)}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.demo-bookmark{display:none}.drop-example{color:var(--m-ghost-text)}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(min-width:761px)and (max-height:820px){header{min-height:60px;padding-top:12px;padding-bottom:12px}main{margin-top:0}}@media(max-width:1040px){main{grid-template-columns:minmax(300px,1fr) minmax(0,600px);gap:32px}}@media(max-width:900px){main{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px}h1{font-size:28px}.intro{padding:16px 0}}@media(max-width:760px){header,footer{padding:16px}header{min-height:64px}.pill{display:none}main{grid-template-columns:1fr;gap:16px;margin:0 auto 32px;padding:0 16px}.intro{position:static;padding:8px 0 4px}h1{font-size:26px}.note{margin-top:16px}.trail{display:none}.card{padding:20px}h2,.unit h2{font-size:22px}h3{font-size:20px}.bookmark-source{padding:16px 12px}.bookmark{min-width:0;width:100%;padding:0 16px;font-size:17px}.browser-bookmarks{gap:8px;padding:8px 12px}.position-label{font-size:13px}.final-steps li{padding-left:44px}.step-art{display:block;width:104px}}@media(max-width:480px){header{min-height:56px;padding:12px 16px}main{padding:0 16px;gap:20px}.intro~.card{border:0;border-radius:0;padding:0;background:none}.eyebrow{font-size:13px;margin-bottom:8px}h1{font-size:25px;margin-bottom:8px}.lead{font-size:16px;line-height:1.6}.note{margin-top:14px;font-size:14px}.check{width:24px;height:24px;font-size:14px}.device-icon{height:132px;background-size:auto 108px}#device-title{font-size:19px}.gate-bar{position:sticky;bottom:0;z-index:5;margin:0 -16px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--line)}#link-copy-status{margin:8px 0 0;font-size:14px;text-align:center}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden]){grid-template-columns:88px minmax(0,1fr);column-gap:14px}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>.card-art{width:88px}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>#status{padding:12px 14px;font-size:16px}}@media(max-width:440px){.browser-bookmarks{grid-template-columns:auto auto 1fr}.demo-bookmark{display:none}.drop-example{color:var(--m-ghost-text)}.browser-top>span{display:none}.cardhead{flex-wrap:wrap}.muted{text-align:left}.step-art{display:none}.success{grid-template-columns:1fr}.success:before{height:160px;background-size:auto 120px,auto 152px,auto;background-image:url(duo-cheer.webp),url(sparkles.svg),radial-gradient(circle at 50% 52%,var(--tint) 0 64px,transparent 65px)}footer{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:400px){.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden]){grid-template-columns:72px minmax(0,1fr);column-gap:12px}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>.card-art{width:72px}.card:has(#ready[hidden]):has(#receipt[hidden]):has(#device-gate[hidden])>#status{text-wrap:balance}}@media(max-width:480px)and (max-height:640px){header{min-height:48px;padding:8px 16px}.card-art{display:none}#status{margin-top:8px}.device-icon{height:72px;background-size:auto 60px}.device-message{margin:0 0 12px}.device-bubble{padding:12px 14px}}#setup-1:not([hidden]),#setup-2:not([hidden]){view-transition-name:step-panel}::view-transition-group(step-panel){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(step-panel){animation:step-out .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(step-panel){animation:step-in .32s cubic-bezier(0,0,.2,1) .18s both}html[data-step-move=back]::view-transition-old(step-panel){animation-name:step-out-back}html[data-step-move=back]::view-transition-new(step-panel){animation-name:step-in-back}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}@keyframes step-out{to{opacity:0;transform:translate(-28px)}}@keyframes step-in{0%{opacity:0;transform:translate(28px)}}@keyframes step-out-back{to{opacity:0;transform:translate(28px)}}@keyframes step-in-back{0%{opacity:0;transform:translate(-28px)}}.lily{--lily-h:min(76vh,720px, calc((50vw - 496px)*2.38) );position:fixed;bottom:-18px;z-index:-1;height:var(--lily-h);width:calc(var(--lily-h) * .495);right:calc(50vw - 496px - var(--lily-h) * .435);pointer-events:none;user-select:none;-webkit-user-select:none;animation:lily-in .9s cubic-bezier(.2,0,0,1) .3s both}@keyframes lily-in{0%{opacity:0;transform:translateY(48px)}}@media(max-width:1330px){.lily{display:none}}