.action-button{box-sizing:border-box;appearance:none;border:1px solid var(--border-dark,#323232);color:#fff;cursor:pointer;min-width:0;height:40px;font:700 16px/normal var(--font-ruberoid,"Ruberoid"), sans-serif;background:linear-gradient(155.911deg,#34343f 0%,#161820 68.094%);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.action-button:hover:not(:disabled){filter:brightness(1.08)}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:focus-visible{outline-offset:2px;outline:2px solid #a66cff}.action-button:disabled{cursor:not-allowed;opacity:.45}.action-button__icon{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.action-button__icon img{object-fit:contain;width:100%;max-width:24px;height:100%;max-height:24px}
.account-load-error{width:min(100%,320px);color:var(--text-primary,#fff);font-family:var(--font-ruberoid,"Ruberoid"), sans-serif;text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}.account-load-error__message{color:var(--text-secondary,#afafaf);margin:0;font-size:16px;font-weight:500;line-height:1.4}.account-load-error__retry{width:min(100%,220px)}
.account-not-found{width:64px;height:64px;line-height:0}.account-not-found__icon{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}
.available-servers{width:100%;max-width:var(--container-xs,320px);color:var(--text-title,#e7e8ef);font-family:var(--font-ruberoid,"Ruberoid"), sans-serif;flex-direction:column;align-items:flex-start;gap:16px;padding-top:16px;display:flex}.available-servers h2{margin:0;font-size:16px;font-weight:400;line-height:1.2}.available-servers ul{flex-direction:column;gap:16px;width:100%;margin:0;padding:0;list-style:none;display:flex}.available-servers li{box-sizing:border-box;border:.5px solid var(--border-server,#6a6a6a);width:100%;height:40px;color:var(--text-primary,#fff);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:14px;font-weight:700;display:flex}.available-servers li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.available-servers li>img{object-fit:cover;border-radius:50%;flex:0 0 24px;width:24px;height:24px}.available-servers__empty{border:.5px dashed var(--border-server,#6a6a6a);width:100%;color:var(--text-secondary,#afafaf);border-radius:16px;margin:0;padding:12px 16px;font-size:14px}
.plan-icon{--plan-icon-size:32px;width:var(--plan-icon-size);height:var(--plan-icon-size);flex:0 0 var(--plan-icon-size);display:block;position:relative;overflow:hidden}.plan-icon__anti-block-graph{top:calc(var(--plan-icon-size) * .0625);left:calc(var(--plan-icon-size) * .125);width:calc(var(--plan-icon-size) * .875);height:calc(var(--plan-icon-size) * .875);position:absolute}.plan-icon__anti-block-dot{width:calc(var(--plan-icon-size) * .125);height:calc(var(--plan-icon-size) * .125);position:absolute}.plan-icon__anti-block-dot--top{top:calc(var(--plan-icon-size) * .125);left:calc(var(--plan-icon-size) * .59375)}.plan-icon__anti-block-dot--left{top:calc(var(--plan-icon-size) * .4375);left:calc(var(--plan-icon-size) * .0625)}.plan-icon__anti-block-dot--bottom{top:calc(var(--plan-icon-size) * .75);left:calc(var(--plan-icon-size) * .59375)}.plan-icon--global>img:first-child{top:calc(var(--plan-icon-size) * .0625);left:calc(var(--plan-icon-size) * .0625);width:calc(var(--plan-icon-size) * .875);height:calc(var(--plan-icon-size) * .46875);position:absolute}.plan-icon--global>img:nth-child(2){top:calc(var(--plan-icon-size) * .375);left:calc(var(--plan-icon-size) * .375);width:calc(var(--plan-icon-size) * .25);height:calc(var(--plan-icon-size) * .25);position:absolute}.plan-icon--global>img:nth-child(3){right:calc(var(--plan-icon-size) * .0625);bottom:calc(var(--plan-icon-size) * .0625);width:calc(var(--plan-icon-size) * .875);height:calc(var(--plan-icon-size) * .46875);position:absolute}
.status-icon{flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid;position:relative;overflow:hidden}.status-icon__image{width:16.3px;height:12.025px}.status-icon__clock{box-sizing:border-box;border:2px solid #ad91ff;border-radius:50%;width:17px;height:17px;position:relative;box-shadow:0 0 10px #8159ff47}.status-icon--expired .status-icon__clock{border-color:#eb3336;box-shadow:0 0 10px #eb333647}.status-icon--expired .status-icon__clock-hour,.status-icon--expired .status-icon__clock-minute{background:#eb3336}.status-icon__empty{box-sizing:border-box;border:2px solid #8d8b98;border-radius:50%;width:17px;height:17px;position:relative}.status-icon__empty:after{content:"";background:#8d8b98;border-radius:999px;width:7px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.status-icon__clock-hour,.status-icon__clock-minute{transform-origin:50% 100%;background:#e7e8ef;border-radius:999px;width:2px;position:absolute;top:50%;left:50%}.status-icon__clock-hour{height:5px;transform:translate(-50%,-100%)}.status-icon__clock-minute{height:6px;transform:translate(-50%,-100%)rotate(125deg)}
.subscription-status{box-sizing:border-box;min-height:40px;color:var(--text-title,#e7e8ef);font:700 14px/normal var(--font-ruberoid,"Ruberoid"), sans-serif;white-space:nowrap;border-radius:22px;align-items:center;gap:8px;padding:8px;display:inline-flex}.subscription-status--pending{color:#d8cef9}.subscription-status--none{color:#aaa8b3}.subscription-status--interactive{appearance:none;cursor:pointer;background:0 0;border:0;transition:background-color .16s,box-shadow .16s,transform .16s}.subscription-status--interactive:hover{background:#8159ff1a}.subscription-status--interactive:active{transform:translateY(1px)}.subscription-status--interactive:focus-visible{outline-offset:2px;outline:2px solid #8c6cff}
.subscription-summary{width:100%;max-width:var(--container-xs,320px);color:var(--text-title,#e7e8ef);font-family:var(--font-ruberoid,"Ruberoid"), sans-serif;flex-direction:column;align-items:flex-start;gap:8px;display:flex}.subscription-summary__row{box-sizing:border-box;border-bottom:.5px solid var(--border-default,#6a6a6a);width:100%;height:39px;padding-bottom:4px}.subscription-summary__row--status{height:44px}.subscription-summary__detail{box-sizing:border-box;white-space:nowrap;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;height:35px;margin:0;padding:8px;font-size:14px;display:flex}.subscription-summary__detail dt,.subscription-summary__detail dd{margin:0}.subscription-summary__detail dt{min-width:0;color:var(--text-secondary,#afafaf);text-overflow:ellipsis;font-weight:400;overflow:hidden}.subscription-summary__detail dd{flex:none;font-weight:700}.subscription-summary__detail--plan{width:100%;height:39px;padding-bottom:12px}.subscription-summary__plan{align-items:center;gap:6px;display:inline-flex}.subscription-summary__plan-icon{--plan-icon-size:18px}.subscription-summary__plan--global{color:var(--plans-global,#f67476)}.subscription-summary__plan--anti-block{color:var(--plans-anti-block,#7f74f6)}.subscription-summary__plan--none{color:var(--text-title,#e7e8ef)}
.user-card-actions{width:100%;max-width:var(--container-xs,320px);align-items:flex-start;gap:10px;margin-top:16px;display:flex}.user-card-actions .action-button{flex:1}
.avatar{background:var(--fill-placeholder,#262626);border:1px solid #bbb;border-radius:16px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden}.avatar__fallback{color:var(--text-title,#e7e8ef);font-family:var(--font-ruberoid,"Ruberoid"), sans-serif;font-size:16px;font-weight:500;line-height:1}.avatar__image{object-fit:cover;width:48px;height:48px;position:absolute;inset:-1px}
.user-profile{width:min(100%, var(--container-xs,320px));align-items:center;gap:var(--spacing-4,16px);display:flex}.user-profile__info{min-width:0;font-family:var(--font-ruberoid,"Ruberoid"), sans-serif;font-synthesis:none;flex-direction:column;flex:1;align-items:flex-start;gap:8px;font-style:normal;font-weight:400;line-height:normal;display:flex}.user-profile__name,.user-profile__details{text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;overflow:hidden}.user-profile__name{color:var(--text-title,#e7e8ef);text-box-edge:cap alphabetic;text-box-trim:trim-both;font-size:20px}.user-profile__details{color:var(--text-secondary,#afafaf);font-size:12px}
.user-card{width:100%;max-width:var(--container-xs,320px);color:var(--text-title,#e7e8ef);font-family:var(--font-ruberoid,"Ruberoid"), sans-serif;flex-direction:column;align-items:flex-start;gap:32px;font-style:normal;line-height:normal;display:flex}.user-card>*{flex:none}.user-card__subscription{flex-direction:column;align-items:flex-start;width:100%;display:flex}