.setup-preview{background:var(--page)}.preview-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 40px;background:var(--sunken);border-bottom:1px solid var(--line);color:var(--body);font:var(--t-small)}.preview-banner p{margin:0;max-width:850px}.setup-preview button,.setup-preview input{font:inherit}.setup-preview button{cursor:pointer}.setup-main{width:min(560px,calc(100% - 32px));margin:56px auto 64px}.setup-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 28px;gap:16px}.setup-progress li{display:flex;flex-direction:column;gap:8px;padding:0;border:0;color:var(--muted);font:var(--t-small)}.setup-progress li:before,.setup-summary li:before{content:none}.setup-progress li>span:first-child{width:28px;height:28px;display:grid;place-items:center;background:var(--sunken);border-radius:50%}.setup-progress .reached{color:var(--ink);font-weight:600}.setup-progress .reached>span:first-child{color:var(--action-ink);background:var(--action)}.setup-card{padding:36px 40px;border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow-2)}.setup-card h1{font:var(--t-2);letter-spacing:var(--track-2);margin:0 0 12px;outline:none;color:var(--ink)}.setup-card .intro{margin:0 0 24px;color:var(--body)}.setup-address{display:flex;flex-direction:column;gap:4px;background:var(--sunken);border-radius:var(--r-m);padding:14px 18px;margin-bottom:24px}.setup-address span{font:var(--t-small);color:var(--muted)}.setup-address strong{font:600 18px/1.35 var(--ui);color:var(--ink);overflow-wrap:anywhere}.setup-card label{display:block;font-weight:600;color:var(--ink)}.field-help{font:var(--t-small);color:var(--muted)}#contact-code{display:block;width:190px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-m);font:500 22px var(--ui);margin:14px 0 20px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:0;border-radius:var(--r-m);padding:0 20px;color:var(--action-ink);background:var(--action);font-weight:600!important;box-shadow:var(--shadow-1);cursor:pointer;transition:transform var(--fast) var(--ease),box-shadow var(--fast)}.primary-button:hover:not(:disabled){transform:translateY(var(--lift));box-shadow:var(--shadow-2)}.primary-button:disabled{background:var(--sunken);color:var(--muted);box-shadow:none;cursor:not-allowed}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-m);min-height:44px;padding:0 16px;color:var(--ink);background:var(--sunken);font-weight:500;cursor:pointer}.text-button{border:0;background:transparent;color:var(--primary);font-weight:600;padding:8px;white-space:nowrap;cursor:pointer}.setup-explainer,.setup-result{display:flex;gap:18px;padding:24px 0 30px}.setup-explainer p,.setup-result p{color:var(--body);margin:6px 0 0}.setup-icon,.setup-result>span{font-size:28px;color:var(--private);line-height:1}.recovery-task{display:flex;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.recovery-task p{margin:8px 0 14px;color:var(--body)}.task-number{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--sunken);color:var(--ink);font:var(--t-small)}.file-label{margin:12px 0 8px}.optional-recovery{border-top:1px solid var(--line);padding:20px 0;margin-bottom:10px}.optional-recovery summary{cursor:pointer;color:var(--primary);font-weight:600}.optional-recovery p{color:var(--body)}#recovery-file{max-width:100%;font:var(--t-small)}#recovery-file::file-selector-button{padding:9px 12px;background:var(--sunken);border:0;border-radius:8px;margin-right:10px;cursor:pointer;font:inherit}.setup-error{color:var(--danger)}.setup-success{color:var(--ink)}.setup-summary{list-style:none;padding:0;margin:0 0 28px}.setup-summary li{border:0;padding:6px 0;display:block;color:var(--body)}.setup-summary li:after{content:" ✓";color:var(--private)}.setup-reassurance{text-align:center;color:var(--muted);font:var(--t-small);margin-top:26px}.passkey-preview{max-width:470px;width:calc(100% - 32px);padding:30px;border:0;border-radius:var(--r-l);box-shadow:var(--shadow-3);background:var(--raised);color:var(--ink)}.passkey-preview::backdrop{background:color-mix(in srgb,var(--carbon) 40%,transparent)}.passkey-preview h2{font:var(--t-3)}.prompt-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}@media (max-width:560px){.preview-banner{padding:12px 16px;align-items:flex-start;gap:8px}.setup-main{margin-top:24px}.setup-card{padding:26px 20px}.setup-progress{gap:8px;margin-bottom:24px}.setup-card .primary-button{width:100%}.recovery-task{gap:12px}}