*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;color:#000}.centered-page,body{background-color:#fff}.centered-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.user-id-panel{max-width:520px;width:100%;margin:24px auto 0;padding:20px 22px;border-radius:16px;border:1px solid #e5e5e5;background:#fafafa}.user-id-heading{margin-bottom:8px;font-size:15px;font-weight:600;letter-spacing:-.01em}.user-id-description{margin-bottom:16px;font-size:13px;line-height:1.5;color:#5f5f5f}.user-id-row{display:flex;align-items:stretch;gap:8px}.user-id-box{flex:1 1;padding:8px 10px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id-box,.user-id-copy-button{border-radius:10px;border:1px solid #d2d2d7;font-size:12px;color:#1d1d1f}.user-id-copy-button{padding:8px 14px;background:#f5f5f7;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.user-id-copy-button:hover{background:#e5e5ea;border-color:#c7c7cc}.user-id-copy-button:active{background:#d1d1d6}.user-id-copy-button.copied{background:#34c759;border-color:#34c759;color:#fff}.user-id-meta{margin-top:18px}.user-id-meta-text{font-size:12px;color:#6e6e73}.user-id-meta-text.error{color:#ff3b30}.user-id-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px 16px;gap:12px 16px;margin-top:6px}.user-id-meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6e6e73;margin-bottom:2px}.user-id-meta-value{font-size:13px;color:#1d1d1f}.loading-dots{display:inline-flex;gap:2px;margin-left:4px}.loading-dots span{width:4px;height:4px;border-radius:999px;background-color:#a3a3a3;animation:dotPulse 1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.user-id-actions{margin-top:18px;display:flex;justify-content:flex-start}.user-id-actions>button:not(:last-child){margin-right:8px}.user-id-plan{margin-top:20px;padding:14px 14px 12px;border-radius:12px;border:1px solid #e5e5ea;background:#f5f5f7}.user-id-plan-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.user-id-plan-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6e6e73;margin-bottom:2px}.user-id-plan-name{font-size:13px;font-weight:600;color:#1d1d1f}.user-id-plan-price{font-size:13px;font-weight:500;color:#1d1d1f}.user-id-plan-price-group{display:flex;align-items:baseline;gap:4px}.user-id-plan-price-secondary{font-size:12px;font-weight:400;color:#6e6e73}.user-id-plan-subtext{margin-top:4px;font-size:12px;color:#6e6e73}.user-id-plan-features{margin:8px 0 0;padding-left:16px;list-style:disc}.user-id-plan-feature{font-size:12px;color:#1d1d1f;margin-bottom:2px}.user-id-plan-actions{margin-top:10px;display:flex;justify-content:flex-start}.user-id-trial-button{padding:8px 16px;border-radius:999px;border:1px solid #34c759;background:#34c759;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.user-id-trial-button:hover:not(:disabled){background:#2fb351;border-color:#2fb351}.user-id-trial-button:active:not(:disabled){transform:scale(.98)}.user-id-trial-button:disabled{background:#c7c7cc;border-color:#c7c7cc;cursor:default}.user-id-subscribe-button{padding:8px 16px;border-radius:999px;border:1px solid #007aff;background:#007aff;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.user-id-subscribe-button:hover:not(:disabled){background:#0060df;border-color:#0054c7}.user-id-subscribe-button:active:not(:disabled){transform:scale(.98)}.user-id-subscribe-button:disabled{background:#c7c7cc;border-color:#c7c7cc;cursor:default}.user-id-billing-button{padding:8px 16px;border-radius:999px;border:1px solid #d2d2d7;background:#f5f5f7;color:#007aff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.user-id-billing-button:hover:not(:disabled){background:#fff;border-color:#c7c7cc}.user-id-billing-button:active:not(:disabled){transform:scale(.98)}.user-id-billing-button:disabled{background:#c7c7cc;border-color:#c7c7cc;cursor:default}.user-signout-panel{max-width:520px;width:100%;margin:24px auto 0;padding:20px 22px;border-radius:16px;border:1px solid #e5e5e5;background:#fafafa}.user-signout-text{margin-bottom:16px;font-size:13px;line-height:1.5;color:#5f5f5f}.user-signout-button{padding:8px 16px;border-radius:999px;border:1px solid #ff3b30;background:#ff3b30;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.user-signout-button:hover{background:#e02a22;border-color:#e02a22}.user-signout-button:active{transform:scale(.98)}a{color:inherit;text-decoration:none}button{font:inherit}