.register-content{ padding-top: 80px; }
   


img{
  -webkit-user-drag: none;
  user-select: none;
}


button,
input,
textarea,
select{
  font-family: inherit;
}

.lang-select{
  height: 38px;
  border: 1px solid #777;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 13px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  outline: none;
  min-width: 170px;
}

.lang-select:focus{
  border-color: #40b0e5;
  box-shadow: 0 0 0 1px #40b0e5;
}

.field{ margin-bottom: 20px; }

.field > label{
  display: block;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
  color: #000;
}

.login-text-row,
.password-row,
.reg-row{
  box-sizing: border-box;
  border: 1px solid #777;
  border-radius: 12px;
  height: 52px;
  display: flex;
  align-items: flex-end;
  padding: 0 12px;
  width: 340px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  cursor: text;
}

.login-text-row:focus-within,
.password-row:focus-within,
.reg-row:focus-within{
  border-color: #40b0e5;
  box-shadow: 0 0 0 1px #40b0e5;
}

.login-text-row-input,
.password-input,
.reg-input{
  flex: 1;
  border: none;
  outline: none;
  font-size: 18px;
  padding: 0 0 6px 0;
  background: transparent;
  font-family: inherit;
  position: relative;
  z-index: 2;
}

.row-with-label .floating-label{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  max-width: calc(100% - 20px);
  padding: 0 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  color: #777;
  background: #fff;
  pointer-events: none;
  transition: top 0.15s ease, transform 0.15s ease, font-size 0.15s ease, color 0.15s ease;
  margin: 0;
  z-index: 4;
}

.row-with-label.row-active .floating-label,
.row-with-label:focus-within .floating-label,
.row-with-label:has(> input:not(:placeholder-shown)) .floating-label,
.row-with-label:has(> textarea:not(:placeholder-shown)) .floating-label{
  top: 6px;
  transform: none;
  font-size: 11px;
  color: #777;
}

.row-with-label.row-active .login-text-row-input,
.row-with-label.row-active .password-input,
.row-with-label.row-active .reg-input,
.row-with-label:focus-within .login-text-row-input,
.row-with-label:focus-within .password-input,
.row-with-label:focus-within .reg-input,
.row-with-label:has(> input:not(:placeholder-shown)) .login-text-row-input,
.row-with-label:has(> input:not(:placeholder-shown)) .password-input,
.row-with-label:has(> input:not(:placeholder-shown)) .reg-input,
.row-with-label:has(> textarea:not(:placeholder-shown)) textarea{
  padding-top: 16px;
  padding-bottom: 4px;
}

.row-with-label:focus-within .floating-label{
  color: #40b0e5;
}


.row-with-label.has-error{
  border-color: #d60000;
}
.row-with-label.has-error .floating-label{
  color: #d60000;
}


.dob-row.has-error .dob-box,
.dob-box[aria-invalid="true"]{
  border-color: #d60000;
}

.login-text-row-input::placeholder,
.password-input::placeholder,
.reg-input::placeholder{
  color: transparent;
}

.error-msg{
  display: none;
  margin-top: 6px;
  margin-left: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #d60000;
}

.toggle-btn{
  border: none;
  background: none;
  font-size: 15px;
  color: #40b0e5;
  cursor: pointer;
  padding: 0;
  align-self: center;
  position: relative;
  z-index: 3;
}

.buttons{
  margin-top: 52px;
  text-align: center;
}

.btn{
  display: inline-block;
  width: 200px;
  padding: 10px 0;
  border-radius: 999px;
  border: 1px solid #40b0e5;
  background-color: #40b0e5;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: filter 0.12s ease, transform 0.06s ease;
  -webkit-tap-highlight-color: transparent;
}

.btn:hover{ filter: brightness(0.95); }

.btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(64, 176, 229, 0.35);
}

.btn:active{
  transform: scale(0.98);
  filter: brightness(0.9);
}

.buttons.login-buttons{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.buttons.login-buttons .or-text{
  width: 100%;
  text-align: center;
  margin: 0;
  line-height: 1;
}

.dob-row{
  display: flex;
  gap: 10px;
  width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.dob-box{
  box-sizing: border-box;
  height: 52px;
  border: 1px solid #777;
  border-radius: 12px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;

  font-size: 16px;
  font-weight: 400;
  color: #000;

  background-color: #ffffff;
  outline: none;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding: 0 34px 0 12px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;

  min-width: 0;
}

.dob-box:invalid{
  font-size: 15px;
  font-weight: 700;
  color: #000;
}

.dob-box:focus{
  border-color: #40b0e5;
  box-shadow: 0 0 0 1px #40b0e5;
}

.dob-month{ width: 150px; flex: 0 0 auto; }
.dob-day  { width: 80px;  flex: 0 0 auto; }
.dob-year { width: 90px;  flex: 0 0 auto; }
.dob-day,
.dob-year{
  padding: 0 22px 0 10px;
  background-position: right 7px center;
  background-size: 14px;
}

#reg-label-birthday{
  width: 340px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}

.dob-error-row{
  display: flex;
  gap: 10px;
  width: 340px;
  margin: 6px auto 0;
}

.dob-error-row .dob-month{ width: 150px; }
.dob-error-row .dob-day  { width: 80px; }
.dob-error-row .dob-year { width: 90px; }

.dob-error-row .error-msg{ margin: 0; }

.have-account-login{
  color: var(--brand);
  font-weight: 700;
  cursor: pointer;
}

.verify-layout{
  width: 340px;
  margin: 60px auto 0;
  display: flex;
  align-items: center;
  justify-content: flex-start; 
  gap: 28px;
}

.verify-errors{
  width: 340px;
  margin: 10px auto 0;
}

.verify-errors .error-msg{
  margin-left: 0;
}

.verify-layout .verify-box{
  margin-left: 0;
  margin-right: 0;
}

.verify-box{
  width: 180px;
  height: 75px;
  overflow: hidden;
}

.verify-input{
  min-width: 0;
  width: 100%;
  letter-spacing: 6px;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 5px;
  line-height: 1;
  font-variant-numeric: tabular-nums;

  
  font-family: var(--font-sans);
}

.verify-box.row-active .verify-input,
.verify-box:focus-within .verify-input{
  padding-top:22px;
  padding-bottom:5px;
}

.verify-side{
  min-width: 120px;
  text-align: left;
}

.verify-timer{
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  margin-bottom: 10px;
}

.verify-resend{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}

.verify-resend.is-disabled{
  opacity: .45;
  cursor: default;
}

#verify-resend-text,
.verify-resend-text{
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.verify-buttons{
  margin-top: 120px;
  text-align: center;
}

.bio-wrapper{
  width: 340px;
  margin: 0 auto;
}


.plans-page{
  width: var(--w-340);
  margin: 0 auto;
  padding: 0;
}

.plans-top{
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.plans-list{
  width: 100%;
  border-top: 2px solid #4264e2;
}

.plan-block{
  width: 100%;
  cursor: pointer;
}

.plan-block__header{
  height: 30px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #4264e2;
  background: rgba(66,100,226,.08);
  border-bottom: 2px solid #4264e2;
}

.plan-block__body{
  width: 100%;
  border-bottom: 2px solid #4264e2;
}

.plan-block__body-copy{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 10px 8px 10px 5px;
}

.plan-block__line{
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  color: #000;
}

.plan-block__price{
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: #111;
}

.plan-block__meta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  padding: 0 8px;
  margin-left: 8px;
  border-radius: 999px;
  background: rgba(66, 100, 226, 0.14);
  color: #4264e2;
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
}

.plan-block__header{
  gap: 0;
}

.plan-block__body--80{ height: 80px; }
.plan-block__body--100{ height: 100px; }

.plan-block.is-selected .plan-block__header{
  background: rgba(66, 100, 226, 0.22);
}

.plan-block.is-selected .plan-block__body{
  background: rgba(66, 100, 226, 0.10);
}

.plans-continue-btn{
  width: 96px;
  height: 24px;
  display: block;
  margin: 15px auto 0;
  border: none;
  border-radius: 999px;
  background: #4264e2;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  transition: transform 120ms ease, filter 120ms ease;
}

.plans-continue-btn:active{
  transform: translateY(1px);
  filter: brightness(0.96);
}

.plans-continue-btn.is-disabled,
.plans-continue-btn:disabled{
  opacity: 0.55;
  cursor: default;
  transform: none;
  filter: none;
}

.plans-status{
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  color: #4264e2;
}

.plans-status.is-hidden{
  display: none;
}

.btn, .verify-resend{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}

.buttons.login-buttons #btnRegister.btn{
  background-color: #fff;
  color: #40b0e5;
  border: 1px solid #40b0e5;
}

:root{
  --brand: #40b0e5;
  --bg: #ffffff;

  --page-pad-x: 10px;
  --page-pad-y: 20px;

  --w-340: 340px;
  --tabbar-h: 48px;

  
  --auth-inner: 340px;
  --auth-pad: 10px;
  --auth-card-w: calc(var(--auth-inner) + (var(--auth-pad) * 2));

  --radius-card: 16px;
  --shadow-card: 0 6px 22px rgba(0,0,0,0.08);

  --font-script-primary: "Noto Sans";
  --font-sans:
    var(--font-script-primary),
    "Noto Sans",
    "Noto Sans Arabic",
    "Noto Sans SC",
    "Noto Sans TC",
    "Noto Sans JP",
    "Noto Sans KR",
    system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

html[data-font-script="arabic"]{
  --font-script-primary: "Noto Sans Arabic";
}

html[data-font-script="ja"]{
  --font-script-primary: "Noto Sans JP";
}

html[data-font-script="ko"]{
  --font-script-primary: "Noto Sans KR";
}

html[data-font-script="zh-CN"]{
  --font-script-primary: "Noto Sans SC";
}

html[data-font-script="zh-TW"]{
  --font-script-primary: "Noto Sans TC";
}

*, *::before, *::after{ box-sizing: border-box; }

html, body{ height: 100%; }

html{ scrollbar-gutter: stable; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

@supports not (scrollbar-gutter: stable){
  html{ overflow-y: scroll; }
}

body{
  margin: 0;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  font-family: var(--font-sans);
  color: #000;
}

.page{
  flex: 1;
  width: 100%;
  height: auto;
  min-height: 0;

  border: none;
  position: relative;
  top: auto;
  left: auto;
  transform: none;

  display: block;
  padding: var(--page-pad-y) var(--page-pad-x);
}

.content{
  width: 100%;
  padding: 0 !important;
}

.register-content, .messages-page, .verify-content{
  padding-top: 0 !important;
}

.login-text-row, .password-row, .reg-row, #reg-label-birthday, .dob-row, .dob-error-row, .verify-layout, .verify-buttons{
  width: 100%;
  max-width: var(--w-340);
  margin-left: auto;
  margin-right: auto;
}


.auth-page{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.auth-page .content{
  
  max-width: var(--w-340);
  margin: 0 auto;
  padding: 0;

  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.auth-header{ width: 100%; margin: 0 auto 26px; }
.auth-title{ padding-inline: 12px; font-size: 20px; font-weight: 700; line-height: 1.2; text-align: left; }
html[dir="rtl"] .auth-title{ text-align: right; }

.auth-page .page{
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}

.auth-page .lang-footer{
  margin-top: 0;
}

.auth-page .have-account-stack{
  margin-bottom: 10px;
}

.auth-page .login-text-row,
.auth-page .password-row,
.auth-page .reg-row,
.auth-page #reg-label-birthday,
.auth-page .dob-row,
.auth-page .dob-error-row{
  max-width: var(--auth-inner);
}

.login-forgot-wrap{
  width: 100%;
  max-width: var(--auth-inner);
  margin: 6px auto 0;
}

.auth-page .dob-row{ gap: 10px; }

.auth-page .verify-layout{
  margin-top: 0;
}
.auth-page .dob-month{ width: 150px; flex: 0 0 auto; min-width: 0; }
.auth-page .dob-day{ width: 80px; flex: 0 0 auto; min-width: 0; }
.auth-page .dob-year{ width: 90px; flex: 0 0 auto; min-width: 0; }

.dob-error-row .error-msg{ margin-left: 12px; }

.legal{
  width: 100%;
  max-width: var(--w-340);
  margin: 10px auto 0;
  padding-inline: 12px;
  font-size: 12px;
  line-height: 1.45;
  color: #555;
}

.legal a{
  color: var(--brand);
  text-decoration: none;
  font-weight: 600;
}

.legal a:hover{ text-decoration: underline; }

.legal-links{ margin-top: 6px; }
.legal-links a + a::before{
  content: " · ";
  color: #777;
  font-weight: 400;
}

.lang-footer{
  margin-top: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px var(--page-pad-x) calc(env(safe-area-inset-bottom, 0px) + 10px);
}

.lang-footer .lang-select{
  width: 170px;
  height: 30px;
  min-width: 170px;
  max-width: 170px;
  border: 1px solid rgba(0,0,0,0.45);
  border-radius: 12px;
  padding: 0 12px;
  font-size: 10px;
  font-weight: 400;
  color: #000;
  background: #fff;
  box-sizing: border-box;
}
@media (min-width: 768px){
  :root{ --page-pad-x: 24px; --page-pad-y: 24px; }
}

.error-msg{
  margin-left: 0 !important;
  margin-right: 0 !important;

  width: 100%;
  max-width: var(--auth-inner);
  margin: 6px auto 0 !important;

  padding-inline-start: 12px;
  padding-inline-end: 12px;
}

.dob-error-row{
  display: block;
  width: 100%;
  max-width: var(--auth-inner);
  margin: 6px auto 0;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.dob-error-row .error-msg{
  margin: 0 !important;
  padding: 0 !important;
  max-width: none;
}

html[dir="rtl"] .row-with-label .floating-label{
  left: auto;
  right: 12px;
  text-align: right;
}
html[dir="rtl"] .row-with-label.row-active .floating-label{
  right: 12px;
}

html[dir="rtl"] .login-text-row-input,
html[dir="rtl"] .password-input,
html[dir="rtl"] .reg-input{
  text-align: right;
}

html[dir="rtl"] #reg-label-birthday,
html[dir="rtl"] .field > label{
  text-align: right;
}

html[dir="rtl"] .dob-box{
  padding: 0 12px 0 34px;
  background-position: left 12px center;
}
html[dir="rtl"] .dob-day,
html[dir="rtl"] .dob-year{
  padding: 0 10px 0 22px;
  background-position: left 7px center;
}

body:not(.auth-page):not(.dmca-page):not(.document-page) .lang-footer{ display: none; }

:root{
  --app-w: 340px;
}

body.app-page{
  display: block;
  padding-bottom: 0;
  
  overflow-x: hidden;
}
body.app-page .content{
  width: 100%;
  max-width: var(--app-w);
  margin-left: auto;
  margin-right: auto;
}

body.app-page .content{
  padding-bottom: 0 !important;
}

.btn:disabled{ opacity: 0.6; cursor: not-allowed; }

.auth-header{ margin: 0 auto 34px; }

.have-account-stack{
  margin-top: 42px;
  text-align: center;
  line-height: 1.35;
}

.have-account-stack #reg-text-have-account{
  font-size: 12px;
  font-weight: 400;
}

.have-account-stack #reg-text-login{
  font-size: 15px;
  font-weight: 700;
}

.have-account-login{
  color: var(--brand) !important;
  font-weight: 700;
  cursor: pointer;
}

.auth-page .verify-buttons{
  margin-top: 72px;
}

.verify-input{ text-align: center; }

.btn-outline{
  background: transparent;
  color: var(--brand);
}

.btn-outline:hover{
  filter: none;
  background: rgba(64,176,229,0.08);
}

.btn-outline:active{
  transform: scale(0.98);
  background: rgba(64,176,229,0.14);
}


.pc2-page .page{
  padding: 0;
}

.pc2{
  width: var(--w-340);
  margin: 0 auto;
}

.pc2-spacer-48{
  height: 48px;
}

.pc2-photo{
  width: 170px;
  height: 170px;
  margin: 0 auto;
  border: 1px solid #666;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  user-select: none;
  cursor: pointer;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.pc2-file-input{
  display: none;
}

.pc2-info{
  width: 200px;
  margin: 15px auto 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 8px;
  font-weight: 400;
  line-height: 12px;
}

.pc2-info-icon{
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 12px;

  font-size: 8px;
  font-weight: 700;
  line-height: 1;
}

.pc2-section-title{
  height: 30px;
  margin-top: 30px;
  padding-left: 5px;
  display: flex;
  align-items: center;

  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
}

.pc2-bio-wrap{
  position: relative;
}

.pc2-bio{
  width: 100%;
  height: 150px;
  border: 1px solid #777;
  border-radius: 12px;
  padding: 12px 12px 26px;
  resize: none;
  outline: none;
  background: #fff;
  color: #000;
  font-family: inherit;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
}

.pc2-bio:focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 1px var(--brand);
}

.pc2-counter{
  position: absolute;
  right: 14px;
  bottom: 10px;
  user-select: none;

  font-size: 8px;
  font-weight: 700;
  color: #808080;
}

.pc2-cta{
  width: 96px;
  height: 24px;
  margin: 15px auto 0;
  border: none;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.1s ease;

  display: flex;
  align-items: center;
  justify-content: center;

  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
}

.pc2-cta:active{
  transform: scale(0.99);
}

.pc2-cta:disabled{
  opacity: 0.6;
  cursor: default;
}

.pc2-error{
  width: var(--w-340);
  margin: 12px auto 0;
  text-align: center;
  display: none;

  font-size: 12px;
  font-weight: 400;
  color: #d60000;
}





.auth-sub{
  font-size: 14px;
  font-weight: 600;
  opacity: 0.8;
  margin-top: 6px;
}

.link-btn{
  border:none;
  background:transparent;
  color: var(--brand);
  font-size: 13px;
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 10px;
  cursor:pointer;
}

.link-btn:focus-visible{
  outline:none;
  box-shadow: 0 0 0 2px rgba(64,176,229,0.35);
}

.helper{
  display:flex;
  justify-content:center;
}

[hidden]{
  display: none !important;
}




.reg-row + .reg-row {
  margin-top: 12px;
}




.auth-page .page{
  padding-top: calc(var(--page-pad-y) + env(safe-area-inset-top, 0px));
  display: flex;
  flex-direction: column;
}


.auth-forgot .reg-form,
.auth-reset .reg-form{
  display: flex;
  flex-direction: column;
  gap: 12px;
}




.pc1-v2-page .page{
  
  padding: 0;
}

.pc1-v2{
  
  width: var(--w-340);
  margin: 0 auto;
}

.pc1-v2-title{
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 5px;

  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.pc1-v2-grid{
  
  margin: 0;
  display: flex;
  flex-direction: column;
}

.pc1-v2-row{
  display: grid;
  
  grid-template-columns: 165px 10px 165px;
}

.pc1-v2-cell{
  box-sizing: border-box;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  
  font-size: 11px;
  font-weight: 400;
  color: #000;

  
  border-bottom: 0.5px solid rgba(0,0,0,0.28);
}

.pc1-v2-row.head .pc1-v2-cell{
  height: 30px;
  padding-left: 5px;

  font-size: 12.5px;
  font-weight: 700;
  color: var(--brand);

  
  border-top: 1.5px solid var(--brand);
  border-bottom: 1.5px solid var(--brand);
}

.pc1-v2-row.item .pc1-v2-cell{
  padding-left: 10px;
}

.pc1-v2-row.item.last .pc1-v2-cell{
  
  border-bottom: 0.5px solid rgba(0,0,0,0.28);
}



.pc1-note-row{
  width: var(--w-340);
  margin: 24px auto;
  box-sizing: border-box;

  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.pc1-note-icon{
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-radius: 999px;
  border: 1px solid var(--brand);
  color: var(--brand);

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  margin-top: 2px;
  margin-right: 8px;
}

.pc1-note-spacer{
  flex: 0 0 26px; 
  width: 26px;
  height: 1px;
}

.pc1-special-info{
  width: 165px;
  box-sizing: border-box;

  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;

  color: #111;
}

.pc1-special{
  width: var(--w-340);
  margin: 0 auto;
}

.pc1-special-head{
  width: 165px;
  height: 30px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  align-items: center;
  
  justify-content: flex-start;
  padding-left: 5px;

  font-size: 12.5px;
  font-weight: 700;
  color: var(--brand);
  
  border: none;
  border-top: 1.5px solid var(--brand);
  border-bottom: 1.5px solid var(--brand);
}

.pc1-special-stack{
  width: 165px;
  margin: 10px auto 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pc1-special-search-wrap{
  position: relative;
}

.pc1-special-search{
  width: 165px;
  height: 27px;
  box-sizing: border-box;
  border: 1px solid #777;
  border-radius: 999px; 
  padding: 0 10px;
  font-size: 11px;
  font-weight: 400;
  color: #000;
  outline: none;
}

.pc1-special-search:focus{
  border-color: var(--brand);
  box-shadow: 0 0 0 1px var(--brand);
}

.pc1-special-slots{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pc1-special-slot{
  width: 165px;
  height: 27px;
  box-sizing: border-box;

  border: 1px solid #777;
  border-radius: 8px; 
  background: #fff;
  padding: 0 10px;

  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;

  font-size: 11px;
  font-weight: 400;
  color: #000;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;}

.pc1-special-slot-label{
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pc1-special-slot-x{
  position: absolute;
  left: calc(100% + 5px);
  top: 50%;
  transform: translateY(-50%);

  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: rgba(0,0,0,0.55);
  cursor: pointer;}

.pc1-special-slot.is-empty .pc1-special-slot-x{
  display: none;
}

.pc1-special-slot.is-empty{
  color: rgba(0,0,0,0.6);
}

.pc1-special-slot.is-active{
  border-color: var(--brand);
  box-shadow: 0 0 0 1px var(--brand);
}

.pc1-special-suggest{
  position: absolute;
  top: 31px;
  left: 0;
  width: 165px;
  box-sizing: border-box;

  border: 1px solid #777;
  border-radius: 12px;
  background: #fff;
  z-index: 25;

  max-height: 200px;
  overflow: auto;
  padding: 4px 0;
}

.pc1-special-suggest-item{
  width: 100%;
  height: 27px;
  box-sizing: border-box;
  border: none;
  background: transparent;
  padding: 0 10px;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  color: #000;
  cursor: pointer;
}

.pc1-special-suggest-item:hover{
  background: rgba(64,176,229,0.10);
}

.pc1-special-suggest-empty{
  height: 27px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-size: 11px;
  color: rgba(0,0,0,0.6);
}

.pc1-special-hint{
  width: 165px;
  box-sizing: border-box;

  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;

  color: #111;
}

.pc1-v2-actions{
  width: var(--w-340);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
}
.pc1-v2-actions .btn{
  width: 96px;
  height: 24px;
  padding: 0;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 10px;
  font-weight: 700;
  color: #fff;
}













body.profile-me-page .page{ padding: 0; }

body.profile-me-page .profile-me-wrap{
  width: 100%;
  max-width: var(--w-340);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}


body.profile-me-page .profile-settings-btn{
  position: absolute;
  top: 48px;
  right: 5px;
  width: 40px;
  height: 40px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
}

body.profile-me-page .profile-settings-ico{
  width: 24px;
  height: 24px;
  display: block;
}


body.profile-other-page .profile-settings-btn{ display:none; }

body.profile-me-page .profile-me-content{
  padding-top: 48px;
  padding-left: 5px;
  padding-right: 5px;
}



body.profile-me-page .profile-me-top{
  position: relative;
  height: 64px;
  display: flex;
  gap: 5px;
  align-items: flex-start;
}

body.profile-me-page .profile-me-avatar{
  width: 64px;
  height: 64px;
  border: 1px solid #777;
  border-radius: 999px;
  background-color: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

body.profile-me-page .profile-me-username{
  font-size: 10px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
}


body.profile-me-page .profile-me-stats{
  position: absolute;
  left: 85px; 
  top: 16px;  
  display: flex;
}

body.profile-me-page .profile-stat{
  width: 92px;
  height: 48px;
}

body.profile-me-page .profile-stat-count{
  width: 92px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.profile-me-page .profile-stat-label{
  width: 92px;
  height: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  color: #777;
  line-height: 1.1;
  white-space: normal;
  overflow-wrap: anywhere;
}

body.profile-me-page .profile-me-name{
  margin-top: 16px;
  font-size: 10px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
}

body.profile-me-page .profile-me-bio-wrap{
  margin-top: 16px;
  width: 100%;
  max-width: 340px;
  position: relative;
}
body.profile-me-page .profile-me-bio{
  position: relative;
  font-size: 10px;
  font-weight: 400;
  color: #000;
  line-height: 1.35;
  
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  text-align: left;
}


body.profile-me-page .profile-me-bio.bio-collapsed{
  
  max-height: 108px; 
  overflow: hidden;
}

body.profile-me-page .profile-me-bio.bio-expanded{
  max-height: none;
  overflow: visible;
}

body.profile-me-page .profile-me-bio-toggle-wrap{
  display: block;
  margin-top: 6px;
}

body.profile-me-page .profile-me-bio-toggle{
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.35;
  display: inline;
  color: var(--brand);
  cursor: pointer;
}

body.profile-me-page .profile-me-switchbar{
  height: 64px;
  width: calc(100% + 10px);
  margin-left: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.profile-me-page .profile-me-switch-icons{
  display: flex;
  align-items: center;
  justify-content: center;
}

body.profile-me-page .profile-me-switch-btn{
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

body.profile-me-page .profile-me-switch-ico{
  width: 32px;
  height: 32px;
  display: block;
}

body.profile-me-page .profile-me-switch-sep{
  width: 1.25px;
  height: 20px;
  margin: 0;
  background: #000;
}

body.profile-me-page .profile-me-photos-soon{
  width: calc(100% + 10px);
  margin-left: -5px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  color: #777;
  line-height: 1;
}

body.profile-me-page .profile-me-ratings{
  margin-top: 0px;
  width: calc(100% + 10px);
  margin-left: -5px;
}

body.profile-me-page .profile-ratings-overall{
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  
  border-top: 1px solid rgba(64,176,229,0.35);
  border-bottom: 1px solid rgba(64,176,229,0.35);
}

body.profile-me-page .profile-ratings-overall-group{
  width: 180px; 
  display: flex;
  align-items: center;
}

body.profile-me-page .profile-ratings-overall-label{
  width: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
  line-height: 1;
}

body.profile-me-page .profile-star-32{
  width: 32px;
  height: 32px;
  display: block;
}

body.profile-me-page .profile-ratings-overall-score{
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}



body.profile-me-page .profile-lock-32,
body.profile-me-page .profile-lock-30,
body.profile-me-page .profile-lock-28{
  display: block;
}

body.profile-me-page .profile-lock-32{ width: 32px; height: 32px; }
body.profile-me-page .profile-lock-30{ width: 30px; height: 30px; }
body.profile-me-page .profile-lock-28{ width: 28px; height: 28px; }


body.profile-me-page .profile-ratings-head{
  width: 100%;
  height: 30px;
  display: grid;
  grid-template-columns: 140px 30px 30px 140px;
  align-items: center;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: none;
  border-top: none;
  
  border-bottom: 1px solid rgba(64,176,229,0.35);
  background: transparent;
  cursor: pointer;
}

body.profile-me-page .profile-ratings-head:focus{ outline: none; }

body.profile-me-page .profile-ratings-head-label{
  grid-column: 1;
  padding-left: 5px;
  text-align: left;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--brand);
  line-height: 1;
}

body.profile-me-page .profile-star-30{
  grid-column: 2;
  width: 30px;
  height: 30px;
  display: block;
  justify-self: center;
}

body.profile-me-page .profile-ratings-head-score{
  grid-column: 3;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  justify-self: center;
}

body.profile-me-page .profile-ratings-head-spacer{
  grid-column: 4;
}


body.profile-me-page .profile-ratings-items{
  display: block;
}

body.profile-me-page .profile-trait-row{
  height: 28px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  
  border-bottom: 1px solid rgba(64,176,229,0.25);
}

body.profile-me-page .profile-trait-name{
  padding-left: 15px;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}





body.ratings-page .page{ padding: 0; }

body.ratings-page .ratings-wrap{
  width: 100%;
  max-width: var(--w-340);
  margin: 0 auto;
}

body.ratings-page .ratings-title{
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.ratings-page .ratings-tabs{
  height: 30px;
  display: grid;
  grid-template-columns: 170px 170px;
  align-items: center;
  
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
  position: relative;
  overflow: hidden;
}


body.ratings-page .ratings-tabs::after{
  content: "";
  position: absolute;
  left: 170px;
  top: 0;
  bottom: 0;
  width: 1.5px;
  background: var(--brand);
  pointer-events: none;
}

body.ratings-page .ratings-tab{
  height: 30px;
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.ratings-page .ratings-tab-left{ padding-left: 5px; justify-content: flex-start; }
body.ratings-page .ratings-tab-right{
  padding-left: 5px;
  justify-content: flex-start;
}

body.ratings-page .ratings-list{ width: 100%; }

body.ratings-page .ratings-row{
  height: 60px;
  display: grid;
  grid-template-columns: 170px 170px;
  border-bottom: 1px solid rgba(64,176,229,0.25);
}


body.ratings-page .ratings-list .ratings-row:last-child{ border-bottom: none; }

body.ratings-page .ratings-row-left,
body.ratings-page .ratings-row-right{
  position: relative;
  height: 60px;
}

body.ratings-page .ratings-row-right{ border-left: none; }

body.ratings-page .ratings-tabs.ratings-tabs-secondary{ margin-top: 15px; }


body.ratings-page .ratings-tab[aria-selected="true"]{
  background: rgba(64,176,229,0.08);
  box-shadow: none;
}

body.ratings-page .ratings-completed-summary{
  height: 60px;
  width: 170px;
  display: flex;
  align-items: center;
}

body.ratings-page .ratings-summary-overall{
  width: 88px; 
  height: 20px;
  display: flex;
  align-items: center;
}

body.ratings-page .ratings-summary-overall-label{
  width: 48px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 7.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.ratings-page .ratings-star-20{
  width: 20px;
  height: 20px;
  display: block;
}

body.ratings-page .ratings-summary-overall-score{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.ratings-page .ratings-summary-pss{
  margin-left: 5px;
  width: 72px; 
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.ratings-page .ratings-summary-mini{
  height: 16px;
  display: flex;
  align-items: center;
}

body.ratings-page .ratings-summary-mini-label{
  width: 40px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 6px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.ratings-page .ratings-star-16{
  width: 16px;
  height: 16px;
  display: block;
}

body.ratings-page .ratings-summary-mini-score{
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}


body.ratings-page .ratings-summary-blurred .ratings-star-20,
body.ratings-page .ratings-summary-blurred .ratings-summary-overall-score,
body.ratings-page .ratings-summary-blurred .ratings-star-16,
body.ratings-page .ratings-summary-blurred .ratings-summary-mini-score{
  filter: blur(3px);
  opacity: 0.55;
}


body.ratings-page .ratings-new-badge{
  position: absolute;
  left: 5px;
  bottom: 5px;
  height: 14px;
  padding: 0 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 700;
  background: #4264e2; 
  color: #fff;
  border-radius: 999px;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
}

body.ratings-page .ratings-avatar{
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.55);
  background-color: transparent;
  text-decoration: none;
}

body.ratings-page .ratings-username{
  position: absolute;
  left: 60px;
  top: 10px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  
  line-height: 11px;
  text-decoration: none;
}

body.ratings-page .ratings-name{
  position: absolute;
  left: 60px;
  bottom: 15px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 400;
  color: #000;
  
  line-height: 11px;
}

body.ratings-page .ratings-remaining{
  position: absolute;
  left: 5px;
  top: 8px;
  width: 83px;
  height: 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 8px;
  font-weight: 700;
  
  color: rgba(0,0,0,0.55);
  line-height: 1.15;
}

body.ratings-page .ratings-remaining > div{
  width: 100%;
  white-space: nowrap;
}

body.ratings-page .ratings-actions{
  position: absolute;
  right: 5px;
  top: 8px;
  width: 72px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.ratings-page .ratings-actions.ratings-actions-single{
  top: 21px; 
  gap: 0;
}

body.ratings-page .ratings-action-btn{
  width: 72px;
  height: 18px;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  transition: filter 0.12s ease, transform 0.06s ease;
}

body.ratings-page .ratings-action-btn:active{
  transform: scale(0.98);
  filter: brightness(0.9);
}

body.ratings-page .ratings-action-complete{
  border: 1px solid var(--brand);
  background: var(--brand);
  color: #fff;
}

body.ratings-page .ratings-action-withdraw{
  border: 1px solid var(--brand);
  background: #fff;
  color: var(--brand);
}

body.ratings-page .ratings-seeall{
  height: 30px;
  width: 100%;
  border: none;
  border-top: 1.5px solid var(--brand);
  border-bottom: 1.5px solid var(--brand);
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

body.ratings-page .ratings-page-loader{
  min-height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  color:rgba(0,0,0,.55);
}
body.ratings-page .ratings-page-loader[hidden]{display:none;}





body.rating-details-page{ overflow-x:hidden; }

body.rating-details-page .page{ padding: 0; }

body.rating-details-page .details-wrap{
  width: 100%;
  max-width: var(--w-340);
  margin: 0 auto;
}

body.rating-details-page .details-header{
  height: 48px;
  display: flex;
  align-items: center;
}

body.rating-details-page .details-back{
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 5px;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}

body.rating-details-page .details-back:active{ filter: brightness(0.9); }

body.rating-details-page.details-loading .details-person-row,
body.rating-details-page.details-loading #traitsRoot,
body.rating-details-page.details-loading .details-say-title,
body.rating-details-page.details-loading .details-say-wrap,
body.rating-details-page.details-loading .evaluation-text-report,
body.rating-details-page.details-loading .details-reveal-sentinel,
body.rating-details-page.details-unavailable-state .details-person-row,
body.rating-details-page.details-unavailable-state #traitsRoot,
body.rating-details-page.details-unavailable-state .details-say-title,
body.rating-details-page.details-unavailable-state .details-say-wrap,
body.rating-details-page.details-unavailable-state .evaluation-text-report,
body.rating-details-page.details-unavailable-state .details-reveal-sentinel{
  display: none !important;
}

body.rating-details-page .details-unavailable{
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 18px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  color: #6b4b3f;
  text-align: center;
}

body.rating-details-page .details-unavailable[hidden]{
  display: none !important;
}


body.rating-details-page .details-person-row{
  height: 60px;
  display: grid;
  grid-template-columns: 170px 170px;
  
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
}

body.rating-details-page .details-row-left,
body.rating-details-page .details-row-right{
  position: relative;
  height: 60px;
}

body.rating-details-page .details-avatar{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.55);
  background-color: transparent;
}

body.rating-details-page .details-username{
  position: absolute;
  left: 60px;
  top: 10px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  
  line-height: 11px;
}

body.rating-details-page .details-name{
  position: absolute;
  left: 60px;
  bottom: 15px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 400;
  color: #000;
  
  line-height: 11px;
}


body.rating-details-page .details-summary{
  height: 60px;
  width: 170px;
  display: flex;
  align-items: center;
}

body.rating-details-page .details-summary-overall{
  width: 88px;
  height: 20px;
  display: flex;
  align-items: center;
}

body.rating-details-page .details-summary-overall-label{
  width: 48px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 7.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.rating-details-page .details-star-20{
  width: 20px;
  height: 20px;
  display: block;
}

body.rating-details-page .details-summary-overall-score{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.rating-details-page .details-summary-pss{
  margin-left: 5px;
  width: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.rating-details-page .details-summary-mini{
  height: 16px;
  display: flex;
  align-items: center;
}

body.rating-details-page .details-summary-mini-label{
  width: 40px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 6px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.rating-details-page .details-star-16{
  width: 16px;
  height: 16px;
  display: block;
}

body.rating-details-page .details-summary-mini-score{
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}


body.rating-details-page .details-summary-blurred .details-star-20,
body.rating-details-page .details-summary-blurred .details-summary-overall-score,
body.rating-details-page .details-summary-blurred .details-star-16,
body.rating-details-page .details-summary-blurred .details-summary-mini-score{
  filter: blur(3px);
  opacity: 0.55;
}


body.rating-details-page .details-section-title{
  height: 30px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  
  font-size: 12px;
  font-weight: 700;
  color: var(--brand);
  
  padding-bottom: 2px;
  line-height: 1;
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
}

body.rating-details-page .details-section-title.details-section-title-first{
  box-shadow: inset 0 -1.5px 0 var(--brand);
}

body.rating-details-page .details-trait-row{
  height: 28px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(64,176,229,0.25);
}


body.rating-details-page .details-trait-row.details-trait-row-last{
  border-bottom: none;
}

body.rating-details-page .details-trait-name{
  padding-left: 15px;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.rating-details-page .details-trait-right{
  margin-left: auto;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

body.rating-details-page .details-star-28{
  width: 28px;
  height: 28px;
  display: block;
}

body.rating-details-page .details-trait-score{
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}


body.rating-details-page .details-say-title{
  height: 30px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand);
  padding-bottom: 2px;
  line-height: 1;
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
}

body.rating-details-page .details-say-wrap{
  padding: 15px 0;
}

body.rating-details-page .details-say-box{
  width: 100%;
    border: 1.5px solid var(--brand);
  border-radius: 12px;
  padding: 10px 12px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  max-width: 100%;
}

body.rating-details-page .details-reveal-sentinel{
  height: 1px;
}





body.notifications-page .page{ padding: 0; }

body.notifications-page .notifs-wrap{
  width: 100%;
  max-width: var(--w-340);
  margin: 0 auto;
}

body.notifications-page .notifs-title{
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.notifications-page .notifs-tabs{
  height: 30px;
  display: grid;
  grid-template-columns: 170px 170px;
  align-items: center;
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
  position: relative;
  overflow: hidden;
}

body.notifications-page .notifs-tabs::after{
  content: "";
  position: absolute;
  left: 170px;
  top: 0;
  bottom: 0;
  width: 1.5px;
  background: var(--brand);
  pointer-events: none;
}

body.notifications-page .notifs-tab{
  height: 30px;
  display: flex;
  align-items: center;
  border: none;
  background: transparent;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.notifications-page .notifs-tab-left,
body.notifications-page .notifs-tab-right{
  padding-left: 5px;
  justify-content: flex-start;
}

body.notifications-page .notifs-tab[aria-selected="true"]{
  background: rgba(64,176,229,0.08);
}

body.notifications-page .notifs-list{ width: 100%; }

body.notifications-page .notifs-row{
  height: 60px;
  position: relative;
  box-sizing: border-box;
  
  border-bottom: none;
  box-shadow: inset 0 -1px 0 rgba(64,176,229,0.25);
}

body.notifications-page .notifs-avatar{
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.55);
  background-color: transparent;
  text-decoration: none;
}

body.notifications-page .notifs-username{
  position: absolute;
  left: 60px;
  top: 10px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  
  line-height: 11px;
  text-decoration: none;
}

body.notifications-page .notifs-name{
  position: absolute;
  left: 60px;
  bottom: 15px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 400;
  color: #000;
  
  line-height: 11px;
}

body.notifications-page .notifs-message{
  position: absolute;
  
  left: 170px;
  top: 10px;
  width: 116px;
  height: 27px;
  
  display: block;
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 8px;
  
  font-weight: 400;
  color: #000;
  
  line-height: 11px;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.notifications-page .notifs-days{
  position: absolute;
  right: 5px;
  top: 5px;
  width: 44px;
  height: 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 6px;
  font-weight: 700;
  
  color: rgba(0,0,0,0.55);
  line-height: 1.15;
}

body.notifications-page .notifs-days > div{
  width: 100%;
  white-space: nowrap;
}

body.notifications-page .notifs-btn{
  position: absolute;
  bottom: 5px;
  width: 72px;
  height: 18px;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  transition: filter 0.12s ease, transform 0.06s ease;
}

body.notifications-page .notifs-btn:active{
  transform: scale(0.98);
  filter: brightness(0.9);
}

body.notifications-page .notifs-btn-accept{
  left: 175px; 
  border: 1px solid var(--brand);
  background: var(--brand);
  color: #fff;
}

body.notifications-page .notifs-btn-decline{
  right: 5px;
  border: 1px solid var(--brand);
  background: #fff;
  color: var(--brand);
}



body.notifications-page .notifs-btn-cancel{
  left: 219px;
  border: 1px solid var(--brand);
  background: #fff;
  color: var(--brand);
}

body.notifications-page .notifs-seeall{
  height: 30px;
  width: 100%;
  border: none;
  background: transparent;
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}


body.notifications-page .notifs-feed{
  width: 100%;
  margin-top: 15px; 
  
  border-top: 1px solid rgba(64,176,229,0.25);
}

body.notifications-page .notifs-feed-row{
  height: 60px;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(64,176,229,0.25);
}

body.notifications-page .notifs-feed-avatar{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.55);
  background-color: transparent;
}


body.notifications-page .notifs-feed-text{
  position: absolute;
  left: 60px;
  top: 10px;
  right: 5px;
  max-height: 27px; 
  font-size: 8px;
  font-weight: 400;
  color: #000;
  
  line-height: 11px;
  overflow: hidden;
  
  overflow-wrap: anywhere;
  word-break: break-word;
  
  display: -webkit-box;
  
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.notifications-page .notifs-feed-username{ font-weight: 700; }
body.notifications-page .notifs-feed-message{ font-weight: 400; }


body.notifications-page .notifs-feed-time{
  position: absolute;
  left: 60px;
  bottom: 5px;
  width: 110px;
  height: 18px;
  display: flex;
  align-items: center; 
  font-size: 6px;
  font-weight: 700;
  color: rgba(0,0,0,0.55);
  line-height: 8px;
}


body.notifications-page .notifs-feed-details{
  position: absolute;
  left: 175px; 
  bottom: 5px;
  width: 160px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}

body.notifications-page .notifs-feed-details:active{
  filter: brightness(0.9);
}


body.notifications-page .notifs-btn-complete{
  left: 219px;
  border: 1px solid var(--brand);
  background: var(--brand);
  color: #fff;
}

body.profile-me-page .profile-trait-right{
  margin-left: auto;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

body.profile-me-page .profile-star-28{
  width: 28px;
  height: 28px;
  display: block;
}

body.profile-me-page .profile-trait-score{
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}


body.profile-me-page .profile-dash-mark{
  display: block;
  background: #000;
}


body.profile-me-page .profile-ratings-overall-score.score-dash-32,
body.profile-me-page .profile-ratings-head-score.score-dash-30,
body.profile-me-page .profile-trait-score.score-dash-28{
  font-size: 0;
  line-height: 0;
}


body.profile-me-page .profile-ratings-head[aria-expanded="false"] + .profile-ratings-items{
  display: none;
}






.profile-back-btn{
  display: none;
}
.profile-other-actions{
  display: none;
}

body.profile-other-page .profile-back-btn{
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  height: 48px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
  line-height: 48px;
}

body.profile-other-page .profile-me-stats{
  left: 69px; 
}

body.profile-other-page .profile-other-actions{
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

body.profile-other-page .profile-other-action{
  width: 72px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  cursor: pointer;
  transition: filter 0.12s ease, transform 0.06s ease;
  -webkit-tap-highlight-color: transparent;
}

body.profile-other-page .profile-other-action:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(64, 176, 229, 0.35);
}

body.profile-other-page .profile-other-action:active{
  transform: scale(0.98);
  filter: brightness(0.9);
}

body.profile-other-page .profile-other-action:disabled,
body.profile-other-page .profile-other-action.is-unavailable{
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
  transform: none;
  filter: none;
  box-shadow: none;
}


body.profile-other-page .profile-ratings-head.noexpand{ cursor: default; }

body.profile-other-page .profile-other-action-primary{
  background: var(--brand);
  color: #fff;
  border: none;
}

body.profile-other-page .profile-other-action-outline{
  background: #fff;
  color: var(--brand);
  border: 1px solid var(--brand);
}

body.profile-other-page .profile-other-action-mutual{
  background: #4264e2;
  color: #fff;
  border: 1px solid var(--brand);
}




body.submit-page .page{ padding: 0; }

body.submit-page .submit-wrap{
  width: 100%;
  max-width: var(--w-340);
  margin: 0 auto;
}

body.submit-page.submit-unavailable-state .submit-person-row,
body.submit-page.submit-unavailable-state .submit-traits,
body.submit-page.submit-unavailable-state .submit-say-title,
body.submit-page.submit-unavailable-state .submit-think-wrap,
body.submit-page.submit-unavailable-state .submit-confirm-overlay{
  display: none !important;
}

body.submit-page .submit-unavailable{
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 18px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  color: #6b4b3f;
  text-align: center;
}

body.submit-page .submit-unavailable[hidden]{
  display: none !important;
}

body.submit-page .submit-back{
  height: 48px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  padding-left: 5px;
  font-size: 14px;
  font-weight: 700;
  color: var(--brand);
  background: transparent;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.submit-page .submit-back:active{ filter: brightness(0.9); }

body.submit-page .submit-person-row{
  height: 60px;
  display: grid;
  grid-template-columns: 170px 170px;
  
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
}

body.submit-page .submit-row-left,
body.submit-page .submit-row-right{
  position: relative;
  height: 60px;
}

body.submit-page .submit-avatar{
  position: absolute;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.55);
  background-color: transparent;
}

body.submit-page .submit-username{
  position: absolute;
  left: 60px;
  top: 10px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  
  line-height: 11px;
}

body.submit-page .submit-name{
  position: absolute;
  left: 60px;
  bottom: 15px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 400;
  color: #000;
  
  line-height: 11px;
}

body.submit-page .submit-remaining{
  position: absolute;
  


  left: 34px;
  top: 12px;
  width: 54px;
  height: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 8px;
  font-weight: 700;
  
  color: rgba(0,0,0,0.55);
  line-height: 1.15;
}

body.submit-page .submit-remaining > div{
  width: 100%;
  white-space: nowrap;
}

body.submit-page .submit-actions{
  position: absolute;
  right: 5px;
  top: 12px;
  width: 72px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.submit-page .submit-action-btn{
  width: 72px;
  height: 18px;
  border-radius: 999px;
  font-size: 7.5px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  transition: filter 0.12s ease, transform 0.06s ease;
}

body.submit-page .submit-action-btn:active{
  transform: scale(0.98);
  filter: brightness(0.9);
}

body.submit-page .submit-action-primary{
  border: 1px solid var(--brand);
  background: var(--brand);
  color: #fff;
}

body.submit-page .submit-counter{
  width: 72px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.submit-page .submit-traits{
  width: 100%;
}

body.submit-page .submit-section-title{
  height: 30px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand);
  line-height: 1;
  border: none;
  
  box-shadow: inset 0 1.5px 0 var(--brand), inset 0 -1.5px 0 var(--brand);
}

body.submit-page .submit-section-title-first{
  
  box-shadow: inset 0 -1.5px 0 var(--brand);
}



body.submit-page .submit-say-title{
  height: 30px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  color: var(--brand);
  line-height: 1;
  border: none;
  
  box-shadow: inset 0 -1.5px 0 var(--brand);
}

body.submit-page .submit-think-wrap{
  position: relative;
  margin-top: 15px;
  
  margin-left: 0;
  margin-right: 0;
}

body.submit-page .submit-think{
  width: 100%;
  height: 110px;
  resize: none;
  border: 1px solid #777;
  border-radius: 12px;
  outline: none;
  padding: 10px 12px 28px 12px;
  font-size: 12px;
  font-weight: 400;
  font-family: inherit;
  box-sizing: border-box;
}

body.submit-page .submit-think:focus{
  border-color: var(--brand);
  box-shadow: inset 0 0 0 1px var(--brand);
}

body.submit-page .submit-think-counter{
  position: absolute;
  right: 12px;
  bottom: 10px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(0,0,0,0.55);
  line-height: 1;
  pointer-events: none;
}


body.modal-open{ overflow: hidden; }

body.submit-page .submit-confirm-overlay{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.18);
  z-index: 2000;
  -webkit-tap-highlight-color: transparent;
}

body.submit-page .submit-confirm-overlay.open{ display: flex; }

body.submit-page .submit-confirm-card{
  

  width: 190px;
  box-sizing: border-box;
  padding: 10px;
  padding-top: 15px;
  background: #fff;
  
  border: 1.5px solid var(--brand);
  
  border-radius: 12px;
  position: relative;
}

body.submit-page .submit-confirm-close{
  position: absolute;
  right: 10px;
  
  top: 6px;
  width: 16px;
  height: 16px;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.submit-page .submit-confirm-block{
  width: 170px;
  height: 60px;
  position: relative;
}


body.submit-page .submit-confirm-card .ratings-completed-summary{
  width: 170px;
  height: 60px;
  display: flex;
  align-items: center;
}

body.submit-page .submit-confirm-card .ratings-summary-overall{
  width: 88px;
  height: 60px;
  display: flex;
  align-items: center;
}

body.submit-page .submit-confirm-card .ratings-summary-overall-label{
  width: 48px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.submit-page .submit-confirm-card .ratings-star-20{
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

body.submit-page .submit-confirm-card .ratings-summary-overall-score{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.submit-page .submit-confirm-card .ratings-summary-pss{
  width: 72px;
  height: 60px;
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

body.submit-page .submit-confirm-card .ratings-summary-mini{
  width: 72px;
  height: 16px;
  display: flex;
  align-items: center;
}

body.submit-page .submit-confirm-card .ratings-summary-mini-label{
  width: 40px;
  height: 16px;
  display: flex;
  align-items: center;
  font-size: 6px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.submit-page .submit-confirm-card .ratings-star-16{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

body.submit-page .submit-confirm-card .ratings-summary-mini-score{
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.submit-page .submit-confirm-say-label{
  width: 170px;
  margin-top: 0;
  font-size: 7.5px;
  font-weight: 700;
  color: var(--brand);
  line-height: 1;
}

body.submit-page .submit-confirm-saybox{
  width: 170px;
  box-sizing: border-box;
  margin-top: 5px;
  
  border: 1px solid var(--brand);
  border-radius: 10px;
  padding: 8px;
  
  font-size: 7.5px;
  font-weight: 400;
  color: #000;
  line-height: 1.25;
  white-space: pre-wrap;
  word-break: break-word;
  min-height: 60px;
  max-height: 96px;
  overflow: hidden;
}

body.submit-page .submit-confirm-submitwrap{
  width: 170px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
}

body.submit-page .submit-confirm-bottomspacer{
  width: 170px;
  height: 5px;
}

body.submit-page .submit-trait{
  border-bottom: 1px solid rgba(0,0,0,0.18);
}


body.submit-page .submit-trait.submit-trait-last{
  border-bottom: none;
}



body.submit-page .submit-trait.submit-trait-last.submit-trait-last-special{
  border-bottom: 1.5px solid var(--brand);
}

body.submit-page .submit-trait-name{
  height: 18px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 10px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.submit-page .submit-trait-starsline{
  height: 28px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  
  padding-right: 15px;
}

body.submit-page .submit-stars{
  display: flex;
  align-items: center;
  height: 28px;
}

body.submit-page .submit-star-btn{
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.submit-page .submit-star-img{
  width: 28px;
  height: 28px;
  display: block;
}

body.submit-page .submit-trait-score{
  
  width: 28px;
  height: 28px;
  
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}




















body.with-tabbar .page::after{
  content: "";
  display: block;
  height: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
}


.tabbar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  

  border-top: none;
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 999;
}

.tabbar-inner{
  height: var(--tabbar-h);
  max-width: var(--w-340);
  margin: 0 auto;
  display: flex;
  
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.18);
}

.tabbar-item{
  position: relative;
  width: 20%;
  height: var(--tabbar-h);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}


.tabbar-item:active{
  filter: brightness(0.95);
}


.tabbar-badge{
  z-index: 2;
  position: absolute;
  top: 8px;
  right: 18px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-radius: 999px;
  background: #4264e2;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  display: none;
  pointer-events: none;
  box-sizing: border-box;
}

.tabbar-badge.is-visible{
  display: block;
}

.tabbar-icon{
  position: relative;
  z-index: 1;
  width: 68px;
  height: var(--tabbar-h);
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}


.tabbar-icon.tabbar-is-avatar{
  width: 28px;
  height: 28px;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid #d5d5d5;
  background-color: #f7fafc;
}


.stub-wrap{
  width: 100%;
  max-width: var(--w-340);
  margin: 0 auto;
}


body.messages-page .page{
  padding: 0;
}

.stub-header{
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.stub-note{
  padding: 24px 5px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,0.45);
}


.ratings-empty,
.notifs-empty{
  width: 100%;
  height: 60px;
  border-top: 1px solid rgba(0,0,0,0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: rgba(0,0,0,0.65);
}


.tabbar-item { border: none !important; }
.tabbar-item + .tabbar-item { border-left: none !important; }


.explore-v3-page .page{
  padding: 0;
}

.explore-v3{
  width: 340px;
  max-width: 100%;
  margin: 0 auto;
}

.explore-v3-titlebar{
  height: 48px;
  display: flex;
  align-items: center;
}

.explore-v3-title{
  padding-left: 5px;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.explore-v3-search{
  width: 330px;
  height: 36px;
  margin: 0 auto;
  border: 1px solid #777;
  border-radius: 9999px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 12px;

  position: relative;
  z-index: 11;
}

.explore-v3-search:focus-within{
  border-color: #40b0e5;
  box-shadow: 0 0 0 1px #40b0e5;
}

.explore-v3-search-input{
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  font-size: 12px;
  font-family: inherit;

  
  line-height: 36px;
  padding: 0;
  margin: 0;
}

.explore-v3-search-clear{
  padding: 0;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 0; 
  color: #000;
  cursor: pointer;
}

.explore-v3-search-clear::before,
.explore-v3-search-clear::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  background: #000;
  border-radius: 999px;
  transform-origin: center;
}

.explore-v3-search-clear::before{ transform: translate(-50%, -50%) rotate(45deg); }
.explore-v3-search-clear::after{ transform: translate(-50%, -50%) rotate(-45deg); }

.explore-v3-search-clear:active{ opacity: 0.6; }

.explore-v3-search-input::placeholder{
  color: #777;
}

.explore-v3-section{
  margin-top: 10px;
  height: 30px;
}

.explore-v3-section-inner{
  width: 195px;
  height: 30px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding-left: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #40b0e5;
}

.explore-v3-search-panel{
  width: 340px;
  max-width: 100%;
  margin: 0 auto;

  position: relative;
  z-index: 11;
}

.explore-v3-search-backdrop{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  background: transparent;
  z-index: 10;
}
.explore-v3--search-open .explore-v3-section,
.explore-v3--search-open .explore-v3-cards,
.explore-v3--search-open .explore-v3-empty{
  display: none !important;
}

.explore-v3-all-recent-row{
  width: 330px;
  height: 30px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 5px;
}

.explore-v3-all-recent{
  border: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #40b0e5;
  cursor: pointer;
}

.explore-v3-search-hint{
  width: 330px;
  margin: 0 auto;
  font-size: 12px;
  color: #777;
  padding: 6px 0 4px;
}

.explore-v3-search-list{
  width: 340px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 0;
}

.explore-v3-search-panel--results .explore-v3-search-list{
  margin-top: 10px;
  padding-bottom: 10px; 
}

.explore-v3-person-row{
  height: 44px;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  display: flex;
  align-items: center;
  padding-right: 12px;
  background: #fff;
  cursor: pointer;
  transition: background 0.12s ease;
  text-decoration: none;
  color: inherit;
}


.explore-v3-person-row:hover{ background: rgba(64,176,229,0.12); }
.explore-v3-person-row:active{ background: rgba(64,176,229,0.20); }

.explore-v3-person-main{
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 4px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

.explore-v3-person-main:visited{
  color: inherit;
}

.explore-v3-person-avatar{
  width: 36px;
  height: 36px;
  border: 1px solid #777;
  border-radius: 9999px;
  background-color: #fff;
  background-clip: padding-box;
  box-sizing: border-box;
  overflow: hidden;
  flex: 0 0 auto;
}

.explore-v3-person-text{
  position: relative;
  height: 44px;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 4px;
}

.explore-v3-person-username{
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.explore-v3-person-name{
  position: absolute;
  bottom: 10px;
  left: 0;
  font-size: 8px;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.explore-v3-person-remove{
  flex: 0 0 auto;
  width: 36px;
  height: 44px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 0; 
  color: #000;
  cursor: pointer;
}

.explore-v3-person-remove::before,
.explore-v3-person-remove::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: #000;
  border-radius: 999px;
  transform-origin: center;
}

.explore-v3-person-remove::before{ transform: translate(-50%, -50%) rotate(45deg); }
.explore-v3-person-remove::after{ transform: translate(-50%, -50%) rotate(-45deg); }

.explore-v3-person-remove-spacer{
  width: 36px;
  height: 44px;
}

.explore-v3-clear-all{
  width: 340px;
  max-width: 100%;
  margin: 0 auto;
  height: 30px;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #40b0e5;
  cursor: pointer;
  margin-top: 0;
}








.explore-v3-cards{
  margin-top: 10px;
  margin-bottom: 10px; 
  width: 195px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.explore-v3-card{
  width: 195px;
  height: 155px; 
  background: #fff;
  border-radius: 16px;

  
  box-shadow: 0 0 0 1px #777 inset;
  transition: box-shadow 120ms ease, background 120ms ease;

  padding: 2.5px 12.5px 2.5px 12.5px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

.explore-v3-card:hover,
.explore-v3-card:focus-within,
.explore-v3-card:active{
  box-shadow: 0 0 0 1px #40b0e5 inset;
}

.explore-v3-card-user{
  width: 170px;
  height: 60px;
  position: relative;
}

.explore-v3-card-summary{
  width: 170px;
  height: 60px;
  display: flex;
  align-items: center;
}





.explore-v3-card-bio{
  width: 170px;
  height: 30px; 
  font-size: 8px;
  font-weight: 400;
  color: #000;
  line-height: 10px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;

  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

.explore-v3-bio-part{
  display: inline;
}

.explore-v3-bio-part + .explore-v3-bio-part::before{
  content: "";
  display: inline-block;
  width: 2px;
  height: 8px;
  background: #d0d0d0;
  border-radius: 999px;
  margin: 0 8px;
  vertical-align: -1px;
}


.explore-v3-empty{
  width: 195px;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  text-align: left;
  padding-left: 5px;
}


.explore-v3-dash{
  display: block;
  width: 10px; 
  height: 2px;
  background: rgba(0,0,0,0.7);
  border-radius: 999px;
}

.explore-v3-dash-20{ width: 9px; }
.explore-v3-dash-16{ width: 7px; }

.explore-v3-lock-img{
  display: block;
}

.explore-v3-lock-img-20{
  width: 20px;
  height: 20px;
}

.explore-v3-lock-img-16{
  width: 16px;
  height: 16px;
}


body.explore-v3-page .ratings-avatar{
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 50px;
  height: 50px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.55);
  background-color: #fff;
  background-clip: padding-box;
  box-sizing: border-box;
  overflow: hidden;
}

body.explore-v3-page .ratings-username{
  position: absolute;
  left: 60px;
  top: 10px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  line-height: 11px;
}

body.explore-v3-page .ratings-name{
  position: absolute;
  left: 60px;
  bottom: 15px;
  max-width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 400;
  color: #000;
  line-height: 11px;
}


body.explore-v3-page .ratings-completed-summary{
  height: 60px;
  width: 170px;
  display: flex;
  align-items: center;
}

body.explore-v3-page .ratings-summary-overall{
  width: 88px; 
  height: 20px;
  display: flex;
  align-items: center;
}

body.explore-v3-page .ratings-summary-overall-label{
  width: 48px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 7.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.explore-v3-page .ratings-star-20{
  width: 20px;
  height: 20px;
  display: block;
}

body.explore-v3-page .ratings-summary-overall-score{
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.explore-v3-page .ratings-summary-minis{
  margin-left: 5px;
  width: 72px; 
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.explore-v3-page .ratings-summary-mini{
  height: 16px;
  display: flex;
  align-items: center;
}

body.explore-v3-page .ratings-summary-mini-label{
  width: 40px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 6px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}

body.explore-v3-page .ratings-star-16{
  width: 16px;
  height: 16px;
  display: block;
}

body.explore-v3-page .ratings-summary-mini-score{
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5.5px;
  font-weight: 700;
  color: #000;
  line-height: 1;
}





body.settings-v2-page .content{
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}




body.app-page.settings-v2-page .sv2-header{
  height:48px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}


body.app-page.settings-v2-page .page{
  padding:0;
}

body.app-page.settings-v2-page .sv2-title{
  font-size:18px;
  font-weight:700;
  color:#000;
  line-height:1;
}

body.app-page.settings-v2-page .sv2-back{
  position:absolute;
  left:5px;
  top:0;
  height:48px;
  display:flex;
  align-items:center;
  font-size:14px;
  font-weight:700;
  color:var(--brand);
  text-decoration:none;
}

body.app-page.settings-v2-page .sv2-back:active{
  opacity:0.7;
}

body.app-page.settings-v2-page .sv2-list{
  width:100%;
  border-top:1px solid rgba(0,0,0,0.30);
}

body.app-page.settings-v2-page .sv2-section{
  width:100%;
  border-bottom:1px solid rgba(0,0,0,0.30);
}

body.app-page.settings-v2-page .sv2-row{
  width:100%;
  height:36px;
  padding:0 5px 0 5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:12px;
  font-weight:700;
  color:rgba(0,0,0,0.75);
  background:transparent;
  border:none;
  cursor:pointer;
  box-sizing:border-box;
}

body.app-page.settings-v2-page .sv2-row-title{
  display:block;
}

body.app-page.settings-v2-page .sv2-chevron{
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  font-size:22px;
  font-weight:800;
  color:rgba(0,0,0,0.75);
  line-height:1;
  transform:rotate(0deg);
  transition:transform 160ms ease;
}

body.app-page.settings-v2-page .sv2-row[aria-expanded="true"] .sv2-chevron,
body.app-page.settings-v2-page .sv2-subrow[aria-expanded="true"] .sv2-chevron{
  transform:rotate(90deg);
}


body.app-page.settings-v2-page .sv2-row.is-open .sv2-chevron{
  transform:rotate(90deg);
}


body.app-page.settings-v2-page .sv2-sublist{
  width:100%;
}

body.app-page.settings-v2-page .sv2-subrow{
  width:100%;
  height:32px;
  padding:0 5px 0 5px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-size:12px;
  font-weight:400;
  color:rgba(0,0,0,0.65);
  background:transparent;
  border:none;
  cursor:pointer;
  box-sizing:border-box;
}


body.app-page.settings-v2-page .sv2-panel[data-panel="profile"] .sv2-subrow:first-of-type{
  border-top:1px solid rgba(0,0,0,0.30);
}


body.app-page.settings-v2-page .sv2-panel[data-panel="privacy"] .sv2-subrow:first-of-type{
  border-top:1px solid rgba(0,0,0,0.30);
}


body.app-page.settings-v2-page .sv2-panel[data-panel="account"] .sv2-subrow:first-of-type{
  border-top:1px solid rgba(0,0,0,0.30);
}


body.app-page.settings-v2-page .sv2-panel[data-panel="traits"] .sv2-subrow:first-of-type{
  border-top:1px solid rgba(0,0,0,0.30);
}


body.app-page.settings-v2-page .sv2-panel[data-panel="app"] .sv2-subrow:first-of-type{
  border-top:1px solid rgba(0,0,0,0.30);
}

body.app-page.settings-v2-page .sv2-subrow-title{
  display:block;
}

body.app-page.settings-v2-page .sv2-subrow:active{
  background:rgba(0,0,0,0.05);
}


body.app-page.settings-v2-page .sv2-subpanel{
  
  padding:0 0 5px 0;
}

body.app-page.settings-v2-page .sv2-edit-wrap{
  width:100%;
}


body.app-page.settings-v2-page .sv2-input-row{
  width:330px;
  height:30px;
  margin:0 auto;
  box-sizing:border-box;
  border:1px solid #777;
  border-radius:12px;
  display:flex;
  align-items:center;
  padding:0 12px;
  background:transparent;
  cursor:text;
}

body.app-page.settings-v2-page .sv2-input-row:focus-within{
  border-color:var(--brand);
  box-shadow:0 0 0 1px var(--brand);
}

body.app-page.settings-v2-page .sv2-input{
  flex:1;
  border:none;
  outline:none;
  font-size:12px;
  padding:0;
  line-height:1;
  background:transparent;
  font-family:inherit;
  color:#000;
}


body.app-page.settings-v2-page .sv2-bio-wrap{
  width:100%;
  max-width:340px;
  margin:0 auto;
  padding:0;
  position:relative;
}

body.app-page.settings-v2-page .sv2-bio{
  
  display:block;
  margin:0;
  width:100%;
  height:150px;
  border:1px solid #777;
  border-radius:12px;
  padding:12px 12px 26px 12px;
  resize:none;
  outline:none;
  font-size:10px;
  font-weight:400;
  line-height:1.35;
  font-family: inherit;
  color:#000;
  box-sizing:border-box;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

body.app-page.settings-v2-page .sv2-bio:focus{
  border-color:var(--brand);
  box-shadow:inset 0 0 0 1px var(--brand);
}

body.app-page.settings-v2-page .sv2-counter{
  position:absolute;
  right:14px;
  bottom:10px;
  font-size:8px;
  font-weight:700;
  color:rgba(0,0,0,0.55);
  user-select:none;
}


body.app-page.settings-v2-page .sv2-save{
  width:96px;
  height:24px;
  
  margin:5px auto 5px;
  background:var(--brand);
  border:none;
  border-radius:999px;
  color:#fff;
  font-size:10px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

body.app-page.settings-v2-page .sv2-save.sv2-remove{
  background:#fff;
  color:var(--brand);
  border:1px solid var(--brand);
}
body.app-page.settings-v2-page .sv2-save.sv2-remove:active{
  opacity:1;
  background:rgba(64,176,229,0.12);
}


body.app-page.settings-v2-page .sv2-error{
  display:none;
  width:330px;
  margin:6px auto 0;
  font-size:12px;
  font-weight:400;
  color:#d60000;
}


body.app-page.settings-v2-page .sv2-status{
  width:330px;
  margin:0 auto 0;
  font-size:12px;
  font-weight:400;
  color:rgba(0,0,0,0.7);
}

body.app-page.settings-v2-page .sv2-error.is-visible{ display:block; }

body.app-page.settings-v2-page .sv2-input-row.has-error{
  border-color:#d60000;
  box-shadow:none;
}

body.app-page.settings-v2-page .sv2-bio.has-error{
  border-color:#d60000;
  box-shadow:none;
}

body.app-page.settings-v2-page .sv2-save:active{
  opacity:0.82;
}


body.app-page.settings-v2-page .sv2-special-meta{
  width:165px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}

body.app-page.settings-v2-page .sv2-special-remaining{
  font-size:10px;
  font-weight:700;
  color:rgba(0,0,0,0.75);
  user-select:none;
}

body.app-page.settings-v2-page .sv2-mini-save{
  width:96px;
  height:24px;
  margin-top:10px;
  background:var(--brand);
  border:none;
  border-radius:999px;
  color:#fff;
  font-size:10px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

body.app-page.settings-v2-page .sv2-mini-save:active{
  opacity:0.82;
}

body.app-page.settings-v2-page .sv2-special-error{
  width:165px;
  margin-top:8px;
  font-size:12px;
  font-weight:400;
  color:#d60000;
  text-align:center;
}


body.app-page.settings-v2-page .sv2-audience-wrap{
  width:170px;
  margin:0 auto;
}
body.app-page.settings-v2-page .sv2-audience-box{
  width:170px;
  height:30px;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  background:transparent;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  cursor:pointer;
}
body.app-page.settings-v2-page .sv2-audience-box:focus{
  outline:none;
}
body.app-page.settings-v2-page .sv2-audience-box.is-open{
  border-color:var(--brand);
  box-shadow:0 0 0 1px var(--brand);
}
body.app-page.settings-v2-page .sv2-audience-box:active{
  background:rgba(0,0,0,0.03);
}
body.app-page.settings-v2-page .sv2-audience-value{
  font-size:10px;
  font-weight:400;
  color:#000;
}
body.app-page.settings-v2-page .sv2-audience-chevron{
  width:22px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  color:rgba(0,0,0,0.55);
  
  transform:rotate(90deg);
}
body.app-page.settings-v2-page .sv2-audience-list{
  width:170px;
  margin:5px auto 0;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
}
body.app-page.settings-v2-page .sv2-audience-option{
  width:100%;
  height:30px;
  border:none;
  background:transparent;
  padding:0 12px;
  text-align:left;
  font-size:10px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  box-sizing:border-box;
}
body.app-page.settings-v2-page .sv2-audience-option + .sv2-audience-option{
  border-top:1px solid rgba(0,0,0,0.12);
}
body.app-page.settings-v2-page .sv2-audience-option:active{
  background:rgba(0,0,0,0.03);
}


body.app-page.settings-v2-page .sv2-lang-wrap{
  width:170px;
  margin:0 auto;
}

body.app-page.settings-v2-page .sv2-lang-box{
  width:170px;
  height:30px;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  background:transparent;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  cursor:pointer;
}

body.app-page.settings-v2-page .sv2-lang-box:focus{
  outline:none;
}

body.app-page.settings-v2-page .sv2-lang-box.is-open{
  border-color:var(--brand);
  box-shadow:0 0 0 1px var(--brand);
}

body.app-page.settings-v2-page .sv2-lang-box:active{
  background:rgba(0,0,0,0.03);
}

body.app-page.settings-v2-page .sv2-lang-value{
  font-size:10px;
  font-weight:400;
  color:#000;
}

body.app-page.settings-v2-page .sv2-lang-chevron{
  width:22px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  color:rgba(0,0,0,0.55);
  
  transform:rotate(90deg);
}

body.app-page.settings-v2-page .sv2-lang-list{
  width:170px;
  margin:5px auto 0;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  max-height:240px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

body.app-page.settings-v2-page .sv2-lang-option{
  width:100%;
  height:30px;
  border:none;
  background:transparent;
  padding:0 12px;
  text-align:left;
  font-size:10px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  box-sizing:border-box;
}

body.app-page.settings-v2-page .sv2-lang-option + .sv2-lang-option{
  border-top:1px solid rgba(0,0,0,0.12);
}

body.app-page.settings-v2-page .sv2-lang-option:active{
  background:rgba(0,0,0,0.03);
}

body.app-page.settings-v2-page .sv2-lang-option.is-selected{
  background:rgba(64,176,229,0.12);
}


body.app-page.settings-v2-page .sv2-pass-stack{
  width:100%;
  padding:0;
}

body.app-page.settings-v2-page .sv2-pass-row{
  width:100%;
  margin:0 auto 10px;
}

body.app-page.settings-v2-page .sv2-pass-row:last-child{
  margin-bottom:0;
}


body.app-page.settings-v2-page .sv2-pass-row .reg-row{
  margin-top:0;
  margin-bottom:0;
}


body.app-page.settings-v2-page .sv2-email-stack{
  width:100%;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

body.app-page.settings-v2-page .sv2-email-row{
  width:340px;
  max-width:340px;
  margin:0 auto;
}

body.app-page.settings-v2-page #sv2EmailContinue.sv2-mini-save{
  margin:0 auto;
}


body.app-page.settings-v2-page .sv2-email-row-readonly{
  cursor:default;
}

body.app-page.settings-v2-page .sv2-email-row-readonly input:disabled{
  opacity:1;
  color:#000;
  -webkit-text-fill-color:#000;
  cursor:default;
}

body.app-page.settings-v2-page .sv2-email-row-readonly:focus-within{
  border-color:#8a8a8a !important;
  box-shadow:none !important;
}

body.app-page.settings-v2-page .sv2-email-row-readonly:focus-within .floating-label{
  color:#777 !important;
}


body.app-page.settings-v2-page .sv2-email-verify{
  width:340px;
  max-width:340px;
  margin:0 auto;
}

body.app-page.settings-v2-page .sv2-inline-verify-row{
  width:100%;
  max-width:340px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:28px;
}

body.app-page.settings-v2-page .sv2-inline-verify-rowbox{
  width:180px;
  height:75px;
  flex:0 0 180px;
  overflow:hidden;
  margin:0;
}

body.app-page.settings-v2-page .sv2-inline-verify-row .verify-side{
  min-width:120px;
}

body.app-page.settings-v2-page .sv2-email-verify .sv2-mini-save{
  margin:10px auto 0;
}

body.app-page.settings-v2-page .sv2-email-verify .reg-row{
  margin-top:0;
  margin-bottom:0;
}

body.app-page.settings-v2-page .sv2-toggle-list{
  width:100%;
}
body.app-page.settings-v2-page .sv2-toggle-row{
  width:100%;
  height:30px;
  padding:0 5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  border-bottom:1px solid rgba(0,0,0,0.18);
}
body.app-page.settings-v2-page .sv2-toggle-row:first-child{
  border-top:1px solid rgba(0,0,0,0.18);
}
body.app-page.settings-v2-page .sv2-toggle-label{
  font-size:10px;
  font-weight:700;
  color:rgba(0,0,0,0.75);
}

body.app-page.settings-v2-page .sv2-mini-switch{
  position:relative;
  display:inline-block;
  width:36px;
  height:20px;
  margin-left:8px;
  flex:0 0 auto;
}
body.app-page.settings-v2-page .sv2-mini-switch input{
  opacity:0;
  width:0;
  height:0;
}
body.app-page.settings-v2-page .sv2-mini-slider{
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.22);
  transition:0.2s;
  border-radius:999px;
}
body.app-page.settings-v2-page .sv2-mini-slider:before{
  position:absolute;
  content:"";
  height:16px;
  width:16px;
  left:2px;
  top:2px;
  background:#fff;
  transition:0.2s;
  border-radius:50%;
}
body.app-page.settings-v2-page .sv2-mini-switch input:checked + .sv2-mini-slider{
  background:var(--brand);
}
body.app-page.settings-v2-page .sv2-mini-switch input:checked + .sv2-mini-slider:before{
  transform:translateX(16px);
}


body.app-page.settings-v2-page .sv2-toggle-row.is-disabled{
  opacity:0.55;
}
body.app-page.settings-v2-page .sv2-mini-switch input:disabled + .sv2-mini-slider{
  cursor:not-allowed;
  background:rgba(0,0,0,0.14);
}

body.app-page.settings-v2-page .sv2-row:active{
  background:rgba(0,0,0,0.05);
}

body.app-page.settings-v2-page .sv2-logout{
  margin-top:15px;
  margin-left:5px;
  margin-bottom: 0;
  width:96px;
  height:24px;
  border:1px solid var(--brand);
  border-radius:999px;
  background:transparent;
  color:var(--brand);
  font-size:10px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}


body.app-page.settings-v2-page .content{
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
}

body.app-page.settings-v2-page .sv2-logout:active{
  background:rgba(64,176,229,0.12);
}

body.app-page.settings-v2-page .sv2-logout:disabled{
  opacity:0.6;
  cursor:default;
}


.profile-me-avatar, .ratings-avatar, .details-avatar, .notifs-avatar, .notifs-feed-avatar, .submit-avatar, .explore-v3-person-avatar{
  background-image: url("/avatar-default.svg");
  background-color: #f7fafc;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
}


body.app-page.settings-v2-page .sv2-photo-row{
  width:330px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

body.app-page.settings-v2-page .sv2-photo-preview{
  width: 72px;
  height: 72px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

body.app-page.settings-v2-page .sv2-photo-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
}

body.app-page.settings-v2-page .sv2-photo-actions .sv2-save{
  margin:0;
}





a[href^="/@"] { color: #000; }
a[href^="/@"]:visited { color: #000; }

body.app-page.settings-v2-page .sv2-runtime-error{
  margin: 0 20px 16px;
  padding: 12px 14px;
  border: 1px solid rgba(140, 92, 0, .28);
  border-radius: 14px;
  background: rgba(255, 245, 220, .95);
  color: #5f3d00;
  font-size: 13px;
  line-height: 1.35;
}




body.profile-other-page .profile-report-action{
  width: 72px;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff;
  color: rgba(0,0,0,0.68);
  font-size: 7px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.profile-other-page .profile-report-action:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(64, 176, 229, 0.30);
}

.profile-report-overlay{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,0.28);
  z-index: 2400;
  box-sizing: border-box;
}

.profile-report-overlay.open{ display: flex; }

.profile-report-card{
  width: min(100%, 340px);
  max-height: calc(100vh - 36px);
  overflow: auto;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,0.18);
}

.profile-report-close{
  position: absolute;
  top: 8px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: rgba(0,0,0,0.55);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.profile-report-title{
  margin: 0;
  padding-right: 28px;
  font-size: 18px;
  font-weight: 800;
  color: rgba(0,0,0,0.88);
}

.profile-report-subtitle{
  margin: 8px 0 16px 0;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(0,0,0,0.56);
}

.profile-report-label{
  display: block;
  margin: 12px 0 7px 0;
  font-size: 12px;
  font-weight: 800;
  color: rgba(0,0,0,0.82);
}

.profile-report-select,
.profile-report-textarea{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 12px;
  background: #fff;
  color: rgba(0,0,0,0.84);
  font-family: inherit;
  font-size: 13px;
}

.profile-report-select{
  min-height: 40px;
  padding: 0 10px;
}

.profile-report-details-list{
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-report-check{
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12px;
  line-height: 1.28;
  color: rgba(0,0,0,0.76);
}

.profile-report-check input{
  margin-top: 1px;
  flex: 0 0 auto;
}

.profile-report-textarea{
  min-height: 82px;
  resize: vertical;
  padding: 10px;
  line-height: 1.35;
}

.profile-report-counter{
  margin-top: 5px;
  text-align: right;
  font-size: 11px;
  font-weight: 700;
  color: rgba(0,0,0,0.45);
}

.profile-report-status{
  min-height: 17px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,0.58);
}

.profile-report-status.error{ color: #b42318; }
.profile-report-status.ok{ color: #137333; }

.profile-report-actions{
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.profile-report-cancel,
.profile-report-submit{
  min-height: 36px;
  border-radius: 999px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: inherit;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.profile-report-cancel{
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff;
  color: rgba(0,0,0,0.72);
}

.profile-report-submit{
  border: 0;
  background: var(--brand);
  color: #fff;
}

.profile-report-submit:disabled{
  opacity: 0.62;
  cursor: default;
}


body.rating-details-page .evaluation-text-report{
  margin-top: 10px;
}

body.rating-details-page .evaluation-text-report-trigger{
  appearance: none;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 600;
  padding: 0;
  cursor: pointer;
}

body.rating-details-page .evaluation-text-report-trigger:hover{
  color: #111827;
  text-decoration: underline;
}

body.rating-details-page .evaluation-text-report-trigger:disabled{
  color: #9ca3af;
  cursor: default;
  text-decoration: none;
}

body.rating-details-page .evaluation-text-report-form{
  margin-top: 10px;
  border: 1px solid rgba(17,24,39,.12);
  border-radius: 14px;
  padding: 14px;
  background: #fff;
}

body.rating-details-page .evaluation-text-report-title{
  font-size: 14px;
  font-weight: 800;
  color: #111827;
}

body.rating-details-page .evaluation-text-report-help{
  margin-top: 4px;
  font-size: 12px;
  color: #6b7280;
}

body.rating-details-page .evaluation-text-report-reasons{
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

body.rating-details-page .evaluation-text-report-reasons label{
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.25;
  color: #1f2937;
}

body.rating-details-page .evaluation-text-report-reasons input{
  margin-top: 1px;
}

body.rating-details-page .evaluation-text-report-details{
  width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
  border: 1px solid rgba(17,24,39,.16);
  border-radius: 12px;
  padding: 10px 12px;
  font: inherit;
  font-size: 13px;
  resize: vertical;
  min-height: 92px;
}

body.rating-details-page .evaluation-text-report-meta{
  margin-top: 4px;
  text-align: right;
  font-size: 12px;
  color: #6b7280;
}

body.rating-details-page .evaluation-text-report-actions{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
}

body.rating-details-page .evaluation-text-report-cancel,
body.rating-details-page .evaluation-text-report-submit{
  border: 0;
  border-radius: 999px;
  padding: 9px 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

body.rating-details-page .evaluation-text-report-cancel{
  background: #f3f4f6;
  color: #374151;
}

body.rating-details-page .evaluation-text-report-submit{
  background: #111827;
  color: #fff;
}

body.rating-details-page .evaluation-text-report-submit:disabled{
  opacity: .55;
  cursor: not-allowed;
}

body.rating-details-page .evaluation-text-report-status{
  min-height: 18px;
  margin-top: 10px;
  font-size: 13px;
  color: #6b7280;
}

body.rating-details-page .evaluation-text-report-status[data-kind="error"]{
  color: #d60000;
}

body.rating-details-page .evaluation-text-report-status[data-kind="success"]{
  color: #047857;
}

body.rating-details-page .evaluation-text-report-form[hidden],
body.rating-details-page .evaluation-text-report-done[hidden]{
  display: none !important;
}

body.rating-details-page .evaluation-text-report-done{
  margin-top: 8px;
  font-size: 13px;
  color: #047857;
}




body.profile-guest-page.with-tabbar .page::after{
  height: 0;
}

body.profile-guest-page .tabbar{
  display: none;
}

body.profile-guest-page .profile-other-actions,
body.profile-guest-page .profile-me-switchbar,
body.profile-guest-page .profile-me-photos-soon,
body.profile-guest-page .profile-settings-btn{
  display: none !important;
}

.profile-guest-cta{
  margin-top: 10px;
}

.profile-guest-divider{
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0.12);
}

.profile-guest-login{
  display: inline-block;
  margin-top: 10px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.profile-guest-login:visited{
  color: var(--brand);
}

.profile-guest-login:hover,
.profile-guest-login:focus-visible{
  text-decoration: underline;
}




.profile-unavailable{
  box-sizing: border-box;
  width: 100%;
  max-width: var(--w-340, 340px);
  margin: 72px auto 0;
  padding: 20px 18px;
  text-align: center;
  overflow-wrap: anywhere;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  background: #fff;
}

.profile-unavailable-title{
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  color: #111827;
}

.profile-unavailable-text{
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #6b7280;
}

.profile-unavailable-actions{
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 18px;
}

.profile-unavailable .profile-guest-login{
  margin-top: 0;
}

.profile-unavailable :is(.profile-unavailable-home, .profile-guest-login){
  max-width: 100%;
  color: #0876a9;
}

.profile-unavailable :is(.profile-unavailable-home, .profile-guest-login):focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 3px;
}

.profile-unavailable-actions[hidden]{
  display: none !important;
}

body.profile-unavailable-page .profile-settings-btn,
body.profile-unavailable-page .profile-me-content,
body.profile-unavailable-page .tabbar{
  display: none !important;
}

body.rating-details-page .details-status-empty{
  margin-top: 20px;
  border-top: none;
}





body.app-page.settings-v2-page .sv2-plan-wrap{
  padding: 0 0 12px;
}
body.app-page.settings-v2-page .sv2-plan-card{
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.72);
}
body.app-page.settings-v2-page .sv2-plan-kicker{
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  color: rgba(20, 20, 20, 0.48);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.app-page.settings-v2-page .sv2-plan-title{
  margin-top: 5px;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  color: #151515;
}
body.app-page.settings-v2-page .sv2-plan-meta{
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  color: rgba(20, 20, 20, 0.58);
}
body.app-page.settings-v2-page .sv2-plan-limits{
  margin-top: 12px;
  display: grid;
  gap: 8px;
}
body.app-page.settings-v2-page .sv2-plan-limit{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 32px;
  border-bottom: 1px solid rgba(20, 20, 20, 0.08);
  font-size: 14px;
  line-height: 1.2;
}
body.app-page.settings-v2-page .sv2-plan-limit:last-child{
  border-bottom: 0;
}
body.app-page.settings-v2-page .sv2-plan-limit-label{
  color: rgba(20, 20, 20, 0.58);
  font-weight: 700;
}
body.app-page.settings-v2-page .sv2-plan-limit-value{
  color: #151515;
  font-weight: 800;
  text-align: right;
}
body.app-page.settings-v2-page .sv2-plan-manage{
  margin-top: 14px;
}


.legal-lite-page{
  background: #fff;
  color: #151515;
}
.legal-lite-shell{
  width: min(var(--app-w, 340px), calc(100vw - 32px));
  margin: 0 auto;
  padding: 22px 0 42px;
}
.legal-lite-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  margin-bottom: 16px;
}
.legal-lite-back{
  color: var(--brand);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  text-decoration: none;
}
.legal-lite-brand{
  color: #151515;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .02em;
}
.legal-lite-card{
  width: 100%;
  box-sizing: border-box;
}
.legal-lite-card h1{
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #151515;
}
.legal-lite-sub{
  margin: 0 0 18px;
  color: rgba(20,20,20,.58);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 600;
}
.dmca-page fieldset{
  border: 0;
  border-top: 1px solid rgba(20,20,20,.18);
  padding: 16px 0 10px;
  margin: 0;
}
.dmca-page legend{
  padding: 0;
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  color: #151515;
}
.dmca-page label{
  display: block;
  margin: 12px 0;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  color: #151515;
}
.dmca-page input[type="text"],
.dmca-page input[type="email"],
.dmca-page input[type="tel"],
.dmca-page input[type="url"],
.dmca-page input:not([type]),
.dmca-page select,
.dmca-page textarea{
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  border: 1px solid #777;
  border-radius: 12px;
  min-height: 52px;
  padding: 0 12px;
  font: inherit;
  font-size: 18px;
  font-weight: 400;
  color: #151515;
  background: #fff;
  outline: none;
}
.dmca-page input:focus,
.dmca-page select:focus,
.dmca-page textarea:focus{
  border-color: #40b0e5;
  box-shadow: 0 0 0 1px #40b0e5;
}
.dmca-page textarea{
  min-height: 96px;
  padding-top: 12px;
  padding-bottom: 12px;
  resize: vertical;
}
.dmca-page small{
  display: block;
  margin-top: 6px;
  color: rgba(20,20,20,.54);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}
.dmca-checkgroup > span,
.dmca-url-list-head > span{
  display: block;
  margin: 12px 0 8px;
  font-size: 14px;
  font-weight: 800;
  color: #151515;
}
.dmca-checkgroup label,
.dmca-statement{
  display: flex !important;
  align-items: flex-start;
  gap: 9px;
  font-weight: 600 !important;
  line-height: 1.35;
  color: rgba(20,20,20,.78) !important;
}
.dmca-checkgroup input,
.dmca-statement input{
  margin-top: 2px;
  flex: 0 0 auto;
}
.dmca-url-list-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.dmca-add-url{
  appearance: none;
  border: 1px solid var(--brand);
  border-radius: 999px;
  padding: 7px 12px;
  color: var(--brand);
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.dmca-add-url:disabled{
  opacity: .45;
  cursor: default;
}

.dmca-email-verify{
  display:grid;
  gap:10px;
  margin:8px 0 14px;
  font-family:var(--font-sans);
}
.dmca-email-challenge{
  display:grid;
  gap:10px;
}
.dmca-email-verified{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.dmca-email-verified[hidden],
.dmca-email-challenge[hidden],
.dmca-code-panel[hidden]{
  display:none !important;
}
.dmca-email-send-btn,
.dmca-code-verify-btn{
  appearance:none;
  min-height:42px;
  border-radius:999px;
  border:1px solid var(--brand);
  background:var(--brand);
  color:#fff;
  font-family:var(--font-sans);
  font-size:15px;
  font-weight:800;
  line-height:1;
  padding:0 18px;
  cursor:pointer;
}
.dmca-email-send-btn{
  width:100%;
}
.dmca-email-send-btn:disabled,
.dmca-code-verify-btn:disabled{
  opacity:.45;
  cursor:default;
}
.dmca-code-panel{
  display:grid;
  gap:10px;
}
.dmca-code-row{
  width:100%;
  max-width:340px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:28px;
}
.dmca-code-box{
  width:180px;
  height:75px;
  flex:0 0 180px;
  overflow:hidden;
  margin:0 !important;
}
.dmca-page .dmca-code-input{
  margin:0 !important;
  height:75px !important;
  min-height:75px !important;
  border:0 !important;
  border-radius:0 !important;
  padding:18px 14px 0 !important;
  box-shadow:none !important;
  text-align:center;
  letter-spacing:7px;
  font-size:34px !important;
  font-weight:700 !important;
  font-family:var(--font-sans);
}
.dmca-code-row .dmca-code-label{
  font-family:var(--font-sans);
}
.dmca-code-side{
  min-width:120px;
}
.dmca-code-timer{
  font-family:var(--font-sans);
  font-size:30px;
  font-weight:800;
  line-height:1;
  color:#000;
  text-align:center;
}
.dmca-code-verify-btn{
  width:100%;
}
.dmca-email-verify-status{
  min-height:18px;
  margin-top:0 !important;
  font-family:var(--font-sans);
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}
.dmca-email-verify-status[data-kind="error"]{ color:#d60000; }
.dmca-email-verify-status[data-kind="success"]{ color:#047857; }
.dmca-email-verify-status[data-kind="info"]{ color:rgba(20,20,20,.58); }
.dmca-change-email-btn{
  appearance:none;
  border:1px solid #151515;
  border-radius:999px;
  background:#151515;
  color:#fff;
  font-family:var(--font-sans);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  min-height:30px;
  padding:0 14px;
  white-space:nowrap;
}
.dmca-change-email-btn:hover{ filter:brightness(0.96); }

.dmca-page .dmca-verify-layout{
  width:340px;
  margin:8px auto 0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:28px;
}
.dmca-page .dmca-verify-layout .verify-box{
  width:180px;
  height:75px;
  overflow:hidden;
  margin:0 !important;
  flex:0 0 180px;
}
.dmca-page .dmca-verify-layout .verify-input{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:20px 10px 0 !important;
  text-align:center;
  letter-spacing:6px;
  font-size:34px !important;
  font-weight:700 !important;
  line-height:1 !important;
  font-variant-numeric:tabular-nums;
}
.dmca-page .dmca-verify-layout .verify-side{
  min-width:120px;
  text-align:left;
}
.dmca-page .dmca-verify-layout .verify-timer{
  width:100%;
  text-align:center;
  font-size:22px;
  font-weight:700;
  color:#000;
  line-height:1;
  margin-bottom:0;
}
.dmca-page .dmca-code-verify-btn{
  margin:6px auto 0;
  max-width:340px;
}
@media (max-width:520px){
  .dmca-page .dmca-verify-layout{
    width:340px;
    max-width:100%;
    gap:28px;
  }
}
.dmca-url-list-items{
  display: grid;
  gap: 8px;
}
.dmca-url-row{
  display: flex;
  gap: 8px;
  align-items: center;
}
.dmca-url-row input{
  margin-top: 0 !important;
}
.dmca-remove-url{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: rgba(20,20,20,.58);
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}
.dmca-status{
  min-height: 22px;
  margin: 12px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.dmca-status.error{
  color: #d60000;
}
.dmca-status.success{
  color: #047857;
}
.dmca-page .primary-btn{
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  background: var(--brand);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
}
.dmca-page .primary-btn:disabled{
  opacity: .65;
  cursor: default;
}
body.dmca-page .lang-footer{
  display: flex;
  margin-top: 18px;
}


.launch-lang-wrap{
  width:170px;
  margin:0 auto;
  position:relative;
}
.launch-lang-wrap .lang-select.is-enhanced{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.launch-lang-box{
  width:170px;
  height:30px;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  background:#fff;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  cursor:pointer;
  font-family:inherit;
}
.launch-lang-box:focus{ outline:none; }
.launch-lang-box.is-open{
  border-color:var(--brand);
  box-shadow:0 0 0 1px var(--brand);
}
.launch-lang-value{
  font-size:10px;
  font-weight:400;
  color:#000;
  line-height:1;
}
.launch-lang-chevron{
  width:22px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  color:rgba(0,0,0,0.55);
  transform:rotate(90deg);
}
.launch-lang-list{
  width:170px;
  margin:5px auto 0;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  max-height:240px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  position:absolute;
  left:0;
  right:0;
  bottom:35px;
  z-index:20;
}
.launch-lang-option{
  width:100%;
  height:30px;
  border:none;
  background:transparent;
  padding:0 12px;
  text-align:left;
  font-family:inherit;
  font-size:10px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  box-sizing:border-box;
}
.launch-lang-option + .launch-lang-option{ border-top:1px solid rgba(0,0,0,0.12); }
.launch-lang-option.is-selected{ background:rgba(64,176,229,0.12); }




.legal-lite-shell{
  width:min(var(--app-w, 340px), calc(100vw - 32px));
  padding:18px 0 36px;
}
.legal-lite-header{ min-height:32px; margin-bottom:12px; }
.legal-lite-back{ font-size:18px; font-weight:700; }
.legal-lite-card h1{ font-size:18px; line-height:1.2; font-weight:700; margin:0 0 6px; }
.legal-lite-sub{ font-size:12px; line-height:1.35; margin:0 0 14px; font-weight:600; }
.dmca-page fieldset{ padding:14px 0 8px; }
.dmca-page legend{ font-size:16px; line-height:1.2; font-weight:800; margin:0 0 6px; }
.dmca-page label{ font-size:14px; line-height:1.3; font-weight:700; margin:10px 0; }
.dmca-page input[type="text"],
.dmca-page input[type="email"],
.dmca-page input[type="tel"],
.dmca-page input[type="url"],
.dmca-page input:not([type]),
.dmca-page select,
.dmca-page textarea{
  min-height:52px;
  border-radius:12px;
  padding:0 12px;
  font-size:16px;
  font-weight:400;
}
.dmca-page textarea{ min-height:88px; padding-top:12px; padding-bottom:12px; }
.dmca-page small{ font-size:11px; line-height:1.35; }
.dmca-checkgroup > span,
.dmca-url-list-head > span{ font-size:14px; font-weight:800; margin:10px 0 8px; }
.dmca-checkgroup label,
.dmca-statement{ font-size:14px !important; font-weight:600 !important; }
.dmca-status{ font-size:13px; font-weight:700; color:#d60000; }
.dmca-status.error{ color:#d60000; }
.dmca-page .primary-btn{ min-height:42px; font-size:15px; }
.dmca-page .lang-footer{ margin-top:16px; }


.dmca-select-wrap{ width:100%; position:relative; margin-top:8px; }
.dmca-select-wrap select[hidden]{ display:none !important; }
.dmca-select-box{
  width:100%;
  min-height:52px;
  border:1px solid #777;
  border-radius:12px;
  background:#fff;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  cursor:pointer;
  font-family:inherit;
}
.dmca-select-box:focus{ outline:none; }
.dmca-select-box.is-open{ border-color:var(--brand); box-shadow:0 0 0 1px var(--brand); }
.dmca-select-value{ font-size:16px; font-weight:400; color:#151515; }
.dmca-select-chevron{
  width:22px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  color:#000;
  transform:rotate(90deg);
}
.dmca-select-list{
  width:100%;
  margin:5px 0 0;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  max-height:240px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  position:absolute;
  left:0;
  right:0;
  top:52px;
  z-index:30;
}
.dmca-select-option{
  width:100%;
  min-height:30px;
  border:none;
  background:#fff;
  padding:7px 12px;
  text-align:left;
  font-family:inherit;
  font-size:14px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  box-sizing:border-box;
}
.dmca-select-option + .dmca-select-option{ border-top:1px solid rgba(0,0,0,0.08); }
.dmca-select-option.is-selected{ background:rgba(64,176,229,0.12); }


.profile-username-row{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  height:16px;
}
.profile-report-menu{
  display:none;
  width:22px;
  height:16px;
  padding:0;
  border:0;
  background:transparent;
  color:#000;
  font-size:14px;
  line-height:12px;
  font-weight:800;
  letter-spacing:-1px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
body.profile-other-page .profile-report-menu{
  display:flex;
  align-items:center;
  justify-content:center;
}
.profile-report-menu:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px rgba(64,176,229,.30);
  border-radius:999px;
}
body.profile-other-page .profile-report-action{ display:none !important; }


body.notifications-page .notifs-feed-username,
body.notifications-page .notifs-feed-username:visited{
  text-decoration:none;
}
body.notifications-page .notifs-feed-text{
  line-height:12px;
  max-height:28px;
}


.verify-resend{
  min-height:20px;
  overflow:visible !important;
  line-height:1.25 !important;
}
#verify-resend-text,
.verify-resend-text{
  line-height:1.25 !important;
  overflow:visible !important;
  text-overflow:clip !important;
}


body.app-page.settings-v2-page .sv2-photo-preview{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
body.app-page.settings-v2-page .sv2-photo-add-text{
  display:none;
  padding:0 7px;
  color:rgba(0,0,0,.56);
  font-size:9px;
  font-weight:800;
  line-height:1.15;
  pointer-events:none;
}
body.app-page.settings-v2-page .sv2-photo-preview.is-empty .sv2-photo-add-text{ display:block; }


.launch-lang-wrap{ width:170px; margin:0 auto; position:relative; }
.launch-lang-box{
  width:170px;
  height:30px;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  background:transparent;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  cursor:pointer;
  font-family:inherit;
}
.launch-lang-box.is-open{ border-color:var(--brand); box-shadow:0 0 0 1px var(--brand); }
.launch-lang-value{ font-size:10px; font-weight:400; color:#000; line-height:1; }
.launch-lang-chevron{ width:22px; height:30px; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:800; line-height:1; color:rgba(0,0,0,.55); transform:rotate(90deg); }
.launch-lang-list{
  position:static;
  width:170px;
  margin:5px auto 0;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  max-height:240px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  z-index:20;
}
.launch-lang-option{ height:30px; font-size:10px; font-weight:400; color:#000; }
.launch-lang-option.is-selected{ background:rgba(64,176,229,.12); }


.legal-lite-card h1{ font-size:17px; font-weight:700; line-height:1.2; }
.legal-lite-sub{ font-size:12px; line-height:1.35; }
.dmca-page legend{ font-size:15px; font-weight:800; line-height:1.2; }
.dmca-page label{ font-size:13px; font-weight:700; line-height:1.3; }
.dmca-page input[type="text"],
.dmca-page input[type="email"],
.dmca-page input[type="tel"],
.dmca-page input[type="url"],
.dmca-page input:not([type]),
.dmca-page select,
.dmca-page textarea{
  font-size:14px;
  min-height:50px;
  border-radius:12px;
}
.dmca-page textarea{ min-height:84px; }
.dmca-checkgroup > span,
.dmca-url-list-head > span{ font-size:13px; }
.dmca-checkgroup label,
.dmca-statement{ font-size:13px !important; }
.dmca-status{ font-size:12px; color:#d60000; }
.dmca-page .primary-btn{ min-height:42px; font-size:14px; }


.dmca-select-box{ min-height:50px; border-radius:12px; background:#fff; }
.dmca-select-value{ font-size:14px; }
.dmca-select-chevron{ min-height:50px; }
.dmca-select-list{ top:50px; border-radius:12px; }
.dmca-select-option{ min-height:30px; font-size:13px; padding:7px 12px; }


.profile-username-row{ position:relative; }
.profile-report-menu{
  width:14px !important;
  height:12px !important;
  min-width:14px !important;
  padding:0 !important;
  font-size:9px !important;
  line-height:9px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  transform:translateY(-1px);
}
.profile-report-menu-popover{
  position:absolute;
  left:100%;
  top:14px;
  z-index:80;
  min-width:86px;
  padding:4px 0;
  border:1px solid rgba(0,0,0,.18);
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.profile-report-menu-action{
  width:100%;
  border:0;
  background:transparent;
  padding:6px 10px;
  font-family:inherit;
  color:#111;
  font-size:10px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.profile-report-menu-action:focus-visible{ outline:2px solid rgba(64,176,229,.35); outline-offset:-2px; }
.profile-report-overlay{ align-items:flex-start !important; padding-top:70px !important; }
.profile-report-details-section[hidden]{ display:none !important; }


.profile-guest-cta{ text-align:center; }
.profile-guest-login{ display:inline-block; margin-left:auto; margin-right:auto; }


body.rating-details-page .evaluation-text-report{
  margin-top:5px !important;
  margin-bottom:5px !important;
}


.dmca-page fieldset{
  border-top:0 !important;
}
.profile-report-card{ max-height:calc(100vh - 110px) !important; }


.tabbar-item::before,
.tabbar-item::after{ display:none !important; content:none !important; }


.profile-report-back{
  position:absolute;
  top:10px;
  left:12px;
  border:0;
  background:transparent;
  color:var(--brand);
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  line-height:1;
  padding:4px 6px;
  cursor:pointer;
}
.profile-report-back[hidden]{ display:none !important; }
.profile-report-back:focus-visible{ outline:2px solid rgba(64,176,229,.35); border-radius:999px; }
.profile-report-reason-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:6px;
}
.profile-report-reason-option{
  width:100%;
  min-height:34px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:12px;
  background:#fff;
  color:rgba(0,0,0,.82);
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  text-align:left;
  padding:0 12px;
  cursor:pointer;
}
.profile-report-reason-option:active{ background:rgba(64,176,229,.08); }
.profile-report-reason-option:focus-visible{ outline:2px solid rgba(64,176,229,.35); outline-offset:1px; }
.profile-report-status.error{ color:#d60000 !important; }
.profile-report-menu{
  font-weight:400 !important;
  font-size:10px !important;
  line-height:10px !important;
}
.profile-report-menu-popover{
  left:0 !important;
  top:16px !important;
  min-width:76px !important;
  padding:4px !important;
}
.profile-report-menu-action{
  min-height:24px;
  padding:5px 8px !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-align:left;
  border-radius:8px;
}
.profile-report-menu-action + .profile-report-menu-action{ margin-top:2px; }
.profile-report-menu-action-cancel{ color:rgba(0,0,0,.62) !important; }
.profile-report-title{ padding-left:0; }
.profile-report-card:has(.profile-report-back:not([hidden])) .profile-report-title{ padding-left:34px; }


body.app-page.settings-v2-page .sv2-plan-limit-text{
  display:block;
  min-height:0;
  padding:5px 0;
  border-bottom:1px solid rgba(20,20,20,0.08);
  font-size:13px;
  line-height:1.3;
  font-weight:700;
  color:rgba(20,20,20,.72);
}
body.app-page.settings-v2-page .sv2-plan-limit-text:last-child{ border-bottom:0; }
body.app-page.settings-v2-page .sv2-plan-manage{
  background:#4264e2 !important;
  border-color:#4264e2 !important;
  color:#fff !important;
}



body.rating-details-page .details-say-wrap{
  padding-top:15px !important;
  padding-bottom:0 !important;
}
body.rating-details-page .evaluation-text-report{
  margin-top:5px !important;
  margin-bottom:5px !important;
}


body.app-page.settings-v2-page #sv2PhotoChange{
  display:none !important;
}
body.app-page.settings-v2-page #sv2PhotoPreview{
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
body.app-page.settings-v2-page #sv2PhotoPreview:focus-visible{
  outline:2px solid rgba(64,176,229,.45);
  outline-offset:3px;
}
body.app-page.settings-v2-page #sv2PhotoRemove[hidden]{
  display:none !important;
}


body.profile-other-page .profile-username-row{
  max-width:calc(100% - 154px);
}
body.profile-other-page .profile-me-username{
  min-width:0;
  max-width:calc(100% - 18px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.profile-other-page .profile-report-menu{
  color:rgba(0,0,0,.52) !important;
  font-weight:400 !important;
}
body.profile-other-page .profile-report-menu-popover{
  left:50% !important;
  transform:translateX(-50%) !important;
}
body.profile-other-page .profile-report-menu-action{
  text-align:center !important;
}


body.profile-me-page .profile-me-name{
  display:inline-block;
  min-width:64px;
  text-align:center;
  max-width:100%;
  overflow-wrap:anywhere;
}


body.rating-details-page .evaluation-text-report-trigger{
  font-size:12px !important;
  line-height:1.15 !important;
}
.dmca-target-note{ margin:8px 0 6px; color:#777; font-size:12px; line-height:1.35; font-weight:600; }
.dmca-page input:disabled,.dmca-page textarea:disabled{ background:#f4f4f4; color:#999; cursor:not-allowed; }


.dmca-url-list-head{
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:10px !important;
}
.dmca-url-list-head > span{
  flex:1 1 auto;
  min-width:0;
  margin-bottom:0 !important;
}
.dmca-add-url{
  flex:0 0 auto;
  min-width:56px;
  height:36px;
  padding:0 14px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1 !important;
}
.dmca-url-list-items{
  margin-top:10px !important;
}


body.profile-other-page .profile-report-menu-popover{
  position:fixed !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  top:var(--profile-report-menu-top, 118px) !important;
  width:108px !important;
  min-width:108px !important;
  z-index:120 !important;
}


.auth-life-overlay{
  position:fixed;
  inset:0;
  z-index:999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(6px);
}
.auth-life-overlay[hidden]{display:none!important;}
.auth-life-card{
  width:min(340px, calc(100vw - 24px));
  border:1px solid #e5e5e5;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
  padding:20px;
  text-align:left;
}
.auth-life-card h2{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.25;
  font-weight:700;
  color:#111;
}
.auth-life-card p{
  margin:0 0 16px;
  font-size:13px;
  line-height:1.45;
  color:#333;
}
.auth-life-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.auth-life-actions .btn{
  width:200px;
  min-width:200px;
  flex:0 0 auto;
  min-height:42px;
  height:auto;
  padding:9px 14px;
  font-size:14px;
  line-height:1.2;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.sv2-account-note{
  margin:0 0 12px;
  font-size:12px;
  line-height:1.45;
  color:#333;
}
.sv2-danger-wrap .reg-row{margin-bottom:10px;}
.sv2-danger-action{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:14px;
  background:#1f6f9f;
  color:#fff;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.sv2-danger-action:disabled{opacity:.55; cursor:not-allowed;}
.notifs-feed-username.is-unavailable{
  color:#222;
  text-decoration:none;
  cursor:default;
}


body.session-pref-open{overflow:hidden;}
.session-pref-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(0,0,0,.48);
}
.session-pref-card{
  width:min(304px,100%);
  border:1px solid #d8dff8;
  border-radius:15px;
  padding:16px;
  background:#fff;
  color:#111;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}
.session-pref-title{font-size:15px;font-weight:800;line-height:1.28;}
.session-pref-text{margin-top:7px;font-size:12px;line-height:1.45;color:#4f4f4f;}
.session-pref-status{margin-top:9px;font-size:11.5px;line-height:1.4;color:#b42318;}
.session-pref-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;}
.session-pref-btn{
  min-height:35px;
  border-radius:999px;
  padding:0 13px;
  border:1px solid #4264e2;
  font:inherit;
  font-size:12.5px;
  font-weight:700;
  line-height:1.15;
  cursor:pointer;
}
.session-pref-btn:disabled{opacity:.55;cursor:default;}
.session-pref-btn--secondary{background:#fff;color:#4264e2;border-color:#4264e2;}
.session-pref-btn--primary{background:#4264e2;color:#fff;border-color:#4264e2;}
.session-pref-btn--primary:focus,.session-pref-btn--primary:focus-visible{outline:none;box-shadow:none;}


.payment-result-page{min-height:100vh;}
.payment-result-shell{
  width:min(340px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:42px 20px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
}
.payment-result-card{
  width:100%;
  border:1px solid #d8dff8;
  border-radius:15px;
  padding:18px 16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(42,61,122,.10);
  box-sizing:border-box;
}
.payment-result-title{margin:0;color:#111;font-size:18px;font-weight:800;line-height:1.3;}
.payment-result-body-wrap{margin-top:9px;}
.payment-result-body{color:#4f4f4f;font-size:13px;font-weight:400;line-height:1.5;}
.payment-result-actions{margin-top:18px;display:flex;}
.payment-result-btn{
  min-height:38px;
  width:100%;
  border:1px solid #4264e2;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  box-sizing:border-box;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
}
.payment-result-btn--primary{background:#4264e2;color:#fff;}
.payment-result-btn--secondary{background:#fff;color:#4264e2;}


.abuse-status-header{ justify-content:flex-start; }
.abuse-status-loading{
  min-height:44px;
  display:flex;
  align-items:center;
  color:rgba(20,20,20,.58);
  font-size:13px;
  font-weight:600;
}
.abuse-status-deadline{
  margin:16px 0;
  padding:14px;
  border:1px solid rgba(20,20,20,.16);
  border-radius:12px;
  background:#fafafa;
}
.abuse-status-label{
  display:block;
  margin-bottom:5px;
  color:rgba(20,20,20,.62);
  font-size:11px;
  line-height:1.3;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.abuse-status-date{
  display:block;
  color:#151515;
  font-size:16px;
  line-height:1.3;
  font-weight:800;
}
.abuse-status-note{
  margin:8px 0 0;
  color:rgba(20,20,20,.64);
  font-size:12px;
  line-height:1.45;
  font-weight:600;
}
.abuse-status-form{ margin-top:18px; }
.abuse-status-form label{
  display:block;
  margin:0 0 8px;
  color:#151515;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
.abuse-status-form textarea{
  width:100%;
  min-height:150px;
  box-sizing:border-box;
  padding:12px;
  border:1px solid rgba(0,0,0,.45);
  border-radius:12px;
  background:#fff;
  color:#151515;
  font:inherit;
  font-size:14px;
  line-height:1.45;
  resize:vertical;
  outline:none;
}
.abuse-status-form textarea:focus{
  border-color:#40b0e5;
  box-shadow:0 0 0 1px #40b0e5;
}
.abuse-status-form .primary-btn{
  width:100%;
  min-height:42px;
  margin-top:12px;
  border:0;
  border-radius:12px;
  background:var(--brand);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.abuse-status-form .primary-btn:disabled,
.abuse-status-form textarea:disabled,
.abuse-status-logout:disabled{ opacity:.58; cursor:not-allowed; }
.abuse-status-submitted{
  margin:16px 0;
  padding:13px 14px;
  border-radius:12px;
  background:rgba(64,176,229,.12);
  color:#174f68;
  font-size:13px;
  line-height:1.45;
}
.abuse-status-submitted strong{ display:block; }
.abuse-status-message{
  min-height:18px;
  margin-top:8px;
  color:#d60000;
  font-size:12px;
  line-height:1.4;
  font-weight:700;
}
.abuse-status-logout{
  width:100%;
  min-height:42px;
  margin-top:12px;
  font-size:14px;
}
.abuse-status-page .lang-footer{ margin-top:18px; }
.profile-unavailable-home{
  display:inline-block;
  margin-top:14px;
  color:var(--brand);
  font-weight:800;
  font-size:13px;
  text-decoration:none;
}
.profile-unavailable-home:hover{text-decoration:underline;}


body.app-page.settings-v2-page .sv2-email-cancel{
  width:96px;
  height:24px;
  margin:10px auto 0;
  background:#fff;
  border:1px solid var(--brand);
  color:var(--brand);
}
body.app-page.settings-v2-page .sv2-email-cancel:disabled{
  opacity:.45;
  cursor:default;
}


.sv2-danger-action{
  background:#151515;
}
body.app-page.settings-v2-page .sv2-session-logout-others{
  width:160px;
}


body.app-page.settings-v2-page .sv2-link-wrap{
  width:330px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:6px;
}
body.app-page.settings-v2-page .sv2-link-provider-wrap{
  width:170px;
  margin:0 auto;
  position:relative;
}
body.app-page.settings-v2-page .sv2-link-provider-box{
  width:170px;
  height:30px;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  background:transparent;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  cursor:pointer;
  font-family:inherit;
}
body.app-page.settings-v2-page .sv2-link-provider-box:focus{ outline:none; }
body.app-page.settings-v2-page .sv2-link-provider-box.is-open{
  border-color:var(--brand);
  box-shadow:0 0 0 1px var(--brand);
}
body.app-page.settings-v2-page .sv2-link-provider-box:active{ background:rgba(0,0,0,0.03); }
body.app-page.settings-v2-page .sv2-link-provider-value{
  font-size:10px;
  font-weight:400;
  color:#000;
}
body.app-page.settings-v2-page .sv2-link-provider-chevron{
  width:22px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  color:rgba(0,0,0,0.55);
  transform:rotate(90deg);
}
body.app-page.settings-v2-page .sv2-link-provider-list{
  width:170px;
  margin:5px auto 0;
  border:1px solid rgba(0,0,0,0.45);
  border-radius:12px;
  overflow:hidden;
  box-sizing:border-box;
  background:#fff;
  position:absolute;
  z-index:30;
}
body.app-page.settings-v2-page .sv2-link-provider-option{
  width:100%;
  height:30px;
  border:none;
  background:transparent;
  padding:0 12px;
  text-align:left;
  font-size:10px;
  font-weight:400;
  color:#000;
  cursor:pointer;
  box-sizing:border-box;
  font-family:inherit;
}
body.app-page.settings-v2-page .sv2-link-provider-option + .sv2-link-provider-option{
  border-top:1px solid rgba(0,0,0,0.12);
}
body.app-page.settings-v2-page .sv2-link-provider-option:active,
body.app-page.settings-v2-page .sv2-link-provider-option.is-selected{
  background:rgba(0,0,0,0.03);
}
body.app-page.settings-v2-page .sv2-link-input-row{
  margin:0;
}
body.app-page.settings-v2-page .sv2-link-provider-box.has-error{
  border-color:#d60000;
  box-shadow:none;
}


.profile-link-wrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 12px;
  margin:8px 0 0;
}
.profile-link-anchor{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-size:10px;
  font-weight:700;
  line-height:1;
  color:#3a67d8;
  text-decoration:none;
  font-family:inherit;
}
.profile-link-icon{
  width:12px;
  height:12px;
  flex:0 0 12px;
}
.profile-link-anchor:active{ opacity:0.78; }


.dmca-page .dmca-code-panel{
  gap:8px !important;
  margin-top:8px !important;
}
.dmca-page .dmca-code-panel .dmca-verify-layout{
  width:340px !important;
  max-width:100% !important;
  margin:8px auto 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
}
.dmca-page .dmca-code-panel .verify-box{
  box-sizing:border-box !important;
  width:180px !important;
  flex:0 0 180px !important;
  height:75px !important;
  min-height:75px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:flex-end !important;
  border:1px solid #777 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:none;
}
.dmca-page .dmca-code-panel .verify-box:focus-within{
  border-color:#40b0e5 !important;
  box-shadow:0 0 0 1px #40b0e5 !important;
}
.dmca-page .dmca-code-panel .verify-box > .verify-input,
.dmca-page .dmca-code-panel .verify-box > input.verify-input[type="text"]{
  box-sizing:border-box !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:20px 0 8px !important;
  text-align:center !important;
  letter-spacing:6px !important;
  font-size:34px !important;
  font-weight:700 !important;
  line-height:1 !important;
  font-family:var(--font-sans) !important;
  font-variant-numeric:tabular-nums !important;
}
.dmca-page .dmca-code-panel .verify-box > .floating-label{
  font-size:12px !important;
  line-height:1.1 !important;
  color:var(--brand) !important;
}
.dmca-page .dmca-code-panel .verify-side{
  min-width:120px !important;
  text-align:left !important;
}
.dmca-page .dmca-code-panel .verify-timer{
  width:100% !important;
  margin:0 !important;
  text-align:center !important;
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1 !important;
  color:#000 !important;
  font-family:var(--font-sans) !important;
}
.dmca-page .dmca-code-panel .dmca-code-verify-btn{
  width:min(340px, 100%) !important;
  margin:8px auto 0 !important;
}
.dmca-page legend{
  font-size:14px !important;
  font-weight:800 !important;
}
.dmca-url-list-head > span{
  font-size:13px !important;
  font-weight:800 !important;
}

.sv2-inline-note{margin-top:8px;padding:9px 10px;border:1px solid #e1b553;border-radius:8px;background:#fff8e4;color:#725000;font-size:12px;line-height:1.4;}



.username-required-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:20px;background:#f5f7fb;}
.username-required-card{width:min(420px,100%);margin-top:auto;margin-bottom:auto;padding:24px;border:1px solid #dce3ea;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(20,35,55,.09);}
.username-required-card h1{margin:0 0 10px;font-size:24px;}
.username-required-card p{color:#647084;line-height:1.5;}
.username-required-card form{display:grid;gap:9px;margin-top:18px;}
.username-required-card label{font-weight:750;}
.username-required-card input{min-height:43px;padding:9px 11px;border:1px solid #abb7c5;border-radius:9px;}
.username-required-card button{min-height:41px;padding:9px 14px;border:0;border-radius:999px;background:#149bd7;color:#fff;font-weight:800;cursor:pointer;}
.username-required-card .link-button{margin-top:12px;background:transparent;color:#087fb6;text-decoration:underline;}
#username-required-error{min-height:20px;color:#bd1717;font-weight:700;}


.sv2-session-list { display: grid; gap: 8px; margin-bottom: 12px; }
.sv2-session-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 11px; border: 1px solid rgba(0,0,0,.1); border-radius: 10px; background: #fff; }
.sv2-session-item-body { min-width: 0; display: grid; gap: 3px; }
.sv2-session-item-body strong { font-size: 13px; overflow-wrap: anywhere; }
.sv2-session-item-body > span { color: #73777f; font-size: 11px; overflow-wrap: anywhere; }
.sv2-session-current { display: inline-flex; margin-left: 5px; padding: 2px 6px; border-radius: 999px; background: rgba(18,115,235,.1); color: #126fdc; font-size: 10px; font-weight: 800; }
.sv2-session-end { flex: 0 0 auto; border: 0; background: transparent; color: #c31f2a; cursor: pointer; font-size: 12px; font-weight: 800; }
.sv2-session-empty { margin: 0 0 10px; color: #73777f; font-size: 12px; }


body.app-page.settings-v2-page .sv2-data-export-wrap .reg-row { margin: 0 auto 6px; }
body.app-page.settings-v2-page .sv2-data-export-wrap .sv2-save {
  width:160px;
  min-width:160px;
  height:28px;
  padding:0 12px;
  white-space:nowrap;
}
body.app-page.settings-v2-page .sv2-data-export-wrap .sv2-status,
body.app-page.settings-v2-page .sv2-data-export-wrap .sv2-error { text-align: center; }
.abuse-status-export {
  display:grid;
  justify-items:center;
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(0,0,0,.14);
}
.abuse-status-export h2,
.abuse-status-export > p { width:100%; }
.abuse-status-export h2 { margin:0 0 8px; font-size:16px; }
.abuse-status-export-password {
  width:100%;
  max-width:340px;
  margin:12px auto 8px;
}
.abuse-status-export .primary-btn,
.abuse-status-export .btn {
  width:200px;
  min-height:42px;
  margin-top:8px;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
}
.abuse-status-export .primary-btn {
  border:1px solid var(--brand);
  background:var(--brand);
  color:#fff;
  cursor:pointer;
}
.abuse-status-export .primary-btn:disabled,
.abuse-status-export .btn:disabled { opacity:.58; cursor:not-allowed; }
.abuse-status-export .abuse-status-note,
.abuse-status-export .abuse-status-message { width:100%; text-align:center; }
.abuse-status-logout { display:block; width:200px; margin-left:auto; margin-right:auto; }


.site-footer-host{
  width:100%;
  box-sizing:border-box;
  flex:0 0 auto;
}
.site-legal-footer{
  width:min(1120px, calc(100% - 32px));
  max-width:none;
  margin:20px auto 0;
  padding:0 12px 18px;
  box-sizing:border-box;
  text-align:center;
  font-size:11px;
  line-height:1.55;
  color:rgba(0,0,0,.58);
}
.site-legal-footer .site-legal-copyright{ display:block; }
.site-legal-footer .site-legal-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0;
  margin-top:3px;
}
.site-legal-footer .site-legal-links a{
  color:rgba(0,0,0,.7);
  text-decoration:none;
  font-weight:600;
}
.site-legal-footer .site-legal-links a:hover{ text-decoration:underline; }
.site-legal-footer .site-legal-links a + a::before{
  content:' · ';
  color:rgba(0,0,0,.42);
  font-weight:400;
  white-space:pre;
}
body.auth-page .site-legal-footer,
body.legal-lite-page .site-legal-footer,
body.account-status-page .site-legal-footer,
body.username-required-page .site-legal-footer{
  width:min(var(--w-340), calc(100% - 24px));
}

.document-page{
  min-height:100vh;
  background:#f4f7fb;
  color:#151515;
}
.document-shell{
  width:min(920px, calc(100vw - 32px));
  margin:0 auto;
  padding:24px 0 20px;
}
.document-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.document-brand{
  color:#111;
  text-decoration:none;
  font-size:22px;
  line-height:1;
  font-weight:800;
  letter-spacing:.01em;
}
.document-back{
  color:var(--brand);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
}
.document-card{
  border:1px solid #dce3ec;
  border-radius:20px;
  background:#fff;
  padding:34px 40px 42px;
  box-sizing:border-box;
  box-shadow:0 18px 50px rgba(26,42,64,.06);
}
.document-loading,
.document-error{
  padding:20px 0;
  font-size:15px;
  line-height:1.5;
  color:rgba(20,20,20,.68);
}
.document-error{ color:#c91818; font-weight:700; }
.document-heading{ padding-bottom:26px; border-bottom:1px solid #e4e8ee; }
.document-eyebrow{
  margin:0 0 8px;
  color:var(--brand);
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.document-heading h1{
  margin:0;
  color:#111827;
  font-size:28px;
  line-height:1.12;
  font-weight:800;
}
.document-summary{
  max-width:760px;
  margin:14px 0 0;
  color:#556174;
  font-size:15px;
  line-height:1.55;
}
.document-meta{
  display:grid;
  grid-template-columns:max-content 1fr;
  gap:6px 18px;
  margin:22px 0 0;
  font-size:13px;
  line-height:1.45;
}
.document-meta dt{ color:#667085; font-weight:700; }
.document-meta dd{ margin:0; color:#1f2937; }
.document-toc{
  margin:26px 0 4px;
  padding:20px 22px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#f8fafc;
}
.document-toc h2{
  margin:0 0 10px;
  font-size:15px;
  line-height:1.3;
}
.document-toc ul{
  margin:0;
  padding:0;
  list-style:none;
  columns:2;
  column-gap:32px;
}
.document-toc li{ break-inside:avoid; margin:5px 0; }
.document-toc a{
  color:#187fb6;
  text-decoration:none;
  font-size:13px;
  line-height:1.45;
  font-weight:600;
}
.document-toc a:hover{ text-decoration:underline; }
.document-sections{ margin-top:6px; }
.document-section{
  scroll-margin-top:18px;
  padding:26px 0 0;
}
.document-section + .document-section{
  margin-top:24px;
  border-top:1px solid #edf0f4;
}
.document-section h2{
  margin:0 0 12px;
  color:#111827;
  font-size:18px;
  line-height:1.3;
  font-weight:800;
}
.document-section p,
.document-section li{
  color:#374151;
  font-size:14px;
  line-height:1.65;
}
.document-section p{ margin:10px 0 0; }
.document-section ul{ margin:10px 0 0; padding-left:24px; }
.document-section li + li{ margin-top:6px; }
.document-lang-footer{ margin-top:18px; }

@media (max-width:680px){
  .document-shell{ width:min(100% - 24px, 920px); padding-top:16px; }
  .document-card{ padding:24px 20px 30px; border-radius:16px; }
  .document-heading h1{ font-size:24px; }
  .document-summary{ font-size:14px; }
  .document-toc ul{ columns:1; }
  .document-section h2{ font-size:17px; }
  .document-section p,
  .document-section li{ font-size:14px; line-height:1.65; }
}


.with-tabbar .site-legal-footer{ padding-bottom:84px; }
.document-page .site-legal-footer{ width:min(920px, calc(100% - 24px)); }


.signup-legal-status{
  margin-top:4px;
  color:rgba(0,0,0,.58);
  font-size:11px;
  line-height:1.4;
}
.signup-legal-status.is-error{ color:#c51616; font-weight:700; }
.signup-legal-retry{
  display:inline-block;
  margin-left:6px;
  padding:0;
  border:0;
  background:transparent;
  color:#008fc9;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
}
#signup-legal a{ color:#008fc9; font-weight:700; }


.plans-payment-note{
  margin:12px auto 0;
  max-width:420px;
  color:rgba(0,0,0,.68);
  font-size:11px;
  line-height:1.45;
  text-align:center;
}

body.login-page .login-landing{
  width:100%;
}

body.login-page .login-hero{
  display:none;
}

body.login-page .login-form-column{
  width:100%;
}

body.login-page .login-hero-title,
body.login-page #login-hero-title{
  margin:0;
  font-size:18px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:0;
  color:#111;
}

body.login-page #login-hero-text{
  max-width:440px;
  margin:14px 0 0;
  color:#4f4f4f;
}
body.login-page #login-hero-text p{
  margin:0;
  font-size:15px;
  font-weight:400;
  line-height:1.55;
}
body.login-page #login-hero-text p + p{
  margin-top:9px;
}

@media (min-width:768px){
  body.login-page .login-page-shell{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:calc(100svh - 210px);
    padding:42px 42px 28px;
  }

  body.login-page .login-landing{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    align-items:center;
    gap:clamp(44px,7vw,88px);
    width:min(1040px,100%);
  }

  body.login-page .login-hero{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    width:min(440px,100%);
    min-width:0;
    padding-inline:clamp(14px,2.5vw,30px);
    justify-self:center;
    transform:translateY(-22px);
  }

  body.login-page .login-form-column{
    width:340px;
    min-width:340px;
    justify-self:center;
  }

  body.login-page .login-form-column .content{
    width:340px;
    max-width:340px;
    margin:0;
  }
}

html.dmca-document,
html.dmca-document body.dmca-page,
html.legal-document-root,
html.legal-document-root body.document-page{
  height:auto;
  min-height:100%;
}
body.dmca-page{
  min-height:100vh;
  min-height:100svh;
  overflow-x:hidden;
  overflow-y:visible;
}
body.dmca-page .legal-lite-shell{
  height:auto !important;
  min-height:0 !important;
  flex:0 0 auto;
}
body.document-page{
  height:auto !important;
  min-height:100vh;
  min-height:100svh;
}

body.login-page{
  --login-page-bg:#edf5fb;
  --login-page-glow-a:rgba(64,176,229,.22);
  --login-page-glow-b:rgba(73,91,230,.13);
  --login-shell-bg:rgba(255,255,255,.72);
  --login-shell-border:rgba(72,104,129,.18);
  --login-card-bg:rgba(255,255,255,.96);
  --login-card-border:rgba(65,91,113,.18);
  --login-card-shadow:0 24px 70px rgba(27,61,86,.15);
  --login-hero-bg:linear-gradient(145deg,#dff4ff 0%,#eaf0ff 54%,#f2eaff 100%);
  --login-hero-border:rgba(64,176,229,.24);
  --login-hero-text:#263746;
  --login-hero-muted:#4b6070;
  --login-hero-line:rgba(42,94,127,.22);
  --login-showcase-bg:rgba(255,255,255,.88);
  --login-showcase-border:rgba(58,100,130,.18);
  --login-showcase-line:rgba(58,88,108,.24);
  --login-divider:rgba(54,82,102,.18);
  --login-muted:#667785;
  background:
    radial-gradient(circle at 8% 0%,var(--login-page-glow-a),transparent 36rem),
    radial-gradient(circle at 100% 14%,var(--login-page-glow-b),transparent 34rem),
    var(--login-page-bg);
}

body.login-page .page.login-page-shell{
  min-height:calc(100svh - 136px);
  padding:max(22px,env(safe-area-inset-top,0px)) 14px 18px;
  align-items:center;
  justify-content:center;
}

body.login-page .login-landing{
  display:block;
  width:min(100%,420px);
  margin:0 auto;
}

body.login-page .login-hero{
  display:none;
}

body.login-page .login-form-column{
  position:relative;
  isolation:isolate;
  width:100%;
  padding:28px clamp(18px,5vw,26px) 24px;
  overflow:hidden;
  border:1px solid var(--login-card-border);
  border-radius:28px;
  background:var(--login-card-bg);
  box-shadow:var(--login-card-shadow);
}

body.login-page .login-form-column::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:34px;
  right:34px;
  height:4px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#40b0e5,#4964e6,#9c70db);
}

body.login-page .login-form-column::after{
  content:"";
  position:absolute;
  z-index:-2;
  width:190px;
  height:190px;
  right:-110px;
  top:-105px;
  border-radius:50%;
  background:var(--login-page-glow-a);
  filter:blur(3px);
  pointer-events:none;
}

body.login-page .login-mobile-brand{
  margin:0 auto 24px;
  text-align:center;
  font-size:28px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.025em;
  color:#111;
}

body.login-page .login-form-column .content{
  width:100%;
  max-width:340px;
  margin:0 auto;
  background-color:transparent !important;
}

body.login-page .auth-header{
  margin:0 auto 28px;
}

body.login-page .auth-title{
  padding:0;
  text-align:center;
  font-size:24px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
}

body.login-page .field{
  margin-bottom:16px;
}

body.login-page .login-forgot-wrap{
  margin-top:2px;
}

body.login-page .login-forgot-btn{
  font-weight:700;
}

body.login-page .buttons.login-buttons{
  width:100%;
  margin-top:32px;
  gap:14px;
}

body.login-page .buttons.login-buttons .btn{
  width:100%;
  max-width:340px;
  min-height:48px;
  padding:10px 18px;
}

body.login-page .buttons.login-buttons .or-text{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--login-muted);
  font-size:13px;
  font-weight:600;
  line-height:1;
}

body.login-page .buttons.login-buttons .or-text::before,
body.login-page .buttons.login-buttons .or-text::after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:var(--login-divider);
}

body.login-page .lang-footer{
  padding-top:14px;
  padding-bottom:6px;
}

body.login-page .site-legal-footer{
  margin-top:6px;
}

body.login-page .login-hero-brand,
body.login-page .login-hero-showcase{
  display:none;
}

@media (min-width:768px){
  body.login-page .page.login-page-shell{
    min-height:calc(100svh - 142px);
    padding:clamp(24px,3vw,46px);
  }

  body.login-page .login-landing{
    display:grid;
    grid-template-columns:minmax(340px,1fr) minmax(340px,390px);
    align-items:stretch;
    gap:12px;
    width:min(1120px,100%);
    padding:12px;
    border:1px solid var(--login-shell-border);
    border-radius:36px;
    background:var(--login-shell-bg);
    box-shadow:0 30px 90px rgba(27,61,86,.12);
    backdrop-filter:blur(14px);
  }

  body.login-page .login-hero{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    justify-self:stretch;
    width:auto;
    min-width:0;
    min-height:560px;
    padding:clamp(36px,5vw,68px);
    overflow:hidden;
    border:1px solid var(--login-hero-border);
    border-radius:26px;
    background:var(--login-hero-bg);
    transform:none;
  }

  body.login-page .login-hero::before,
  body.login-page .login-hero::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
  }

  body.login-page .login-hero::before{
    width:290px;
    height:290px;
    right:-125px;
    top:-120px;
    border:1px solid rgba(255,255,255,.58);
    box-shadow:0 0 0 34px rgba(255,255,255,.12),0 0 0 68px rgba(255,255,255,.08);
  }

  body.login-page .login-hero::after{
    width:180px;
    height:180px;
    left:-92px;
    bottom:-95px;
    background:rgba(64,176,229,.14);
  }

  body.login-page .login-hero-brand{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:34px;
    font-size:22px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.025em;
    color:var(--login-hero-text);
  }

  body.login-page .login-hero-brand-mark{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:11px;
    background:#fff url('/star-filled.svg') center/20px 20px no-repeat;
    box-shadow:0 8px 20px rgba(52,90,119,.15);
  }

  body.login-page .login-hero-title,
  body.login-page #login-hero-title{
    position:relative;
    z-index:1;
    max-width:500px;
    color:var(--login-hero-text);
  }

  body.login-page #login-hero-text{
    position:relative;
    z-index:1;
    max-width:500px;
    color:var(--login-hero-muted);
  }

  body.login-page .login-hero-showcase{
    position:relative;
    z-index:1;
    display:block;
    width:min(360px,100%);
    height:168px;
    margin-top:34px;
  }

  body.login-page .login-showcase-card{
    position:absolute;
    left:0;
    top:0;
    display:grid;
    grid-template-columns:58px 1fr auto;
    grid-template-rows:28px 22px 1fr;
    column-gap:14px;
    width:min(326px,calc(100% - 18px));
    height:144px;
    padding:20px;
    border:1px solid var(--login-showcase-border);
    border-radius:24px;
    background:var(--login-showcase-bg);
    box-shadow:0 18px 42px rgba(40,75,100,.15);
    transform:rotate(-1.8deg);
  }

  body.login-page .login-showcase-avatar{
    grid-column:1;
    grid-row:1 / span 2;
    width:58px;
    height:58px;
    border-radius:50%;
    border:1px solid rgba(75,96,112,.25);
    background:#fff;
  }

  body.login-page .login-showcase-line{
    display:block;
    height:10px;
    align-self:center;
    border-radius:999px;
    background:var(--login-showcase-line);
  }

  body.login-page .login-showcase-line-wide{
    grid-column:2 / span 2;
    grid-row:1;
    width:88%;
  }

  body.login-page .login-showcase-line-short{
    grid-column:2;
    grid-row:2;
    width:58%;
  }

  body.login-page .login-showcase-stars{
    grid-column:1 / span 3;
    grid-row:3;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    gap:8px;
  }

  body.login-page .login-showcase-stars img{
    width:28px;
    height:28px;
  }

  body.login-page .login-showcase-orbit{
    position:absolute;
    display:block;
    border-radius:50%;
    border:1px solid rgba(64,176,229,.32);
  }

  body.login-page .login-showcase-orbit-one{
    width:52px;
    height:52px;
    right:0;
    top:18px;
  }

  body.login-page .login-showcase-orbit-two{
    width:20px;
    height:20px;
    right:42px;
    bottom:8px;
    background:rgba(73,100,230,.18);
  }

  body.login-page .login-form-column{
    align-self:center;
    justify-self:center;
    width:100%;
    max-width:390px;
    margin:24px auto;
    padding:34px 25px 30px;
  }

  body.login-page .login-mobile-brand{
    display:none;
  }

  body.login-page .auth-header{
    margin-bottom:32px;
  }
}

@media (min-width:768px) and (max-width:900px){
  body.login-page .login-landing{
    grid-template-columns:minmax(304px,1fr) 368px;
  }

  body.login-page .login-hero{
    min-height:530px;
    padding:28px;
  }

  body.login-page .login-form-column{
    max-width:368px;
    padding-left:14px;
    padding-right:14px;
  }

  body.login-page .login-hero-brand{
    margin-bottom:28px;
  }

  body.login-page .login-hero-showcase{
    margin-top:28px;
  }
}


@media (max-width:359px){
  body.login-page .page.login-page-shell{
    padding-left:4px;
    padding-right:4px;
  }

  body.login-page .login-form-column{
    padding-left:6px;
    padding-right:6px;
    border-radius:24px;
  }
}

body.profile-guest-page .profile-me-bio.bio-guest-limited{
  display:-webkit-box;
  max-height:calc(1.35em * 3);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

body.profile-guest-page .profile-me-bio-toggle-wrap{
  display:none !important;
}

body.profile-guest-page .profile-me-ratings{
  display:block !important;
  margin-top:10px !important;
}

body.profile-guest-page .profile-guest-score-obscured{
  filter:blur(2.4px);
  opacity:.92;
  user-select:none;
  -webkit-user-select:none;
  pointer-events:none;
  white-space:nowrap;
}

body.profile-guest-page .profile-ratings-items{
  display:none !important;
}

body.profile-guest-page .profile-ratings-head{
  cursor:default;
}

body.profile-guest-page .profile-guest-cta{
  margin-top:12px;
  padding:2px 0 4px;
  text-align:center;
}

body.profile-guest-page .profile-guest-login{
  margin-top:0;
}

body.login-page{
  --login-page-bg:#ffffff;
  --login-hero-text:#172333;
  --login-hero-muted:#526171;
  --login-showcase-bg:#f3f8fc;
  --login-showcase-border:rgba(52,88,115,.24);
  --login-showcase-line:rgba(52,75,94,.34);
  background:var(--login-page-bg);
}

body.login-page .login-form-column::before,
body.login-page .login-form-column::after,
body.login-page .login-hero::before,
body.login-page .login-hero::after,
body.login-page .login-showcase-orbit{
  display:none !important;
}

body.login-page .auth-header{
  display:none !important;
}

body.login-page .page.login-page-shell{
  min-height:calc(100svh - 136px);
  padding:max(22px,env(safe-area-inset-top,0px)) 14px 18px;
  align-items:flex-start;
  justify-content:center;
  background:transparent;
}

body.login-page .login-landing{
  display:block;
  width:min(100%,390px);
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

body.login-page .login-hero{
  display:none;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.login-page .login-form-column{
  position:relative;
  isolation:auto;
  width:100%;
  max-width:390px;
  margin:0 auto;
  padding:24px 0 20px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.login-page .login-mobile-brand{
  display:block;
  width:min(340px,100%);
  margin:0 auto 16px;
  color:#172333;
  text-align:left;
  font-size:28px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.025em;
}

body.login-page .login-mobile-title{
  display:block;
  width:min(340px,100%);
  margin:0 auto 28px;
  color:var(--login-hero-text);
  text-align:left;
  font-size:18px;
  font-weight:800;
  line-height:1.35;
}

body.login-page .login-form-column .content{
  width:100%;
  max-width:340px;
  margin:0 auto;
  background:transparent !important;
}

body.login-page .login-hero-brand{
  display:block;
  margin:0 0 28px;
  color:var(--login-hero-text);
  font-size:24px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.025em;
}

body.login-page .login-hero-title,
body.login-page #login-hero-title{
  max-width:500px;
  margin:0;
  color:var(--login-hero-text);
  font-size:20px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:0;
}

body.login-page #login-hero-text{
  max-width:500px;
  margin:14px 0 0;
  color:var(--login-hero-muted);
}

body.login-page #login-hero-text p{
  margin:0;
  color:inherit;
  font-size:15px;
  font-weight:400;
  line-height:1.55;
}

body.login-page #login-hero-text p + p{
  margin-top:9px;
}

body.login-page .login-hero-showcase{
  position:relative;
  display:block;
  width:min(360px,100%);
  height:170px;
  margin-top:30px;
}

body.login-page .login-showcase-card{
  position:absolute;
  left:6px;
  top:8px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  grid-template-rows:28px 22px 1fr;
  column-gap:14px;
  width:min(326px,calc(100% - 18px));
  height:144px;
  padding:20px;
  border:1px solid var(--login-showcase-border);
  border-radius:24px;
  background:var(--login-showcase-bg);
  box-shadow:0 18px 42px rgba(40,75,100,.15);
  transform:rotate(-1.8deg);
}

body.login-page .login-showcase-avatar{
  grid-column:1;
  grid-row:1 / span 2;
  width:58px;
  height:58px;
  border:1px solid rgba(75,96,112,.28);
  border-radius:50%;
  background:#fff;
}

body.login-page .login-showcase-line{
  display:block;
  height:10px;
  align-self:center;
  border-radius:999px;
  background:var(--login-showcase-line);
}

body.login-page .login-showcase-line-wide{
  grid-column:2 / span 2;
  grid-row:1;
  width:88%;
}

body.login-page .login-showcase-line-short{
  grid-column:2;
  grid-row:2;
  width:58%;
}

body.login-page .login-showcase-score{
  grid-column:1 / span 3;
  grid-row:3;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:8px;
  color:var(--login-hero-text);
  font-size:17px;
  font-weight:800;
  line-height:1;
}

body.login-page .login-showcase-score img{
  width:30px;
  height:30px;
}

body.login-page .login-showcase-score strong{
  min-width:42px;
  padding-bottom:5px;
  text-align:left;
  font:inherit;
  font-variant-numeric:tabular-nums;
}

@media (max-width:359px){
  body.login-page .page.login-page-shell{
    padding-left:4px;
    padding-right:4px;
  }

  body.login-page .login-form-column{
    padding-left:6px;
    padding-right:6px;
  }
}

@media (min-width:768px){
  body.login-page .page.login-page-shell{
    min-height:calc(100svh - 142px);
    padding:clamp(28px,4vw,56px) clamp(34px,5vw,72px) 28px;
    align-items:center;
  }

  body.login-page .login-landing{
    display:grid;
    grid-template-columns:minmax(340px,1fr) minmax(340px,390px);
    align-items:center;
    gap:clamp(54px,7vw,96px);
    width:min(1080px,100%);
  }

  body.login-page .login-hero{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    width:min(500px,100%);
    min-width:0;
    min-height:500px;
    padding:18px clamp(34px,5vw,64px);
    justify-self:center;
    transform:translateY(-18px);
  }

  body.login-page .login-form-column{
    width:340px;
    min-width:340px;
    max-width:340px;
    padding:0;
    justify-self:center;
    transform:translateY(-10px);
  }

  body.login-page .login-form-column .content{
    width:340px;
    max-width:340px;
  }

  body.login-page .login-mobile-brand,
  body.login-page .login-mobile-title{
    display:none !important;
  }

  body.login-page .login-hero-brand,
  body.login-page #login-hero-title,
  body.login-page #login-hero-text{
    transform:translateY(-10px);
  }

  body.login-page #login-hero-text p + p{
    margin-top:13px;
  }

  body.login-page .login-hero-showcase{
    margin-top:22px;
  }
}

@media (min-width:768px) and (max-width:900px){
  body.login-page .page.login-page-shell{
    padding-left:24px;
    padding-right:24px;
  }

  body.login-page .login-landing{
    grid-template-columns:minmax(300px,1fr) 340px;
    gap:34px;
  }

  body.login-page .login-hero{
    padding-left:22px;
    padding-right:22px;
  }
}

@media (min-width:1161px){
  body,
  body.dmca-page,
  body.document-page{
    border-left:0 !important;
    border-right:0 !important;
    box-shadow:none !important;
  }
}