.ws0-page{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.ws0-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);width:100%;max-width:460px;margin-top:56px;padding:36px 32px}.ws0-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;text-decoration:none;display:flex}.ws0-brand__logo{width:auto;height:28px;display:block;transform:translateY(-2px)}.ws0-brand__logo g{stroke:var(--color-primary)}.ws0-brand__name{font:700 22px/1 var(--font-ui);color:var(--color-primary);letter-spacing:-.015em}.ws0-title{font:700 24px/1.25 var(--font-ui);color:var(--color-ink);text-align:center;letter-spacing:-.02em;margin:0 0 8px}.ws0-sub{font:400 14px/20px var(--font-ui);color:var(--color-ink-2);text-align:center;margin:0 0 24px}.tlw{color:#faf6f0;width:100%;height:48px;font:500 15px/1 var(--font-ui);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter var(--duration-fast) var(--ease-out);background:#2aabee;border:none;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:flex}:root[data-theme=dark] .tlw{background:#1565c0}.tlw svg{flex:none;width:22px;height:22px;display:block}.tlw svg path{fill:#faf6f0}.ws0-sep{color:var(--color-ink-3);font:500 12px/1 var(--font-ui);text-transform:lowercase;align-items:center;gap:12px;margin:18px 0;display:flex}.ws0-sep:before,.ws0-sep:after{content:"";background:var(--color-divider);flex:1;height:1px}.ws0-bot-link{width:100%;min-height:44px;color:var(--color-ink);border:1px solid var(--color-divider);border-radius:var(--radius-md);font:500 14px/1 var(--font-ui);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.ws0-bot-link:hover{background:var(--color-muted-bg)}.ws0-bot-link i{color:var(--color-ink-2);font-size:16px}.ws0-hint{font:400 12px/17px var(--font-ui);color:var(--color-ink-3);text-align:center;margin:16px 0 0}.ws0-callout{border-radius:var(--radius-md);text-align:left;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.ws0-callout i{flex:none;margin-top:1px;font-size:20px}.ws0-callout__title{font:600 14px/1.3 var(--font-ui);margin-bottom:2px}.ws0-callout__desc{font:400 13px/18px var(--font-ui);color:var(--color-ink-2)}.ws0-callout--amber{background:var(--color-amber-bg);border:1px solid var(--color-amber-bg)}.ws0-callout--amber i,.ws0-callout--amber .ws0-callout__title{color:var(--color-amber-fg)}.ws0-callout--danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-bg)}.ws0-callout--danger i,.ws0-callout--danger .ws0-callout__title{color:var(--color-danger)}.ws0-btn-outline{width:100%;min-height:44px;color:var(--color-ink);border:1px solid var(--color-divider);border-radius:var(--radius-md);font:500 14px/1 var(--font-ui);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:0 16px;text-decoration:none;display:inline-flex}.ws0-btn-outline:hover{background:var(--color-muted-bg)}.ws0-pending-icon{background:0 0;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.ws0-pending-img{border-radius:50%;width:64px;height:64px;display:block}.ws0-role-grid{grid-template-columns:1fr;gap:12px;margin:16px 0;display:grid}.ws0-role-card{background:var(--color-page);border:1.5px solid var(--color-divider);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;text-decoration:none;display:flex}.ws0-role-card:hover{border-color:var(--color-primary)}.ws0-role-card[data-selected=true]{border-color:var(--color-primary);background:var(--color-success-bg)}.ws0-role-card__icon{border-radius:var(--radius-md);background:var(--color-muted-bg);flex:none;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.ws0-role-card[data-role=advertiser] .ws0-role-card__icon{color:var(--color-amber)}.ws0-role-card[data-role=owner] .ws0-role-card__icon{color:var(--color-primary)}.ws0-role-card[data-selected=true] .ws0-role-card__icon{background:var(--color-surface)}.ws0-role-card__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ws0-role-card__name{font:600 15px/20px var(--font-ui);color:var(--color-ink);letter-spacing:-.01em;display:block}.ws0-role-card__desc{font:400 13px/18px var(--font-ui);color:var(--color-ink-2);display:block}.ws0-btn-primary{background:var(--color-primary);width:100%;min-height:46px;color:var(--color-primary-fg);font:600 14px/1 var(--font-ui);border-radius:var(--radius-md);cursor:pointer;transition:filter var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.ws0-btn-primary:hover{filter:brightness(1.05)}.ws0-btn-primary:disabled{cursor:not-allowed;opacity:.5}.ws0-role-card__check{width:24px;height:24px;color:var(--color-primary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex:none;place-items:center;font-size:20px;display:grid;transform:scale(.7)}.ws0-role-card[data-selected=true] .ws0-role-card__check{opacity:1;transform:scale(1)}.ws0-role-note{background:var(--color-muted-bg);border-radius:var(--radius-md);font:400 12px/16px var(--font-ui);color:var(--color-ink-2);text-align:left;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.ws0-role-note i{color:var(--color-ink-3);flex:none;margin-top:1px;font-size:15px}.ws0-state-widget,.ws0-state-role,.ws0-state-expired,.ws0-state-error{flex-direction:column;align-items:stretch;display:flex}.ws0-state-pending{text-align:center;flex-direction:column;align-items:center;display:flex}[data-ws0state=pending] .ws0-state-widget,[data-ws0state=pending] .ws0-state-expired{display:none}@media (max-width:480px){.ws0-card{margin-top:48px;padding:28px 20px}}:root[data-theme=dark] .ws0-role-card{background:var(--color-card-on-surface)}
