*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#180e1d;color:#faf4fa;font-family:Arial,"Microsoft YaHei",sans-serif}button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ecd4ec;outline-offset:4px}button{cursor:pointer}.brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#edd8ee;font-size:22px;font-weight:750;letter-spacing:.5px}.brand img{filter:drop-shadow(0 0 8px #ba92ce65)}.primary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:linear-gradient(115deg,#b183c8,#985db6);border:1px solid #ead1eb38;border-radius:11px;color:white;text-decoration:none;font-weight:700;box-shadow:0 5px 30px #a876c129}.primary:hover{filter:brightness(1.1)}.gate-body{display:flex;justify-content:center;background:#180e1d}.gate-welcome{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:440px;min-height:100vh;min-height:100svh;background:#180e1d}.gate-photo{position:absolute;z-index:-2;inset:0;width:100%;height:86%;object-fit:cover;object-position:50% 30%;filter:brightness(.78) saturate(.85)}.gate-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 32%,#180e1d1a 50%,#180e1df2 83%,#180e1d 100%)}.gate-copy{display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100svh;padding:24px 18px max(18px,env(safe-area-inset-bottom))}.gate-copy h1{font-size:clamp(27px,7vw,32px);line-height:1.25;margin:0 0 20px;font-weight:750;letter-spacing:-.7px}.gate-copy h1 span{white-space:nowrap}.gate-copy p{font-size:16px;margin:0 0 48px;color:#dfcce8}.gate-start{width:100%;font-size:17px}.guide-body{background:#180e1d}.guide-page{max-width:480px;min-height:100vh;min-height:100svh;margin:0 auto;padding:30px 24px 28px;background:radial-gradient(ellipse at 95% 18%,#9152b12b,transparent 30%),radial-gradient(ellipse at 2% 80%,#331e3e4d,transparent 35%),linear-gradient(145deg,#180e1d,#180e1d 65%,#1a0f1f)}.guide-copy{padding-top:55px;font-size:14px;line-height:1.7;color:#f4e7f5}.guide-copy h1{font-size:25px;line-height:1.4;letter-spacing:-.4px;margin:0 0 12px;color:#faf4fa}.guide-copy p{margin:0 0 24px}.guide-copy .guide-lead{font-size:17px;font-weight:600;color:#decbe7;margin-bottom:28px}.guide-notes{list-style:none;counter-reset:note;padding:0;margin:30px 0 36px;font-size:13px;color:#dac5e5}.guide-notes li{counter-increment:note;position:relative;padding-left:34px;margin:0 0 17px;min-height:25px;display:flex;align-items:center}.guide-notes li:before{content:counter(note);display:grid;place-items:center;position:absolute;left:0;top:0;width:25px;height:25px;border:1px solid #c19dd350;border-radius:50%;background:#41264e;color:#f6ebf7;font-weight:700}.handoff{display:flex;align-items:center;gap:14px;border:1px solid #b285c8;border-radius:15px;background:#301d3a30;padding:18px 16px;font-size:13px;line-height:1.8}.handoff p{margin:0}.more{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#41264e80;color:#efdbef;font-size:23px;letter-spacing:2px}.guide-action{text-align:center;margin-top:26px}.guide-action>p{margin-bottom:16px}.compass-button{padding:0;border:0;border-radius:22px;background:transparent;box-shadow:0 0 35px #ae7fc61a}.compass{display:block;width:88px;height:88px}.copy-status{min-height:22px;font-size:12px;color:#f0ddf1;margin:9px 0!important}.preview-link{font-size:12px;color:#d8c1e3;display:inline-block;text-underline-offset:4px}#copy-fallback{margin:10px 0;font-size:12px}#copy-address{width:100%;height:44px;background:#180e1d;border:1px solid #9d64b9;border-radius:8px;color:#f5e9f5;padding:10px;margin:8px 0}.hub-body{background:radial-gradient(ellipse at 80% 0,#2f1c3877,transparent 65%),#180e1d}.hub{max-width:660px;padding:64px 24px;margin:auto}.hub .brand{justify-content:flex-start}.eyebrow{color:#cbaeda;letter-spacing:2px;font-size:12px;margin-top:50px}.hub h1{font-size:30px;line-height:1.35;margin:14px 0}.hub p{color:#d2b7df;line-height:1.8;font-size:14px}.preview-list{display:grid;gap:14px;margin:32px 0}.preview-list a{display:flex;gap:20px;align-items:center;border:1px solid #b78ccc4d;border-radius:16px;background:linear-gradient(120deg,#25162d,#1b1021);padding:24px;text-decoration:none}.preview-list a:hover{border-color:#d2b7df;background:#2c1a35}.preview-list span{font-size:12px;letter-spacing:1px;color:#be97d1}.preview-list strong{font-size:18px;flex:1}.preview-list b{color:#decbe7;font-size:24px;font-weight:400}.hub .hub-note{font-size:12px;color:#bd96d0}@media(max-width:350px){.guide-page{padding:24px 18px}.guide-copy h1{font-size:23px}.guide-copy{padding-top:36px}.handoff{padding:14px 10px;gap:10px}.more{width:34px;height:34px}}@media(min-width:800px){.gate-welcome{min-height:860px}.gate-copy{min-height:860px}.guide-page{min-height:860px;margin:24px auto;border:1px solid #ecd4ec22;border-radius:16px}}

.flow-list{padding:0;list-style:none;counter-reset:flow;margin:34px 0 40px}.flow-list li{counter-increment:flow;position:relative;padding:0 0 26px 42px}.flow-list li:before{content:counter(flow);position:absolute;left:0;top:0;width:26px;height:26px;display:grid;place-items:center;border:1px solid #ac7bc4;border-radius:50%;color:#efdcf0;font-size:13px}.flow-list strong{font-size:16px;display:block;margin-bottom:8px}.flow-list span{font-size:13px;line-height:1.9;color:#d6bee2}.hub h2{font-size:20px}.step-directory{border:1px solid #b78ccc4d;border-radius:14px;padding:18px}.step-directory summary{cursor:pointer;font-size:14px;color:#f0ddf1}.step-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.step-links a{border:1px solid #9659b4;border-radius:8px;padding:9px 12px;font-size:12px;text-decoration:none}.step-links a:hover{background:#321e3c}
.guide-return{text-align:center;margin-top:26px!important;font-size:12px;color:#cdb0dc}.guide-return a{text-underline-offset:4px}.guide-action .preview-link{display:block;padding:13px 18px;margin-top:16px;border:1px solid #a876c1;border-radius:10px;background:#3b2347;font-size:14px;text-decoration:none}

.replica-guide{display:flex;flex-direction:column;max-width:480px;min-height:920px;padding:24px 30px 28px;border:0;border-radius:0;background:radial-gradient(ellipse at 100% 19%,#8449a255,transparent 13%),radial-gradient(ellipse at 4% 82%,#8449a255,transparent 12%),radial-gradient(ellipse at 80% 6%,#2f1c3988,transparent 45%),linear-gradient(145deg,#180e1d,#180e1d 65%,#1b1021)}
.guide-logo{display:flex;align-items:center;justify-content:center;gap:28px;color:#f7edf7;line-height:1.3}.guide-logo strong{font-size:37px;font-style:italic;font-weight:900;text-shadow:0 0 16px #cdb0dc88}.guide-logo span{font-size:24px;color:#b78ccc}
.replica-copy{padding-top:46px;color:#f4e7f5;font-size:15px;line-height:1.55}.replica-copy h1{font-size:23px;line-height:1.35;margin:0 0 12px;letter-spacing:-.5px}.replica-copy p{margin:0 0 12px}.replica-copy .replica-lead,.replica-next{font-weight:700}.replica-copy .replica-lead{color:#eed9ef}.replica-copy ol{padding-left:22px;font-size:13px;line-height:1.55;color:#ddc9e7;margin-top:16px}.replica-copy li{padding-left:2px;margin-bottom:10px}
.replica-bottom{margin-top:auto;padding-top:70px}.replica-demo{font-size:10px;color:#bb93cf;line-height:1.6;margin-bottom:20px}.replica-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.replica-action strong{font-size:14px;line-height:1.5}.replica-action .compass{width:76px;height:76px}.replica-action .compass-button{border-radius:18px;flex:none;box-shadow:0 0 25px #decbe722}.replica-bottom .copy-status{margin-bottom:0!important;font-size:12px}
@media(max-width:520px){.replica-guide{min-height:100svh;margin:0 auto;padding:20px 24px 20px}.guide-logo strong{font-size:32px}.replica-copy{padding-top:40px;font-size:13px}.replica-copy h1{font-size:21px}.replica-copy ol{font-size:12px}.replica-action strong{font-size:12px}.replica-action .compass{width:64px;height:64px}.replica-bottom{padding-top:50px}}

.replica-guide{position:relative}
.guide-direction{align-self:flex-end;max-width:100%;width:246px;margin:0 0 18px}
.guide-open{position:relative;display:block;width:100%;min-height:86px;padding:28px 52px 6px 8px;border:0;border-radius:12px;background:transparent;color:#f9f1f9;text-align:right;font-size:13px;line-height:1.65;font-weight:700}
.guide-open:hover{background:#894ba833}
.guide-dots{font-size:23px;line-height:0;letter-spacing:2px}
.guide-arrow{position:absolute;top:0;right:0;width:52px;height:62px;color:#edd8ee;filter:drop-shadow(0 0 8px #b489ca60)}
.top-copy-status{margin:4px 0 0;font-size:12px;line-height:1.6;color:#f0ddf1;text-align:right;overflow-wrap:anywhere}
.top-copy-status:empty{display:none}
.replica-guide[data-actions-side="left"] .guide-direction{align-self:flex-start}
.replica-guide[data-actions-side="left"] .guide-open{padding:28px 8px 6px 52px;text-align:left}
.replica-guide[data-actions-side="left"] .guide-arrow{right:auto;left:0;transform:scaleX(-1)}
.replica-guide[data-actions-side="left"] .top-copy-status{text-align:left}
.replica-guide[data-actions-side="left"] .replica-action{flex-direction:row-reverse}
.copied-address[hidden]{display:none}
.copied-address{display:block;margin-top:6px;padding:10px 12px;border:1px solid #9e65ba55;border-radius:8px;background:#180e1d;font-size:11px;line-height:1.6;color:#f1e0f2;overflow-wrap:anywhere;user-select:all;text-align:left}
.compass-button:disabled,.guide-open:disabled{opacity:.65;cursor:wait}

.copy-dialog{position:fixed;inset:0;width:min(480px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:25px;border:1px solid #ab7ac3;border-radius:15px;background:radial-gradient(ellipse at 100% 0,#301d3a33,transparent 72%),linear-gradient(135deg,#1a0f1f,#180e1d);color:#faf4fa;box-shadow:0 22px 90px #00020699;text-align:left}
.copy-dialog:not([open]){display:none}
.copy-dialog::backdrop{background:#180e1db3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.copy-dialog-close{position:absolute;top:15px;right:10px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#d5bde1;font-size:27px;line-height:1}
.copy-dialog-close:hover{background:#ffffff0c;color:#ffffff}
.copy-dialog-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 0 22px;border-radius:50%;background:linear-gradient(135deg,#c4a1d5,#ad7ec5);color:#ffffff;font-size:40px;font-weight:700;line-height:1}
.copy-dialog h2{margin:0 0 17px;font-size:24px;line-height:1.35;font-weight:800;letter-spacing:-.4px}
.copy-dialog-instructions{margin:0 0 24px;color:#d9c2e4;font-size:15px;line-height:1.95}
.copy-dialog-label{display:block;margin:0 0 9px;color:#d2b9df;font-size:13px;line-height:1.4}
.copy-dialog-address{display:block;width:100%;min-width:0;height:49px;padding:0 12px;border:1px solid #a26cbd;border-radius:9px;background:#190f1e;color:#f9f1f9;font-size:14px;text-align:left;user-select:all;-webkit-user-select:all}
.copy-dialog-actions{display:flex;justify-content:flex-end;margin-top:6px}
.copy-dialog-again{min-height:38px;padding:7px 0 7px 16px;border:0;background:transparent;color:#edd6ee;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.copy-dialog-again:disabled{opacity:.6;cursor:wait}
.copy-dialog-status{margin:6px 0 0;padding:12px 13px;border:1px solid #442852;border-radius:12px;background:#25162d66;color:#edd8ee;font-size:13px;line-height:1.6}
.copy-dialog[data-state="error"] .copy-dialog-mark{background:#8d4ead}
.copy-dialog[data-state="pending"] .copy-dialog-mark{font-size:30px}
@media(max-width:350px){.copy-dialog{padding:20px}.copy-dialog h2{font-size:22px}.copy-dialog-instructions{font-size:14px}}