:root {
  --s1: 5px;
  --s2: 8px;
  --s3: 13px;
  --s4: 21px;
  --s5: 34px;
  --s6: 55px;
  --type-font-family: "Pretendard JP Variable", "Pretendard JP", -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Yu Gothic Medium",
    Meiryo, Roboto, Helvetica, Arial, sans-serif;
  --type-page-size: 20px;
  --type-section-size: 18px;
  --type-card-size: 15px;
  --type-body-size: 15px;
  --type-support-size: 13px;
  --type-line-height: 1.55;
  --type-heading-track: -0.2px;
  --type-muted: rgba(0, 0, 0, 0.62);
}

:root[data-theme="dark"] {
  --type-muted: rgba(255, 255, 255, 0.68);
}

html,
body {
  font-family: var(--type-font-family);
}

.type-page-title,
.type-section-title,
.type-card-title,
.type-body,
.type-support {
  font-family: var(--type-font-family);
}

.type-page-title,
.type-section-title,
.type-card-title {
  letter-spacing: var(--type-heading-track);
  line-height: 1.4;
}

.type-page-title {
  font-size: var(--type-page-size);
  font-weight: 600;
}

.type-section-title {
  font-size: var(--type-section-size);
  font-weight: 600;
}

.type-card-title {
  font-size: var(--type-card-size);
  font-weight: 600;
}

.type-body {
  font-size: var(--type-body-size);
  line-height: var(--type-line-height);
}

.type-support {
  color: var(--type-muted);
  font-size: var(--type-support-size);
  line-height: var(--type-line-height);
}

.support-page h2.type-page-title {
  margin-bottom: var(--s2);
}

.support-page .support-page-desc.type-support {
  margin-bottom: var(--s4);
}

#cast-home-view .cast-anonymous-directory h1.cast-anonymous-directory-title.type-page-title {
  margin: 0 0 var(--s2);
  color: var(--text);
  font-size: var(--type-page-size);
  font-weight: 600;
  letter-spacing: var(--type-heading-track);
  line-height: 1.4;
}

#cast-home-view .cast-anonymous-directory p.cast-anonymous-directory-subtitle.type-support {
  margin: 0 0 var(--s4);
  color: var(--type-muted);
  font-size: var(--type-support-size);
  line-height: var(--type-line-height);
}

#cast-create-view .cast-summon-page-title.type-page-title {
  line-height: 1.4;
}

#cast-create-view .cast-summon-page-lead.type-body {
  line-height: var(--type-line-height);
}

#cast-create-view .cast-summon-page-hint.type-support {
  line-height: var(--type-line-height);
}

#cast-create-view .cast-create-author-shell .cast-create-section-title.type-section-title {
  font-size: var(--type-section-size);
  font-weight: 600;
  letter-spacing: var(--type-heading-track);
  line-height: 1.4;
}

#cast-create-view .cast-create-author-shell .cast-create-section-desc.type-support {
  color: var(--type-muted);
  font-size: var(--type-support-size);
  line-height: var(--type-line-height);
}

#cast-create-view .cast-affinity-shared-note.type-support,
#cast-create-view .cast-affinity-tone-note.type-support,
#cast-create-view .cast-affinity-inactive-note.type-support,
#cast-create-view .cast-affinity-stage-summary.type-support,
#cast-create-view .cast-affinity-selected-head span.type-support {
  color: var(--type-muted);
  font-size: var(--type-support-size);
  line-height: var(--type-line-height);
}

#cast-create-view .cast-affinity-selected-head h2.type-section-title {
  font-size: var(--type-section-size);
  font-weight: 600;
  letter-spacing: var(--type-heading-track);
  line-height: 1.4;
}

#cast-create-view .cast-affinity-stage-title.type-card-title {
  font-size: var(--type-card-size);
  font-weight: 600;
  letter-spacing: var(--type-heading-track);
  line-height: 1.4;
}

.policy-consent-summary.type-support {
  margin-top: var(--s3);
}

.policy-consent-links {
  gap: var(--s2);
  margin: var(--s4) 0;
}