:root {
  --li-red: #b50000;
  --li-red-bright: #ce0000;
  --li-red-dark: #8f0000;
  --li-pink: #fae2e1;
  --li-pink-deep: #edc9c8;
  --li-line: #e7bebe;
  --li-page: #fff6f5;
  --li-text: #171313;
  --li-muted: #6f6666;
}

* {
  box-sizing: border-box;
}

.li-embedded .li-loader {
  display: none;
}

html {
  background: var(--li-page);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background:
    linear-gradient(90deg, rgb(191 0 0 / 0.025) 1px, transparent 1px) 0 0 / 28px 28px,
    var(--li-page);
  color: var(--li-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  min-width: 300px;
}

body.li-is-loading {
  overflow: hidden;
}

.li-loader {
  align-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgb(255 255 255 / 0.12), transparent 34%),
    linear-gradient(145deg, #d00000, #8a0000);
  color: #fff;
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 1;
  padding: 24px;
  position: fixed;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  z-index: 10000;
}

.li-loader.is-leaving {
  opacity: 0;
  visibility: hidden;
}

.li-loader-seen .li-loader {
  display: none;
}

.li-loader__card {
  max-width: 430px;
  text-align: center;
  width: 100%;
}

.li-loader__card > img {
  margin: 0 auto 24px;
  width: min(360px, 82vw);
}

.li-loader__tagline {
  display: block;
  font-size: clamp(17px, 4vw, 23px);
  letter-spacing: 0.01em;
  margin-bottom: 22px;
}

.li-loader__card p {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.li-loader__card small {
  display: block;
  font-size: 10px;
  margin-top: 12px;
  opacity: 0.76;
}

.li-loader__track {
  background: rgb(73 0 0 / 0.7);
  border: 1px solid rgb(255 255 255 / 0.45);
  height: 9px;
  margin-top: 14px;
  overflow: hidden;
}

.li-loader__track span {
  background: #fff;
  display: block;
  height: 100%;
  transition: width 0.16s ease-out;
  width: 0;
}

body,
button,
input {
  font-family: Arial, Helvetica, sans-serif;
}

button,
input {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
p,
figure,
dl,
dd {
  margin: 0;
}

.li-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.li-skip {
  background: #fff;
  border: 2px solid #000;
  color: #000;
  font-weight: 700;
  left: 0.75rem;
  padding: 0.7rem 0.9rem;
  position: fixed;
  top: -5rem;
  z-index: 100;
}

.li-skip:focus {
  top: 0.75rem;
}

.li-topbar {
  background: linear-gradient(#c60000, #a90000);
  border-bottom: 1px solid #790000;
  box-shadow: 0 2px 5px rgb(76 0 0 / 0.34);
  color: #fff;
  min-height: 72px;
  position: relative;
  z-index: 10;
}

.li-topbar__inner {
  align-items: center;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: 270px minmax(180px, 1fr) 220px;
  margin: 0 auto;
  max-width: 1180px;
  min-height: 72px;
  padding: 0 0.75rem;
}

.li-brand {
  align-self: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
}

.li-brand img {
  height: auto;
  image-rendering: auto;
  width: 228px;
}

.li-brand span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.015em;
  margin-left: 2px;
  margin-top: 1px;
}

.li-search {
  align-items: stretch;
  display: flex;
  justify-self: center;
  max-width: 330px;
  position: relative;
  width: 100%;
}

.li-search input {
  background: #fff;
  border: 1px solid #820000;
  border-right: 0;
  color: #2a2020;
  height: 34px;
  min-width: 0;
  outline: 0;
  padding: 0 0.7rem;
  width: 100%;
}

.li-search input:focus {
  box-shadow: 0 0 0 2px rgb(255 255 255 / 0.4);
}

.li-search button {
  background: #8e0000;
  border: 1px solid #780000;
  color: #fff;
  cursor: pointer;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  width: 38px;
}

.li-search-panel {
  background: #fff;
  border: 1px solid #7e0000;
  box-shadow: 0 12px 28px rgb(45 0 0 / 0.32);
  color: #2a2020;
  left: 0;
  max-height: min(470px, 70vh);
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: calc(100% + 5px);
  z-index: 50;
}

.li-search-panel[hidden] {
  display: none;
}

.li-search-panel__heading {
  background: #f4eaea;
  border-bottom: 1px solid #e6cccc;
  color: #720000;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 7px 10px;
  text-transform: uppercase;
}

.li-search-result {
  align-items: center;
  border-bottom: 1px solid #efdede;
  color: #2a2020;
  display: grid;
  gap: 9px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  padding: 8px 10px;
}

.li-search-result:last-child {
  border-bottom: 0;
}

.li-search-result:hover,
.li-search-result:focus-visible,
.li-search-result.is-active {
  background: #fff0f0;
  outline: 0;
}

.li-search-result img {
  background: #f5eeee;
  border: 1px solid #d9bcbc;
  height: 42px;
  object-fit: cover;
  width: 42px;
}

.li-search-result span {
  min-width: 0;
}

.li-search-result strong,
.li-search-result small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.li-search-result strong {
  color: #ac0000;
  font-size: 13px;
}

.li-search-result small {
  color: #746565;
  font-size: 10px;
  margin-top: 2px;
}

.li-search-result b {
  color: #ad0000;
  font-size: 20px;
}

.li-search-empty {
  display: grid;
  gap: 3px;
  padding: 18px 12px;
  text-align: center;
}

.li-search-empty strong {
  color: #8e0000;
  font-size: 13px;
}

.li-search-empty span {
  color: #756666;
  font-size: 11px;
}

.li-search-empty--compact {
  padding: 12px;
}

.li-recent-searches {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 9px;
}

.li-recent-searches button {
  background: #f8eeee;
  border: 1px solid #dfc5c5;
  color: #6e0000;
  font-size: 10px;
  height: auto;
  padding: 6px 8px;
  width: auto;
}

.li-recent-searches button:hover,
.li-recent-searches button:focus-visible {
  background: #eed6d6;
  outline: 2px solid #a80000;
  outline-offset: 1px;
}

.li-session {
  align-items: center;
  display: flex;
  font-size: 13px;
  gap: 0.55rem;
  justify-content: flex-end;
  justify-self: end;
  min-width: 0;
  position: relative;
  white-space: nowrap;
  width: 220px;
}

.li-account-avatar {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.li-account-avatar:hover img,
.li-account-avatar:focus-visible img,
.li-account-avatar[aria-expanded="true"] img {
  border-color: #fff;
  box-shadow: 0 0 0 2px rgb(255 255 255 / 0.34);
}

.li-session__patreon {
  align-items: center;
  display: flex;
  gap: 0.55rem;
  min-width: 0;
}

.li-session__patreon strong {
  display: block;
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.li-session__patreon:hover strong,
.li-session__patreon:focus-visible strong {
  text-decoration: underline;
}

.li-session img {
  background: #fff;
  border: 2px solid rgb(255 255 255 / 0.78);
  height: 40px;
  object-fit: cover;
  object-position: 52% 28%;
  width: 40px;
}

.li-session a:hover,
.li-session a:focus-visible {
  text-decoration: underline;
}

.li-account-menu {
  background: #fff8f7;
  border: 1px solid #8d0000;
  box-shadow: 0 12px 34px rgb(37 0 0 / 0.28);
  color: #2c2222;
  padding: 13px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  max-height: calc(100vh - 94px);
  overflow-y: auto;
  white-space: normal;
  width: min(330px, calc(100vw - 24px));
  z-index: 120;
}

.li-account-menu[hidden] {
  display: none;
}

.li-account-menu__heading {
  align-items: center;
  border-bottom: 1px solid #e1c2c2;
  display: flex;
  justify-content: space-between;
  margin: -2px 0 10px;
  padding-bottom: 8px;
}

.li-account-menu__heading strong {
  color: #900;
  font-size: 14px;
}

.li-account-menu__heading button {
  background: transparent;
  border: 0;
  color: #900;
  font-size: 20px;
  line-height: 1;
  padding: 2px 5px;
}

.li-account-menu > p {
  color: #746565;
  font-size: 10px;
  line-height: 1.35;
  margin-bottom: 11px;
}

.li-account-menu form,
.li-account-menu label {
  display: grid;
  gap: 5px;
}

.li-account-menu form {
  gap: 9px;
}

.li-account-menu label {
  color: #5f4f4f;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.li-account-menu input {
  background: #fff;
  border: 1px solid #ceb1b1;
  color: #241c1c;
  font-size: 12px;
  padding: 8px;
  width: 100%;
}

.li-account-menu input[type="file"] {
  font-size: 10px;
}

.li-avatar-cropper {
  background: #f2dedd;
  border: 1px solid #d1aeae;
  display: grid;
  gap: 7px;
  justify-items: center;
  padding: 9px;
}

.li-avatar-cropper[hidden] {
  display: none;
}

.li-avatar-cropper > strong {
  color: #830000;
  font-size: 10px;
  justify-self: start;
  text-transform: uppercase;
}

.li-avatar-cropper canvas {
  background: #3a3030;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #b28f8f;
  cursor: grab;
  height: auto;
  max-width: 210px;
  touch-action: none;
  width: 100%;
}

.li-avatar-cropper canvas:active {
  cursor: grabbing;
}

.li-avatar-cropper label {
  justify-self: stretch;
}

.li-avatar-cropper input[type="range"] {
  accent-color: #a80000;
  padding: 0;
}

.li-avatar-cropper small {
  color: #756464;
  font-size: 9px;
}

.li-account-menu form button,
.li-account-menu__actions button {
  background: #a80000;
  border: 1px solid #870000;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 8px 9px;
}

.li-account-menu__actions {
  display: grid;
  gap: 7px;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
}

.li-account-menu__actions button {
  background: #f4e2e1;
  color: #810000;
}

.li-account-menu__actions .li-account-menu__delete {
  background: #5b1010;
  color: #fff;
}

.li-account-menu > span {
  color: #756464;
  display: block;
  font-size: 9px;
  min-height: 12px;
  padding-top: 8px;
}

.li-search-note {
  background: #7f0000;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
  min-height: 0;
  text-align: center;
}

.li-back-row {
  margin: 0 auto;
  max-width: 1180px;
  padding: 9px 16px 0;
}

.li-back-link {
  background: transparent;
  border: 0;
  color: #8d0000;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.li-back-link:hover,
.li-back-link:focus-visible {
  color: #c00000;
}

.li-search-note:not(:empty) {
  border-top: 1px solid rgb(255 255 255 / 0.18);
  padding: 0.45rem 1rem;
}

.li-page {
  padding: 20px 0 56px;
}

.li-shell {
  margin: 0 auto;
  max-width: 1180px;
  padding: 0 0.75rem;
}

.li-profile {
  background: #fff;
  border: 1px solid var(--li-line);
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  min-height: 292px;
}

.li-profile__avatar-wrap {
  align-items: flex-start;
  background:
    linear-gradient(135deg, rgb(181 0 0 / 0.035), transparent 46%),
    #fff;
  display: flex;
  justify-content: center;
  padding: 26px 16px;
}

.li-profile__avatar {
  background: #fff;
  border: 1px solid #e6b6b6;
  box-shadow: 0 0 0 5px #fff, 0 0 0 6px var(--li-line);
  height: 188px;
  object-fit: cover;
  width: 188px;
}

.li-profile__content {
  min-width: 0;
  padding-top: 24px;
}

.li-profile__title-row {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-height: 92px;
  padding: 0 20px 14px 14px;
}

.li-profile h1 {
  color: var(--li-red);
  font-size: clamp(34px, 4vw, 44px);
  letter-spacing: -0.025em;
  line-height: 1;
}

.li-profile-name-link:hover,
.li-profile-name-link:focus-visible,
.li-post-author-link:hover,
.li-post-author-link:focus-visible {
  color: #7d0000;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.li-verified {
  color: #272222;
  font-size: 14px;
  margin-top: 10px;
}

.li-verified span,
.li-post-check {
  color: var(--li-red);
  font-weight: 900;
}

.li-stalk-button {
  background: linear-gradient(#c90000, #ab0000);
  border: 1px solid #8e0000;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  min-width: 98px;
  padding: 0.6rem 0.75rem;
}

.li-stalk-button:not(.is-stalking) {
  background: linear-gradient(#fff, #efdddd);
  border-color: #cfaaaa;
  color: var(--li-red);
}

.li-stalk-button:focus-visible,
.li-post__footer button:focus-visible,
.li-post-cta:focus-visible,
.li-return:focus-visible {
  outline: 3px solid #111;
  outline-offset: 2px;
}

.li-profile__bar {
  align-items: center;
  background: var(--li-pink);
  border-bottom: 1px solid #f0d1d0;
  border-top: 1px solid #f0d1d0;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-height: 58px;
  padding: 0.65rem 20px 0.65rem 14px;
}

.li-profile__bar div {
  display: grid;
  gap: 4px;
}

.li-profile__bar strong {
  font-size: 14px;
}

.li-profile__bar span {
  color: #3c3232;
  font-size: 13px;
}

.li-profile__bar > p {
  font-size: 13px;
  white-space: nowrap;
}

.li-profile__bar > p strong {
  font-size: 15px;
}

.li-profile__tiles {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 1.4fr) repeat(2, minmax(110px, 0.7fr));
  padding: 13px 20px 16px 14px;
}

.li-profile-tile {
  align-items: center;
  background: #fffafa;
  border: 1px solid #edd0cf;
  display: flex;
  gap: 10px;
  min-height: 68px;
  padding: 7px;
}

.li-profile-tile img {
  height: 52px;
  object-fit: cover;
  width: 76px;
}

.li-profile-tile > span:not(.li-profile-tile__number) {
  color: var(--li-red);
  display: grid;
  font-size: 12px;
  gap: 2px;
}

.li-profile-tile__number {
  color: var(--li-red);
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.04em;
  min-width: 52px;
  text-align: center;
}

.li-profile-explorer {
  background: #fff;
  border: 1px solid var(--li-line);
  margin: 0 auto 14px;
  max-width: 1180px;
}

.li-profile-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.li-profile-tabs button {
  align-items: center;
  background: linear-gradient(#fff, #f8ecec);
  border: 0;
  border-right: 1px solid var(--li-line);
  color: #770000;
  cursor: pointer;
  display: flex;
  gap: 9px;
  justify-content: center;
  min-height: 54px;
  padding: 8px 12px;
}

.li-profile-tabs button:last-child {
  border-right: 0;
}

.li-profile-tabs button:hover,
.li-profile-tabs button:focus-visible,
.li-profile-tabs button[aria-selected="true"] {
  background: #b60000;
  color: #fff;
  outline: 0;
}

.li-profile-tabs strong {
  font-size: 18px;
}

.li-profile-tabs span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.li-profile-tab-panel {
  border-top: 1px solid var(--li-line);
  padding: 14px;
}

.li-profile-tab-panel[hidden] {
  display: none;
}

.li-tab-panel__heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.li-tab-panel__heading h2 {
  color: #980000;
  font-size: 19px;
}

.li-tab-panel__heading button {
  background: #f6e3e3;
  border: 1px solid #d6b2b2;
  color: #830000;
  cursor: pointer;
  font-size: 20px;
  height: 30px;
  line-height: 1;
  width: 30px;
}

.li-tab-people {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.li-tab-person {
  align-items: center;
  background: #fffafa;
  border: 1px solid #e8cece;
  display: flex;
  gap: 9px;
  min-width: 0;
  padding: 8px;
}

.li-tab-people a.li-tab-person:hover,
.li-tab-people a.li-tab-person:focus-visible {
  background: #fbeaea;
  border-color: #ba7777;
  outline: 0;
}

.li-tab-people img {
  background: #f2e5e5;
  border: 1px solid #d7baba;
  height: 52px;
  object-fit: cover;
  width: 52px;
}

.li-tab-people span {
  min-width: 0;
}

.li-tab-people strong,
.li-tab-people small {
  display: block;
  overflow: visible;
  white-space: normal;
}

.li-tab-people strong {
  color: #a00000;
  font-size: 13px;
}

.li-tab-people small {
  color: #786969;
  font-size: 10px;
  line-height: 1.25;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.li-tab-photos {
  display: grid;
  gap: 10px;
  grid-auto-columns: clamp(170px, 24vw, 230px);
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 0 0 10px;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  scrollbar-color: #b60000 #f3dddd;
  scrollbar-width: thin;
}

.li-tab-photos figure {
  background: #fffafa;
  border: 1px solid #e4c7c7;
  min-width: 0;
  scroll-snap-align: start;
}

.li-tab-photos img {
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.li-tab-photos figcaption {
  color: #5d5050;
  font-size: 10px;
  font-weight: 700;
  overflow: hidden;
  padding: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.li-photo-controls {
  align-items: center;
  display: flex;
  gap: 5px;
}

.li-photo-controls button {
  align-items: center;
  background: #fff;
  border: 1px solid #d4adad;
  color: #9b0000;
  display: inline-flex;
  font-size: 15px;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  width: 32px;
}

.li-photo-controls button:hover,
.li-photo-controls button:focus-visible {
  background: #9b0000;
  color: #fff;
}

.li-tab-summary {
  color: #756969;
  font-size: 10px;
  margin-top: 10px;
  text-align: right;
}

.li-tab-empty {
  background: #fffafa;
  border: 1px dashed #d7b6b6;
  display: grid;
  gap: 4px;
  padding: 28px 18px;
  text-align: center;
}

.li-tab-empty strong {
  color: #970000;
  font-size: 18px;
}

.li-tab-empty span {
  color: #766969;
  font-size: 11px;
}

.li-layout {
  align-items: start;
  display: grid;
  gap: 13px;
  grid-template-columns: minmax(195px, 240px) minmax(0, 620px) minmax(230px, 280px);
  margin-top: 13px;
}

.li-left-rail,
.li-feed,
.li-sponsored {
  min-width: 0;
}

.li-rail-section {
  border-bottom: 1px solid var(--li-line);
  padding: 0 12px 19px;
}

.li-rail-section + .li-rail-section {
  padding-top: 18px;
}

.li-rail-section h2 {
  color: #493d3d;
  font-size: 14px;
  margin-bottom: 5px;
}

.li-rail-section p {
  font-size: 13px;
  line-height: 1.34;
}

.li-rail-section p + p {
  margin-top: 12px;
}

.li-facts {
  display: grid;
  gap: 8px;
  list-style: none;
  margin-top: 14px;
  padding: 0;
}

.li-facts li {
  border-top: 1px dotted #d7b7b7;
  display: grid;
  gap: 3px;
  padding-top: 7px;
}

.li-facts strong {
  color: var(--li-red);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.li-facts span {
  font-size: 12px;
}

.li-people-list {
  display: grid;
  gap: 9px;
  list-style: none;
  margin: 11px 0 0;
  padding: 0;
}

.li-people-list li {
  align-items: center;
  display: grid;
  gap: 9px;
  grid-template-columns: 46px minmax(0, 1fr);
}

.li-people-list li.li-person-link-row {
  display: block;
}

.li-person-link {
  align-items: center;
  display: grid;
  gap: 9px;
  grid-template-columns: 46px minmax(0, 1fr);
}

.li-person-link:hover strong,
.li-person-link:focus-visible strong,
.li-inline-profile:hover,
.li-inline-profile:focus-visible {
  color: #7d0000;
  text-decoration: underline;
}

.li-inline-profile {
  color: var(--li-red);
}

.li-people-list img {
  background: #fff;
  border: 1px solid #d8baba;
  height: 46px;
  object-fit: cover;
  object-position: 50% 28%;
  width: 46px;
}

.li-people-list span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.li-people-list strong {
  color: var(--li-red);
  font-size: 12px;
}

.li-people-list small {
  color: #6d6262;
  font-size: 10px;
  line-height: 1.25;
}

.li-policy p {
  color: #6c5d5d;
  font-size: 11px;
}

.li-feed__heading {
  align-items: center;
  border-bottom: 2px solid var(--li-red);
  display: flex;
  justify-content: space-between;
  margin-bottom: 9px;
  padding: 3px 4px 8px;
}

.li-feed__heading h2 {
  color: #2c2525;
  font-size: 18px;
}

.li-feed__heading span {
  color: #756868;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.li-post {
  background: #fff;
  border: 1px solid var(--li-line);
  box-shadow: 0 1px 0 rgb(92 0 0 / 0.06);
  margin-bottom: 12px;
  overflow: hidden;
}

.li-post:hover {
  border-color: #c98e8e;
}

.li-post__header {
  align-items: center;
  display: flex;
  gap: 9px;
  min-height: 64px;
  padding: 8px 10px;
}

.li-post__header > img {
  border: 1px solid #dfb8b8;
  height: 46px;
  object-fit: cover;
  width: 46px;
}

.li-post__header h3 {
  color: var(--li-red);
  font-size: 14px;
  line-height: 1.2;
}

.li-post__header p {
  color: #706666;
  font-size: 11px;
  margin-top: 4px;
}

.li-post__copy {
  padding: 5px 15px 17px;
}

.li-post__copy h4 {
  color: #272020;
  font-size: clamp(20px, 3vw, 27px);
  letter-spacing: -0.02em;
  line-height: 1.08;
  margin-bottom: 10px;
}

.li-post__copy p {
  font-size: 14px;
  line-height: 1.45;
}

.li-post__copy p + p {
  margin-top: 10px;
}

.li-renovation-art {
  aspect-ratio: 16 / 9;
  background: #35110e;
  overflow: hidden;
  position: relative;
}

.li-renovation-art > img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.li-renovation-art__shade {
  background:
    linear-gradient(90deg, rgb(16 0 0 / 0.42), rgb(21 0 0 / 0.16) 48%, transparent 76%),
    linear-gradient(180deg, transparent 58%, rgb(0 0 0 / 0.32));
  inset: 0;
  position: absolute;
}

.li-renovation-art__copy {
  color: #fff;
  display: grid;
  left: 5%;
  position: absolute;
  text-shadow: 0 2px 10px rgb(0 0 0 / 0.86);
  top: 8%;
  width: min(56%, 340px);
}

.li-renovation-art__copy > span {
  color: #ffd2ce;
  font-size: clamp(10px, 1.5vw, 13px);
  font-weight: 800;
  letter-spacing: 0.13em;
  margin-bottom: 8px;
}

.li-renovation-art__copy strong {
  font-size: clamp(23px, 3.8vw, 42px);
  letter-spacing: -0.05em;
  line-height: 0.85;
}

.li-renovation-art__credit {
  bottom: 4%;
  color: #fff;
  font-size: clamp(8px, 1.2vw, 10px);
  left: 5%;
  position: absolute;
  text-shadow: 0 2px 10px rgb(0 0 0 / 0.86);
  width: min(72%, 440px);
}

.li-profile-tile--link {
  color: inherit;
  text-decoration: none;
}

.li-profile-tile--link:hover,
.li-profile-tile--link:focus-visible {
  background: #fbeaea;
  border-color: #ba7777;
  outline: 0;
}

.li-renovation-gallery {
  background: var(--li-pink);
  display: grid;
  gap: 2px;
  grid-template-columns: 1fr 1fr;
  padding: 2px 0 0;
}

.li-renovation-gallery figure {
  background: #1c1313;
  min-height: 130px;
  overflow: hidden;
  position: relative;
}

.li-renovation-gallery img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.li-renovation-gallery figcaption {
  background: linear-gradient(transparent, rgb(0 0 0 / 0.78));
  bottom: 0;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  left: 0;
  padding: 24px 8px 7px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
}

.li-post__notice {
  background: #fae5e3;
  border-top: 1px solid #edcecc;
  color: #4e4141;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px 14px;
}

.li-post__footer {
  align-items: center;
  border-top: 1px solid #edd1d0;
  color: #786b6b;
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  gap: 8px 16px;
  padding: 9px 12px;
}

.li-post__footer button {
  background: transparent;
  border: 0;
  color: var(--li-red);
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  padding: 0;
}

.li-post__footer button.is-active {
  color: #db0000;
  text-shadow: 0 0 9px rgb(219 0 0 / 0.25);
}

.li-comment {
  align-items: start;
  background: #fff8f7;
  border-top: 1px solid #edd1d0;
  display: grid;
  gap: 8px;
  grid-template-columns: 32px minmax(0, 1fr);
  padding: 8px 54px 8px 12px;
  position: relative;
}

.li-comment img {
  border: 1px solid #d9b9b9;
  height: 32px;
  object-fit: cover;
  object-position: 50% 28%;
  width: 32px;
}

.li-comment p {
  color: #4e4444;
  font-size: 11px;
  line-height: 1.35;
  padding-top: 2px;
}

.li-comment strong {
  color: var(--li-red);
}

.li-comment__delete {
  background: transparent;
  border: 0;
  color: #8a7676;
  cursor: pointer;
  font: inherit;
  font-size: 9px;
  padding: 4px;
  position: absolute;
  right: 9px;
  text-decoration: underline;
  top: 7px;
}

.li-comment__delete:hover,
.li-comment__delete:focus-visible {
  color: var(--li-red);
}

.li-recruitment-art {
  background:
    repeating-linear-gradient(135deg, rgb(255 255 255 / 0.035) 0 12px, transparent 12px 24px),
    linear-gradient(115deg, #d00000, #870000);
  color: #fff;
  isolation: isolate;
  min-height: 330px;
  overflow: hidden;
  padding: 27px;
  position: relative;
}

.li-recruitment-art::before {
  border: 1px solid rgb(255 255 255 / 0.35);
  content: "";
  inset: 12px;
  position: absolute;
  z-index: -1;
}

.li-recruitment-art::after {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  bottom: -55px;
  color: var(--li-red);
  content: "L";
  display: flex;
  font-size: 150px;
  font-weight: 900;
  height: 230px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: -34px;
  text-align: center;
  width: 230px;
  z-index: -1;
}

.li-recruitment-art > span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 13px;
}

.li-recruitment-art > strong {
  display: block;
  font-size: clamp(43px, 7vw, 68px);
  letter-spacing: -0.06em;
  line-height: 0.78;
  max-width: 360px;
}

.li-recruitment-art p {
  bottom: 24px;
  font-size: 12px;
  font-weight: 700;
  left: 27px;
  line-height: 1.35;
  max-width: 230px;
  position: absolute;
}

.li-post--recruitment .li-post__copy {
  padding-top: 16px;
}

.li-post-cta {
  background: linear-gradient(#c80000, #a90000);
  border: 1px solid #8e0000;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 20px;
  justify-content: space-between;
  margin-top: 15px;
  padding: 10px 12px;
}

.li-post-cta:hover {
  background: #8f0000;
}

.li-memorial-art {
  aspect-ratio: 1;
  background: #111;
  overflow: hidden;
  position: relative;
}

.li-memorial-art > img {
  filter: grayscale(1) contrast(1.06) brightness(0.84);
  height: 100%;
  object-fit: contain;
  object-position: center;
  width: 100%;
}

.li-memorial-art::after {
  background:
    linear-gradient(90deg, rgb(0 0 0 / 0.91), rgb(0 0 0 / 0.38) 47%, transparent 76%),
    linear-gradient(180deg, transparent 56%, rgb(0 0 0 / 0.76));
  content: "";
  inset: 0;
  position: absolute;
}

.li-memorial-art__copy {
  bottom: 8%;
  color: #fff;
  display: grid;
  left: 5%;
  position: absolute;
  text-shadow: 0 2px 8px #000;
  z-index: 1;
}

.li-memorial-art__copy span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin-bottom: 8px;
}

.li-memorial-art__copy strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 7.4vw, 74px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.76;
}

.li-memorial-art__copy small {
  border-top: 1px solid rgb(255 255 255 / 0.55);
  font-size: 9px;
  letter-spacing: 0.08em;
  margin-top: 14px;
  padding-top: 8px;
}

.li-post--memorial .li-post__copy,
.li-post--text .li-post__copy {
  padding-top: 15px;
}

.li-profile--person .li-profile__avatar {
  object-position: 52% 24%;
}

.li-profile--person .li-profile-tile--photo img {
  object-position: center;
}

.li-profile-links {
  display: grid;
  gap: 7px;
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}

.li-profile-links a {
  align-items: center;
  border: 1px solid #e2bcbc;
  color: var(--li-red);
  display: flex;
  font-size: 11px;
  font-weight: 700;
  justify-content: space-between;
  padding: 8px 9px;
}

.li-profile-links a:hover,
.li-profile-links a:focus-visible {
  background: var(--li-pink);
  border-color: #c98e8e;
}

.li-personal-intro {
  background:
    linear-gradient(120deg, rgb(181 0 0 / 0.08), transparent 54%),
    #fff;
  border-top: 3px solid var(--li-red);
  padding: 24px 24px 26px;
}

.li-personal-intro__eyebrow {
  color: var(--li-red);
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.li-personal-intro h4 {
  color: #241d1d;
  font-size: clamp(25px, 4vw, 34px);
  letter-spacing: -0.035em;
  line-height: 1;
  margin-bottom: 11px;
}

.li-personal-intro p {
  font-size: 14px;
  line-height: 1.5;
  max-width: 535px;
}

.li-personal-intro p + p {
  margin-top: 9px;
}

.li-campaign-art {
  background:
    radial-gradient(circle at 86% 18%, rgb(255 255 255 / 0.16) 0 58px, transparent 59px),
    repeating-linear-gradient(135deg, rgb(255 255 255 / 0.04) 0 12px, transparent 12px 24px),
    linear-gradient(120deg, #c90000, #7d0000);
  color: #fff;
  display: grid;
  min-height: 330px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}

.li-campaign-art::after {
  border: 32px solid rgb(255 255 255 / 0.07);
  border-radius: 50%;
  bottom: -108px;
  content: "";
  height: 270px;
  position: absolute;
  right: -72px;
  width: 270px;
}

.li-campaign-art span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.17em;
}

.li-campaign-art strong {
  align-self: center;
  font-size: clamp(45px, 8vw, 72px);
  letter-spacing: -0.065em;
  line-height: 0.79;
  max-width: 500px;
  position: relative;
  z-index: 1;
}

.li-campaign-art small {
  align-self: end;
  border-top: 1px solid rgb(255 255 255 / 0.5);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.11em;
  padding-top: 9px;
  position: relative;
  z-index: 1;
}

.li-personal-photo {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.li-personal-photo--portrait {
  aspect-ratio: 3 / 4;
  object-position: center;
}

.li-status-post {
  background: #fff;
  border-top: 1px solid #efd0cf;
  min-height: 0;
  padding: 16px 18px 20px;
}

.li-status-post p {
  color: #241d1d;
  font-family: inherit;
  font-size: 15px;
  letter-spacing: normal;
  line-height: 1.55;
}

.li-status-post a {
  color: var(--li-red);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.li-status-post a:hover,
.li-status-post a:focus-visible {
  color: #760000;
}

.li-comment p .li-inline-comment-emoji {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  height: 24px;
  margin-left: 3px;
  object-fit: cover;
  vertical-align: -7px;
  width: 24px;
}

.li-comment-thread {
  display: grid;
  gap: 8px;
  padding: 10px 13px 0;
}

.li-comment--viewer {
  margin: 0;
}

.li-comment-composer {
  align-items: center;
  border-top: 1px solid #eadede;
  display: grid;
  gap: 8px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  padding: 11px 13px;
}

.li-comment-composer img {
  border: 1px solid #cdbebe;
  border-radius: 3px;
  height: 34px;
  object-fit: cover;
  width: 34px;
}

.li-comment-composer input {
  background: #fff;
  border: 1px solid #ccbcbc;
  border-radius: 2px;
  color: #2a2222;
  font: inherit;
  font-size: 12px;
  min-width: 0;
  padding: 9px 10px;
}

.li-comment-composer input:focus {
  border-color: var(--li-red);
  box-shadow: 0 0 0 2px rgb(180 0 0 / 0.1);
  outline: 0;
}

.li-comment-composer button {
  background: linear-gradient(#c80000, #a90000);
  border: 1px solid #8e0000;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  padding: 9px 11px;
}

.li-comment-composer button:hover,
.li-comment-composer button:focus-visible {
  background: #8f0000;
}

.li-comment-composer button:disabled {
  background: #aa9a9a;
  border-color: #918383;
  cursor: not-allowed;
}

.li-comment-composer input:disabled {
  background: #eee8e8;
  color: #776b6b;
}

.li-comment-composer small {
  color: #817272;
  font-size: 9px;
  grid-column: 2 / -1;
}

.li-project-image-link {
  background: #1d1818;
  display: block;
  overflow: hidden;
}

.li-project-image-link:hover img,
.li-project-image-link:focus-visible img {
  filter: brightness(1.07) contrast(1.03);
}

.li-project-link {
  align-items: center;
  background: linear-gradient(#c80000, #a90000);
  border: 1px solid #8e0000;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 20px;
  justify-content: space-between;
  margin-top: 15px;
  padding: 10px 12px;
}

.li-project-link:hover,
.li-project-link:focus-visible {
  background: #8f0000;
}

.li-milestone {
  align-items: center;
  background:
    radial-gradient(circle at 30% 30%, rgb(255 255 255 / 0.16), transparent 24%),
    var(--li-red);
  color: #fff;
  display: grid;
  gap: 22px;
  grid-template-columns: 112px minmax(0, 1fr);
  min-height: 170px;
  overflow: hidden;
  padding: 22px 28px;
  position: relative;
}

.li-milestone::after {
  border: 26px solid rgb(255 255 255 / 0.06);
  border-radius: 50%;
  content: "";
  height: 220px;
  position: absolute;
  right: -70px;
  top: -90px;
  width: 220px;
}

.li-milestone img {
  border: 5px solid #fff;
  height: 108px;
  width: 108px;
}

.li-milestone div {
  display: grid;
  gap: 5px;
}

.li-milestone strong {
  font-size: clamp(31px, 5vw, 47px);
  letter-spacing: -0.05em;
  line-height: 0.9;
}

.li-milestone span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.13em;
}

.li-sponsored {
  background: #fff;
  border: 1px solid var(--li-line);
  padding: 0 10px 12px;
}

.li-sponsored > h2 {
  background: var(--li-red);
  color: #fff;
  font-size: 14px;
  margin: -1px -11px 12px;
  padding: 7px 9px;
}

.li-ad {
  border-bottom: 1px solid #ebcccc;
  padding: 0 0 14px;
}

.li-ad + .li-ad {
  padding-top: 14px;
}

.li-ad h3 {
  color: var(--li-red);
  font-size: 13px;
  margin-bottom: 7px;
}

.li-ad img {
  border: 1px solid #d3bebe;
  width: 100%;
}

.li-ad p {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 7px;
}

.li-ad span {
  color: #685b5b;
  display: block;
  font-size: 10px;
  line-height: 1.3;
  margin-top: 4px;
}

.li-return {
  background: #f8e3e2;
  border: 1px solid #e1bbbb;
  color: var(--li-red);
  display: grid;
  font-size: 12px;
  font-weight: 700;
  gap: 4px;
  margin-top: 13px;
  padding: 11px;
}

.li-return span {
  color: #615454;
  font-size: 10px;
  font-weight: 400;
}

.li-return strong {
  justify-self: end;
}

.li-footer {
  background: #ae0000;
  border-top: 1px solid #7a0000;
  color: #fff;
  font-size: 10px;
  min-height: 58px;
}

.li-footer > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 25px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1180px;
  min-height: 58px;
  padding: 10px 0.75rem;
}

.li-footer a {
  font-weight: 700;
  text-decoration: underline;
}

@media (max-width: 1050px) {
  .li-topbar__inner {
    grid-template-columns: 245px minmax(160px, 1fr) 220px;
  }

  .li-brand img {
    width: 210px;
  }

  .li-layout {
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
  }

  .li-sponsored {
    display: grid;
    gap: 12px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 12px 12px;
  }

  .li-sponsored > h2 {
    grid-column: 1 / -1;
    margin-bottom: 0;
  }

  .li-ad,
  .li-ad + .li-ad {
    border: 1px solid #ebcccc;
    padding: 10px;
  }

  .li-return {
    align-self: stretch;
    justify-content: center;
    margin: 0;
  }
}

@media (max-width: 800px) {
  .li-topbar__inner {
    gap: 8px 14px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 9px 12px 10px;
  }

  .li-brand img {
    width: min(210px, 48vw);
  }

  .li-brand span {
    font-size: 8px;
  }

  .li-search {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: stretch;
    max-width: none;
  }

  .li-session {
    font-size: 12px;
    width: auto;
  }

  .li-session img {
    height: 34px;
    width: 34px;
  }

  .li-profile {
    grid-template-columns: 128px minmax(0, 1fr);
    min-height: 0;
  }

  .li-profile__avatar-wrap {
    padding: 22px 14px;
  }

  .li-profile__avatar {
    height: 96px;
    width: 96px;
  }

  .li-profile__content {
    padding-top: 18px;
  }

  .li-profile__title-row {
    min-height: 82px;
  }

  .li-profile h1 {
    font-size: 32px;
  }

  .li-profile__bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .li-profile__tiles {
    grid-template-columns: 1fr 1fr;
  }

  .li-profile-tile--photo {
    grid-column: 1 / -1;
  }

  .li-layout {
    grid-template-columns: 1fr;
  }

  .li-feed {
    order: 1;
  }

  .li-left-rail {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
    order: 2;
  }

  .li-rail-section,
  .li-rail-section + .li-rail-section {
    background: #fff;
    border: 1px solid var(--li-line);
    padding: 14px;
  }

  .li-policy {
    grid-column: 1 / -1;
  }

  .li-sponsored {
    order: 3;
  }
}

@media (max-width: 560px) {
  .li-page {
    padding-top: 10px;
  }

  .li-shell {
    padding: 0 8px;
  }

  .li-session strong,
  .li-session > span {
    display: none;
  }

  .li-profile {
    grid-template-columns: 1fr;
  }

  .li-profile__avatar-wrap {
    justify-content: flex-start;
    padding-bottom: 10px;
  }

  .li-profile__avatar {
    height: 88px;
    width: 88px;
  }

  .li-profile__content {
    padding-top: 0;
  }

  .li-profile__title-row {
    min-height: 0;
    padding: 0 12px 12px;
  }

  .li-profile h1 {
    font-size: 30px;
  }

  .li-profile__bar {
    padding-left: 12px;
    padding-right: 12px;
  }

  .li-profile__tiles {
    gap: 7px;
    padding: 10px 12px 13px;
  }

  .li-profile-tile {
    min-height: 60px;
  }

  .li-profile-tile__number {
    font-size: 20px;
    min-width: 42px;
  }

  .li-post__copy {
    padding-left: 12px;
    padding-right: 12px;
  }

  .li-renovation-art {
    aspect-ratio: 4 / 3;
  }

  .li-renovation-art__copy {
    width: 82%;
  }

  .li-renovation-art__copy strong {
    font-size: 35px;
  }

  .li-renovation-gallery figure {
    min-height: 105px;
  }

  .li-recruitment-art {
    min-height: 300px;
    padding: 24px;
  }

  .li-recruitment-art > strong {
    font-size: 44px;
  }

  .li-recruitment-art p {
    left: 24px;
    max-width: 180px;
  }

  .li-memorial-art {
    aspect-ratio: 1;
  }

  .li-memorial-art__copy strong {
    font-size: 46px;
  }

  .li-personal-intro {
    padding: 20px 16px 22px;
  }

  .li-campaign-art {
    min-height: 285px;
    padding: 23px;
  }

  .li-campaign-art strong {
    font-size: 46px;
  }

  .li-status-post {
    min-height: 0;
    padding: 15px 16px 18px;
  }

  .li-status-post p {
    font-size: 14px;
  }

  .li-comment-composer {
    grid-template-columns: 30px minmax(0, 1fr) auto;
    padding: 10px;
  }

  .li-comment-composer img {
    height: 30px;
    width: 30px;
  }

  .li-milestone {
    gap: 14px;
    grid-template-columns: 78px minmax(0, 1fr);
    min-height: 130px;
    padding: 18px;
  }

  .li-milestone img {
    height: 76px;
    width: 76px;
  }

  .li-left-rail,
  .li-sponsored {
    grid-template-columns: 1fr;
  }

  .li-policy,
  .li-sponsored > h2 {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

@media (max-width: 640px) {
  .li-profile-tabs button {
    flex-direction: column;
    gap: 1px;
    min-height: 60px;
  }

  .li-profile-tabs strong {
    font-size: 15px;
  }

  .li-tab-photos {
    grid-auto-columns: min(76vw, 230px);
  }
}

a,
button,
[role="button"],
[role="tab"] {
  cursor: url("/media/lifeinvader/gta-web-cursor.cur") 9 2, auto !important;
}

.li-quiz-post__banner {
  align-items: flex-start;
  background:
    linear-gradient(125deg, rgb(102 0 0 / 0.2), transparent 48%),
    repeating-linear-gradient(135deg, rgb(255 255 255 / 0.055) 0 2px, transparent 2px 12px),
    linear-gradient(145deg, #d20b0b, #8f0000);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-height: 220px;
  overflow: hidden;
  padding: 36px;
  position: relative;
}

.li-quiz-post__banner::after {
  border: 28px solid rgb(255 255 255 / 0.11);
  border-radius: 50%;
  content: "?";
  display: grid;
  font-size: 112px;
  font-weight: 900;
  height: 185px;
  place-items: center;
  position: absolute;
  right: 28px;
  top: -22px;
  transform: rotate(7deg);
  width: 185px;
}

.li-quiz-post__banner span,
.li-quiz-post__banner small {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.li-quiz-post__banner strong {
  font-size: clamp(32px, 5vw, 56px);
  letter-spacing: -0.04em;
  line-height: 0.94;
  max-width: 580px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.li-quiz-post__banner small {
  margin-top: auto;
  opacity: 0.8;
}

.li-quiz-post__link {
  background: var(--li-red);
  border: 0;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  justify-content: space-between;
  margin-top: 15px;
  max-width: 230px;
  padding: 13px 15px;
  width: 100%;
}

.li-quiz-body {
  min-height: 100vh;
}

.li-quiz-page {
  min-height: calc(100vh - 145px);
  padding: 44px 20px 70px;
}

.li-quiz-shell {
  margin: 0 auto;
  max-width: 900px;
}

.li-quiz-back {
  color: var(--li-red-dark);
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.li-quiz-back:hover,
.li-quiz-back:focus-visible {
  text-decoration: underline;
}

.li-quiz-hero {
  background:
    linear-gradient(120deg, rgb(80 0 0 / 0.16), transparent 55%),
    repeating-linear-gradient(135deg, rgb(255 255 255 / 0.05) 0 2px, transparent 2px 13px),
    linear-gradient(145deg, #d30a0a, #8c0000);
  border: 1px solid #750000;
  color: #fff;
  padding: 40px 44px 44px;
}

.li-quiz-hero p {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
  margin-bottom: 12px;
}

.li-quiz-hero h1 {
  font-size: clamp(36px, 6vw, 66px);
  letter-spacing: -0.045em;
  line-height: 0.98;
  max-width: 760px;
}

.li-quiz-hero span {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 17px;
  opacity: 0.82;
}

.li-quiz-card,
.li-quiz-result {
  background: #fff;
  border: 1px solid var(--li-line);
  box-shadow: 0 10px 30px rgb(82 0 0 / 0.08);
}

.li-quiz-card[hidden],
.li-quiz-result[hidden] {
  display: none !important;
}

.li-quiz-progress-row {
  align-items: center;
  color: var(--li-muted);
  display: flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: space-between;
  letter-spacing: 0.08em;
  padding: 20px 28px 14px;
  text-transform: uppercase;
}

.li-quiz-progress-row strong {
  color: var(--li-red-dark);
}

.li-quiz-progress {
  background: var(--li-pink);
  height: 6px;
  overflow: hidden;
}

.li-quiz-progress span {
  background: linear-gradient(90deg, var(--li-red-bright), #ff4f4f);
  display: block;
  height: 100%;
  transition: width 0.28s ease;
  width: 10%;
}

.li-quiz-question {
  padding: 34px 42px 22px;
}

.li-quiz-question h2 {
  font-size: clamp(24px, 4vw, 36px);
  letter-spacing: -0.025em;
  line-height: 1.12;
  max-width: 750px;
}

.li-quiz-answers {
  display: grid;
  gap: 11px;
  margin-top: 28px;
}

.li-quiz-answer {
  align-items: center;
  background: #fffafa;
  border: 1px solid var(--li-line);
  color: var(--li-text);
  display: grid;
  gap: 13px;
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 62px;
  padding: 10px 16px;
  text-align: left;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
  width: 100%;
}

.li-quiz-answer:hover,
.li-quiz-answer:focus-visible {
  border-color: var(--li-red);
  transform: translateX(2px);
}

.li-quiz-answer span {
  align-items: center;
  background: var(--li-pink);
  border: 1px solid var(--li-pink-deep);
  border-radius: 50%;
  color: var(--li-red-dark);
  display: flex;
  font-size: 12px;
  font-weight: 900;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.li-quiz-answer strong {
  font-size: 15px;
}

.li-quiz-answer.is-selected {
  background: #fff0ef;
  border-color: var(--li-red);
  box-shadow: inset 4px 0 0 var(--li-red);
}

.li-quiz-answer.is-selected span {
  background: var(--li-red);
  border-color: var(--li-red);
  color: #fff;
}

.li-quiz-actions {
  align-items: center;
  border-top: 1px solid #f0d8d7;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 18px 28px;
}

.li-quiz-actions small {
  color: var(--li-muted);
}

.li-quiz-actions button {
  background: var(--li-red);
  border: 1px solid var(--li-red-dark);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  min-width: 160px;
  padding: 13px 18px;
  text-transform: uppercase;
}

.li-quiz-actions button:hover:not(:disabled),
.li-quiz-actions button:focus-visible:not(:disabled) {
  background: var(--li-red-bright);
}

.li-quiz-actions button:disabled {
  cursor: not-allowed !important;
  opacity: 0.38;
}

.li-quiz-result {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 48px 44px 50px;
  text-align: center;
}

.li-quiz-result:focus {
  outline: none;
}

.li-quiz-result__label {
  color: var(--li-red-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.li-quiz-result h2 {
  font-size: clamp(38px, 7vw, 72px);
  letter-spacing: -0.05em;
  line-height: 0.95;
  margin-top: 12px;
  max-width: 760px;
}

.li-quiz-score {
  align-items: center;
  background: var(--li-red);
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 144px;
  justify-content: center;
  margin-top: 28px;
  width: 144px;
}

.li-quiz-score strong {
  font-size: 37px;
  letter-spacing: -0.04em;
  line-height: 1;
}

.li-quiz-score span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-top: 5px;
  text-transform: uppercase;
}

.li-quiz-result__description {
  color: #433b3b;
  font-size: 17px;
  line-height: 1.55;
  margin-top: 24px;
  max-width: 650px;
}

.li-quiz-strengths {
  border-bottom: 1px solid var(--li-line);
  border-top: 1px solid var(--li-line);
  margin-top: 30px;
  max-width: 660px;
  padding: 20px 0;
  width: 100%;
}

.li-quiz-strengths > span {
  color: var(--li-muted);
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.13em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.li-quiz-strengths > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.li-quiz-strengths > div span {
  background: var(--li-pink);
  border: 1px solid var(--li-pink-deep);
  color: var(--li-red-dark);
  font-size: 12px;
  font-weight: 800;
  padding: 8px 10px;
}

.li-quiz-result > a {
  background: var(--li-red);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  margin-top: 28px;
  padding: 14px 18px;
  text-transform: uppercase;
}

.li-quiz-review {
  border-top: 1px solid var(--li-line);
  margin-top: 18px;
  padding-top: 15px;
  width: 100%;
}

.li-quiz-review > h3 {
  color: var(--li-red-dark);
  font-size: 16px;
}

.li-quiz-review > p {
  color: var(--li-muted);
  font-size: 12px;
  margin-top: 3px;
}

.li-quiz-review > div {
  border: 1px solid var(--li-line);
  margin-top: 11px;
}

.li-quiz-explanation {
  background: #fffafa;
  border-bottom: 1px solid var(--li-line);
}

.li-quiz-explanation:last-child {
  border-bottom: 0;
}

.li-quiz-explanation summary {
  align-items: flex-start;
  cursor: pointer;
  display: grid;
  gap: 8px;
  grid-template-columns: 58px minmax(0, 1fr);
  list-style-position: inside;
  padding: 9px 10px;
}

.li-quiz-explanation summary::marker {
  color: var(--li-red-dark);
}

.li-quiz-explanation summary strong {
  color: #1d6f2c;
  font-size: 9px;
  letter-spacing: 0.04em;
  padding-top: 2px;
  text-transform: uppercase;
}

.li-quiz-explanation.is-incorrect summary strong {
  color: var(--li-red-dark);
}

.li-quiz-explanation summary span {
  color: #3e1717;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.li-quiz-explanation > div {
  background: #fff;
  border-top: 1px solid #ecd3d2;
  padding: 10px 12px 12px;
}

.li-quiz-explanation > div p {
  color: #514747;
  font-size: 12px;
  line-height: 1.45;
  margin-top: 5px;
}

.li-quiz-explanation > div p:first-child {
  margin-top: 0;
}

.li-quiz-result {
  overflow: hidden;
  position: relative;
}

.li-result-vfx {
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 2000;
}

.li-vfx-notification {
  animation: li-vfx-notification 2.7s steps(1, end) both;
  background: #fff;
  border: 2px solid var(--li-red-dark);
  box-shadow: 4px 4px 0 rgb(75 0 0 / 0.24);
  color: var(--li-red-dark);
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 12px;
  position: absolute;
  right: 18px;
  top: 88px;
}

.li-vfx-notification strong {
  font-size: 12px;
}

.li-vfx-notification span {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.li-quiz-result.is-vfx-scan-failed {
  animation: li-vfx-scan-failed 0.9s steps(2, end);
}

.li-quiz-result.is-vfx-scan-failed::before {
  animation: li-vfx-scan-line 0.75s linear;
  background: rgb(181 0 0 / 0.16);
  content: "DATA SCAN INCOMPLETE";
  color: var(--li-red-dark);
  font-size: 10px;
  font-weight: 900;
  left: 0;
  letter-spacing: 0.08em;
  padding: 4px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -28px;
  z-index: 3;
}

.li-quiz-result.is-vfx-highlight-sweep::after {
  animation: li-vfx-highlight-sweep 1.25s steps(12, end);
  background: linear-gradient(90deg, transparent, rgb(181 0 0 / 0.2), transparent);
  content: "";
  inset: 0 auto 0 -45%;
  pointer-events: none;
  position: absolute;
  width: 42%;
  z-index: 3;
}

.li-vfx-burst-particle {
  animation: li-vfx-burst 1.35s ease-out var(--burst-delay) both;
  border: 1px solid rgb(118 0 0 / 0.22);
  height: 9px;
  left: 50%;
  position: absolute;
  top: 42%;
  width: 9px;
}

.li-vfx-confetti {
  animation: li-vfx-confetti var(--confetti-duration) linear var(--confetti-delay) both;
  border: 1px solid rgb(80 0 0 / 0.17);
  height: 13px;
  left: var(--confetti-x);
  position: absolute;
  top: -18px;
  width: 7px;
}

.li-vfx-confetti.is-round {
  border-radius: 50%;
  height: 9px;
  width: 9px;
}

@keyframes li-vfx-notification {
  0% { opacity: 0; transform: translateX(115%); }
  8%, 78% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(115%); }
}

@keyframes li-vfx-scan-failed {
  0%, 100% { filter: none; transform: translateX(0); }
  18% { filter: contrast(1.35) saturate(1.4); transform: translateX(-3px); }
  34% { transform: translateX(4px); }
  51% { filter: contrast(0.9) saturate(0.7); transform: translateX(-2px); }
  68% { transform: translateX(2px); }
}

@keyframes li-vfx-scan-line {
  from { top: -28px; }
  to { top: calc(100% + 5px); }
}

@keyframes li-vfx-highlight-sweep {
  from { left: -45%; }
  to { left: 110%; }
}

@keyframes li-vfx-burst {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(0.2) rotate(0deg); }
  12% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--burst-x)), calc(-50% + var(--burst-y))) scale(0.75) rotate(540deg); }
}

@keyframes li-vfx-confetti {
  0% { opacity: 0; transform: translate3d(0, -8vh, 0) rotate(0deg); }
  8% { opacity: 1; }
  88% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(var(--confetti-drift), 112vh, 0) rotate(var(--confetti-spin)); }
}

@media (prefers-reduced-motion: reduce) {
  .li-vfx-notification,
  .li-vfx-burst-particle,
  .li-vfx-confetti,
  .li-quiz-result.is-vfx-scan-failed,
  .li-quiz-result.is-vfx-scan-failed::before,
  .li-quiz-result.is-vfx-highlight-sweep::after {
    animation: none !important;
  }
}

.li-quiz-result > a:hover,
.li-quiz-result > a:focus-visible {
  background: var(--li-red-bright);
}

@media (max-width: 680px) {
  .li-quiz-post__banner {
    min-height: 190px;
    padding: 26px 20px;
  }

  .li-quiz-post__banner::after {
    font-size: 76px;
    height: 130px;
    opacity: 0.72;
    right: -24px;
    width: 130px;
  }

  .li-quiz-page {
    padding: 25px 10px 48px;
  }

  .li-quiz-hero {
    padding: 29px 22px 32px;
  }

  .li-quiz-progress-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    padding: 17px 18px 12px;
  }

  .li-quiz-question {
    padding: 26px 18px 18px;
  }

  .li-quiz-answer {
    padding: 9px 11px;
  }

  .li-quiz-actions {
    align-items: stretch;
    flex-direction: column;
    padding: 16px 18px 18px;
  }

  .li-quiz-actions button {
    width: 100%;
  }

  .li-quiz-result {
    padding: 36px 20px 40px;
  }

  .li-quiz-score {
    height: 124px;
    width: 124px;
  }
}

/* The quiz intentionally matches Lifeinvader's older, compact page furniture. */
.li-quiz-page {
  background: var(--li-page);
  min-height: calc(100vh - 145px);
  padding: 22px 14px 46px;
}

.li-quiz-shell {
  max-width: 760px;
}

.li-quiz-back {
  font-size: 11px;
  margin-bottom: 9px;
}

.li-quiz-hero {
  background: #fff;
  border: 1px solid var(--li-line);
  border-top: 5px solid var(--li-red);
  color: var(--li-text);
  padding: 19px 22px 20px;
}

.li-quiz-hero p {
  color: var(--li-red-dark);
  font-size: 10px;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}

.li-quiz-hero h1 {
  color: var(--li-red-dark);
  font-size: 28px;
  letter-spacing: -0.02em;
  line-height: 1.08;
  max-width: none;
}

.li-quiz-hero span {
  color: var(--li-muted);
  font-size: 13px;
  font-weight: 400;
  margin-top: 7px;
  opacity: 1;
}

.li-quiz-card,
.li-quiz-result {
  background: #fff;
  border: 1px solid var(--li-line);
  border-top: 0;
  box-shadow: none;
}

.li-quiz-progress-row {
  background: #faeaea;
  border-bottom: 1px solid var(--li-line);
  color: #6f5555;
  font-size: 10px;
  letter-spacing: 0.04em;
  padding: 9px 13px 8px;
}

.li-quiz-progress {
  background: #f2d4d3;
  border-bottom: 1px solid var(--li-line);
  height: 4px;
}

.li-quiz-progress span {
  background: var(--li-red);
  transition: none;
}

.li-quiz-question {
  padding: 22px 23px 17px;
}

.li-quiz-question h2 {
  color: #3e1717;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.25;
}

.li-quiz-answers {
  gap: 6px;
  margin-top: 17px;
}

.li-quiz-answer {
  background: #fffafa;
  border: 1px solid #dfc5c4;
  border-radius: 0;
  gap: 9px;
  grid-template-columns: 27px minmax(0, 1fr);
  min-height: 42px;
  padding: 6px 9px;
  transition: none;
}

.li-quiz-answer:hover,
.li-quiz-answer:focus-visible {
  background: #fcedec;
  border-color: #ba6b68;
  transform: none;
}

.li-quiz-answer span {
  background: #f4dedd;
  border: 1px solid #dcb9b7;
  border-radius: 0;
  font-size: 10px;
  height: 24px;
  width: 24px;
}

.li-quiz-answer strong {
  font-size: 13px;
  font-weight: 700;
}

.li-quiz-answer.is-selected {
  background: #f7dddd;
  border-color: var(--li-red);
  box-shadow: inset 3px 0 0 var(--li-red);
}

.li-quiz-actions {
  background: #fff9f8;
  border-top: 1px solid var(--li-line);
  gap: 12px;
  padding: 10px 13px;
}

.li-quiz-actions small {
  font-size: 11px;
}

.li-quiz-actions button {
  border-radius: 0;
  font-size: 11px;
  min-width: 130px;
  padding: 8px 12px;
}

.li-quiz-result {
  align-items: stretch;
  padding: 23px;
  text-align: left;
}

.li-quiz-result__label {
  font-size: 10px;
  letter-spacing: 0.07em;
}

.li-quiz-result h2 {
  color: var(--li-red-dark);
  font-size: 30px;
  letter-spacing: -0.025em;
  line-height: 1.05;
  margin-top: 5px;
  max-width: none;
}

.li-quiz-score {
  align-items: baseline;
  background: #faeaea;
  border: 1px solid var(--li-line);
  border-radius: 0;
  color: var(--li-red-dark);
  flex-direction: row;
  gap: 8px;
  height: auto;
  justify-content: flex-start;
  margin-top: 15px;
  padding: 10px 12px;
  width: 100%;
}

.li-quiz-score strong {
  font-size: 25px;
}

.li-quiz-score span {
  color: #725d5d;
  font-size: 10px;
  margin-top: 0;
}

.li-quiz-result__description {
  color: #433b3b;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 14px;
  max-width: none;
}

.li-quiz-strengths {
  border-bottom: 1px solid var(--li-line);
  border-top: 1px solid var(--li-line);
  margin-top: 17px;
  max-width: none;
  padding: 12px 0;
}

.li-quiz-strengths > span {
  font-size: 9px;
  letter-spacing: 0.07em;
  margin-bottom: 7px;
}

.li-quiz-strengths > div {
  gap: 5px;
  justify-content: flex-start;
}

.li-quiz-strengths > div span {
  background: #f8e7e6;
  font-size: 11px;
  padding: 5px 7px;
}

.li-quiz-result > a {
  align-self: flex-start;
  font-size: 10px;
  margin-top: 15px;
  padding: 9px 11px;
}

@media (max-width: 680px) {
  .li-quiz-page {
    padding: 14px 7px 35px;
  }

  .li-quiz-hero {
    padding: 15px;
  }

  .li-quiz-hero h1 {
    font-size: 23px;
  }

  .li-quiz-progress-row {
    flex-direction: row;
    gap: 8px;
    padding: 8px 10px;
  }

  .li-quiz-question {
    padding: 18px 12px 13px;
  }

  .li-quiz-question h2 {
    font-size: 18px;
  }

  .li-quiz-actions {
    align-items: stretch;
    gap: 8px;
    padding: 10px;
  }

  .li-quiz-result {
    padding: 18px 14px;
  }

  .li-quiz-score {
    height: auto;
    width: 100%;
  }
}

.li-quiz-card {
  --quiz-topic-color: #b50000;
}

.li-quiz-card[data-topic="lifeinvader"] {
  --quiz-topic-color: #b50000;
}

.li-quiz-card[data-topic="homebnb"] {
  --quiz-topic-color: #ff5a5f;
}

.li-quiz-card[data-topic="celebrity"] {
  --quiz-topic-color: #7d3fad;
}

.li-quiz-card[data-topic="jaydenwasd"] {
  --quiz-topic-color: #bd6515;
}

.li-quiz-card[data-topic="tethershot"] {
  --quiz-topic-color: #167b96;
}

.li-quiz-progress-row {
  background: var(--quiz-topic-color);
  color: #fff;
  transition: background-color 0.45s ease, color 0.45s ease;
}

.li-quiz-progress-row strong {
  color: #fff;
}

.li-quiz-progress span {
  background: var(--quiz-topic-color);
  transition: background-color 0.45s ease, width 0.22s ease;
}

.li-quiz-result__label {
  align-self: stretch;
  background: var(--li-red);
  border: 1px solid var(--li-red-dark);
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.1em;
  padding: 7px 10px;
  text-align: center;
}

.li-quiz-result h2 {
  align-items: center;
  align-self: stretch;
  background: #fae6e5;
  border: 2px solid var(--li-red);
  color: var(--li-red-dark);
  display: flex;
  font-size: clamp(34px, 7vw, 52px);
  justify-content: center;
  letter-spacing: -0.04em;
  line-height: 0.98;
  margin-top: 7px;
  min-height: 112px;
  padding: 18px;
  text-align: center;
}

.li-quiz-result.is-result-revealing h2 {
  animation: li-classification-reveal 1.4s steps(12, end) both;
}

.li-quiz-score-summary {
  align-items: center;
  background: #fffafa;
  border: 1px solid var(--li-line);
  display: grid;
  gap: 22px;
  grid-template-columns: 138px minmax(0, 1fr);
  margin-top: 15px;
  padding: 15px;
}

.li-quiz-score {
  align-items: center;
  background: conic-gradient(var(--li-red) 0%, #f0d0cf 0% 100%);
  border: 0;
  border-radius: 50%;
  display: grid;
  height: 128px;
  justify-content: center;
  margin: 0;
  padding: 9px;
  width: 128px;
}

.li-quiz-score > div {
  align-items: center;
  background: #fff;
  border: 1px solid var(--li-line);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 110px;
  justify-content: center;
  width: 110px;
}

.li-quiz-score strong {
  color: var(--li-red-dark);
  font-size: 31px;
  letter-spacing: -0.04em;
}

.li-quiz-score span {
  color: var(--li-muted);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-top: 2px;
  text-transform: uppercase;
}

.li-quiz-score-summary > p {
  color: #5c4b4b;
  font-size: 12px;
}

.li-quiz-score-summary > p strong {
  color: var(--li-red-dark);
  display: block;
  font-size: 28px;
  line-height: 1;
}

.li-quiz-score-summary > p span {
  display: block;
  font-weight: 700;
  margin-top: 4px;
  text-transform: uppercase;
}

.li-quiz-strengths > div span {
  background: #f8e7e6;
  border-left: 4px solid var(--li-red);
}

.li-quiz-strengths > div span[data-topic="homebnb"] {
  background: #fff0f0;
  border-left-color: #ff5a5f;
  color: #a72c31;
}

.li-quiz-strengths > div span[data-topic="celebrity"] {
  background: #f3e9f8;
  border-left-color: #7d3fad;
  color: #5e287f;
}

.li-quiz-strengths > div span[data-topic="jaydenwasd"] {
  background: #fff1df;
  border-left-color: #bd6515;
  color: #85430b;
}

.li-quiz-strengths > div span[data-topic="tethershot"] {
  background: #e5f3f7;
  border-left-color: #167b96;
  color: #0b5e74;
}

@keyframes li-classification-reveal {
  0% { opacity: 0; transform: scale(0.96); }
  45% { opacity: 1; transform: scale(1.015); }
  100% { opacity: 1; transform: scale(1); }
}

@media (max-width: 680px) {
  .li-quiz-result h2 {
    font-size: 34px;
    min-height: 96px;
    padding: 14px 10px;
  }

  .li-quiz-score-summary {
    gap: 13px;
    grid-template-columns: 106px minmax(0, 1fr);
    padding: 12px;
  }

  .li-quiz-score {
    height: 98px;
    width: 98px;
  }

  .li-quiz-score > div {
    height: 80px;
    width: 80px;
  }

  .li-quiz-score strong {
    font-size: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .li-quiz-result.is-result-revealing h2 {
    animation: none;
  }
}

body.li-gift-is-open {
  overflow: hidden;
}

.li-gift-overlay[hidden],
.li-gift-reopen[hidden] {
  display: none !important;
}

.li-gift-reopen {
  align-self: flex-start;
  animation: li-gift-small-glow 1.8s ease-in-out infinite alternate;
  background: #171317;
  border: 2px solid #ffb1bd;
  box-shadow: 0 0 12px rgb(255 177 189 / 0.28);
  color: #ffd7dc;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  margin-top: 15px;
  padding: 9px 13px;
}

.li-gift-reopen:hover,
.li-gift-reopen:focus-visible {
  background: #281d22;
  box-shadow: 0 0 18px rgb(255 177 189 / 0.5);
}

.li-gift-overlay {
  align-items: center;
  animation: li-gift-backdrop 0.65s ease-out both;
  background: rgb(4 3 4 / 0.9);
  display: flex;
  inset: 0;
  justify-content: center;
  overflow: auto;
  padding: 24px;
  position: fixed;
  z-index: 2200;
}

.li-gift-reveal {
  animation:
    li-gift-arrive 0.95s cubic-bezier(0.18, 0.85, 0.2, 1.08) both,
    li-gift-glow 1.7s ease-in-out 0.95s infinite alternate;
  background:
    repeating-linear-gradient(0deg, rgb(255 255 255 / 0.018) 0 1px, transparent 1px 4px),
    linear-gradient(145deg, #171317, #070607);
  border: 2px solid #ffb1bd;
  box-shadow:
    0 0 0 5px rgb(255 177 189 / 0.16),
    0 0 38px rgb(255 177 189 / 0.38),
    0 26px 80px rgb(0 0 0 / 0.8);
  color: #fff;
  max-width: 560px;
  overflow: hidden;
  padding: 34px 38px 31px;
  position: relative;
  text-align: center;
  width: 100%;
}

.li-gift-reveal::before,
.li-gift-reveal::after {
  border-color: #ffb1bd;
  border-style: solid;
  content: "";
  height: 28px;
  pointer-events: none;
  position: absolute;
  width: 28px;
}

.li-gift-reveal::before {
  border-width: 2px 0 0 2px;
  left: 12px;
  top: 12px;
}

.li-gift-reveal::after {
  border-width: 0 2px 2px 0;
  bottom: 12px;
  right: 12px;
}

.li-gift-reveal__scan {
  animation: li-gift-scan 2.1s linear infinite;
  background: linear-gradient(180deg, transparent, rgb(255 177 189 / 0.14), transparent);
  height: 74px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -80px;
}

.li-gift-reveal__eyebrow {
  color: #ffb1bd;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.li-gift-studio-logo {
  filter: drop-shadow(0 0 14px rgb(255 177 189 / 0.28));
  margin: 21px auto 19px;
  max-width: 390px;
  width: 88%;
}

.li-gift-reveal__personal {
  color: #ffd7dc;
  display: block;
  font-size: 14px;
  line-height: 1.35;
}

.li-gift-reveal h2 {
  color: #fff;
  font-size: clamp(27px, 6vw, 42px);
  letter-spacing: -0.035em;
  line-height: 0.98;
  margin-top: 13px;
  text-shadow: 0 0 16px rgb(255 177 189 / 0.18);
}

.li-gift-reveal p {
  color: #d8c9c2;
  font-size: 13px;
  line-height: 1.45;
  margin: 14px auto 0;
  max-width: 380px;
}

.li-gift-reveal__open {
  animation: li-gift-button-glow 1.3s ease-in-out infinite alternate;
  background: linear-gradient(135deg, #ffc2a1, #ffb1bd);
  border: 1px solid #ffe2d7;
  box-shadow: 0 0 18px rgb(255 177 189 / 0.32);
  color: #1a1012;
  display: block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.09em;
  margin: 23px auto 0;
  max-width: 270px;
  padding: 14px 16px;
}

.li-gift-reveal__open:hover,
.li-gift-reveal__open:focus-visible {
  background: linear-gradient(135deg, #ffd0b6, #ffc1ca);
  box-shadow: 0 0 28px rgb(255 177 189 / 0.6);
}

.li-gift-reveal__later {
  background: transparent;
  border: 0;
  color: #ae9790;
  display: block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 13px auto 0;
  padding: 5px 9px;
}

.li-gift-reveal__later:hover,
.li-gift-reveal__later:focus-visible {
  color: #fff;
  text-decoration: underline;
}

@keyframes li-gift-backdrop {
  from { background-color: rgb(4 3 4 / 0); }
  to { background-color: rgb(4 3 4 / 0.9); }
}

@keyframes li-gift-arrive {
  0% { opacity: 0; transform: scale(0.72) translateY(45px); }
  55% { opacity: 1; transform: scale(1.025) translateY(0); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

@keyframes li-gift-glow {
  from { box-shadow: 0 0 0 5px rgb(255 177 189 / 0.12), 0 0 28px rgb(255 177 189 / 0.28), 0 26px 80px rgb(0 0 0 / 0.8); }
  to { box-shadow: 0 0 0 5px rgb(255 177 189 / 0.22), 0 0 52px rgb(255 177 189 / 0.52), 0 26px 80px rgb(0 0 0 / 0.8); }
}

@keyframes li-gift-scan {
  from { top: -80px; }
  to { top: calc(100% + 10px); }
}

@keyframes li-gift-button-glow {
  from { box-shadow: 0 0 10px rgb(255 177 189 / 0.2); }
  to { box-shadow: 0 0 24px rgb(255 177 189 / 0.5); }
}

@keyframes li-gift-small-glow {
  from { box-shadow: 0 0 7px rgb(255 177 189 / 0.18); }
  to { box-shadow: 0 0 16px rgb(255 177 189 / 0.46); }
}

@media (max-width: 600px) {
  .li-gift-overlay {
    padding: 14px;
  }

  .li-gift-reveal {
    padding: 28px 20px 25px;
  }

  .li-gift-studio-logo {
    margin: 18px auto 17px;
    width: 94%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .li-gift-reopen,
  .li-gift-overlay,
  .li-gift-reveal,
  .li-gift-reveal__scan,
  .li-gift-reveal__open {
    animation: none !important;
  }
}