[html]<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap">
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');

.gemini_user_wrp {
  position: relative;
  max-width: 680px;
  margin: 8px auto 16px;
  font-family: Inter, Arial, sans-serif;
}

.gemini_user_name_out {
  position: relative;
  z-index: 0;
  margin: 0 0 -16px;
  text-align: center;
  font-family: "Playfair Display", Palatino, "Palatino Linotype", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 64px;
  line-height: 0.82;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #8d1c24;
  pointer-events: none;
}

.gemini_user {
  position: relative;
  z-index: 1;
  background: #e4e0de;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.gemini_user_header_wrap {
  position: relative;
  height: 150px;
  background: #6e4248;
  overflow: hidden;
}
.gemini_user_header {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
opacity: 0.3;
  filter: grayscale(1) saturate(0) contrast(1.02) brightness(0.92) !important;
  -webkit-filter: grayscale(1) saturate(0) contrast(1.02) brightness(0.92) !important;
}
.gemini_user_header_tint {
  position: absolute;
  inset: 0;
  background: #8d1c24;
  mix-blend-mode: color;
  opacity: 0.38;
  pointer-events: none;
}

.gemini_user_pic {
  position: absolute;
  top: 72px;
  left: 28px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
  background: #abe4b254;
  border: 7px solid #e4e0de;
  z-index: 5;
  cursor: pointer;
}
.gemini_user_pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
  filter: grayscale(1) saturate(0) !important;
  -webkit-filter: grayscale(1) saturate(0) !important;
  transition: filter .2s ease;
}
.gemini_user_pic_gray {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 50%;
  background: #8a858399;
  mix-blend-mode: plus-darker;
  pointer-events: none;
  transition: opacity .2s ease;
}
.gemini_user_pic:hover img {
  filter: none !important;
  -webkit-filter: none !important;
}
.gemini_user_pic:hover .gemini_user_pic_gray {
  opacity: 0;
}

.gemini_user_proto {
  position: absolute;
  top: 108px;
  left: 174px;
  z-index: 6;
  background: #8d1c2499;
  color: #f2ecec;
  font-size: 11px;
  line-height: 1;
  padding: 5px 11px;
  border-radius: 14px;
  letter-spacing: 0.04em;
  text-transform: lowercase;
}

.gemini_user_sur {
  position: absolute;
  top: 96px;
  right: 26px;
  z-index: 4;
  margin: 0;
  font-family: "Playfair Display", Palatino, "Palatino Linotype", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 68px;
  line-height: 0.82;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 3px 14px rgba(40, 8, 14, 0.45);
  white-space: nowrap;
}
.gemini_user_sur.medium { font-size: 52px; }
.gemini_user_sur.small { font-size: 40px; }

.gemini_user_under {
  position: relative;
  z-index: 3;
  padding: 6px 18px 0 174px;
}
.gemini_user_quote {
  position: static;
  margin: 0 0 8px;
  max-width: 150px;
  color: #6d6563;
  font-size: 12px;
  font-style: italic;
  line-height: 1.25;
}

.gemini_user_info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 10px;
  padding: 0;
}
.gemini_user_info > div {
  position: relative;
  background: #d4cfcc;
  color: #3a3332;
  font-size: 12px;
  line-height: 1;
  padding: 7px 12px 7px 28px;
  border-radius: 18px;
  white-space: nowrap;
}
.gemini_user_info > div::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.gemini_user_info_bday::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a3332'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z'/%3E%3C/svg%3E");
}
.gemini_user_info_city::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a3332'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}
.gemini_user_info_sex::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233a3332'%3E%3Cpath d='M12 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3C/svg%3E");
}

.gemini_user_info_main {
  display: flex;
  justify-content: center;
  margin: 32px 40px 14px;
}
.gemini_user_ocupation,
.gemini_user_runame {
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
}
.gemini_user_ocupation { background: #9c9c9c; border-radius: 18px 0 0 18px; }
.gemini_user_runame { background: #8d1c24; border-radius: 0 18px 18px 0; }

.gemini_user_bio {
  margin: -33px 14px 14px;
  background: #eeeae8;
  border-radius: 16px;
  padding: 16px 18px;
  color: #3f3938;
  font-size: 13.5px;
  line-height: 1.55;
}
.gemini_user_bio p { margin: 0 0 0.7em; }
.gemini_user_bio p:last-child { margin-bottom: 0; }

body.dark .gemini_user,
html.dark .gemini_user,
[data-theme="dark"] .gemini_user {
  background: #1a1616;
  box-shadow: 0 8px 22px rgba(0,0,0,0.35);
}
body.dark .gemini_user_pic,
html.dark .gemini_user_pic,
[data-theme="dark"] .gemini_user_pic {
  border-color: #1a1616;
  background: #2a2424;
}
body.dark .gemini_user_info > div,
html.dark .gemini_user_info > div,
[data-theme="dark"] .gemini_user_info > div {
  background: #2c2626;
  color: #e4dcdc;
}
body.dark .gemini_user_info > div::before,
html.dark .gemini_user_info > div::before,
[data-theme="dark"] .gemini_user_info > div::before {
  filter: invert(0.92);
}
body.dark .gemini_user_bio,
html.dark .gemini_user_bio,
[data-theme="dark"] .gemini_user_bio {
  background: #141111;
  color: #d5cdcd;
}
body.dark .gemini_user_quote,
html.dark .gemini_user_quote,
[data-theme="dark"] .gemini_user_quote { color: #c3b8b8; }
body.dark .gemini_user_ocupation,
html.dark .gemini_user_ocupation,
[data-theme="dark"] .gemini_user_ocupation { background: #3a3232; }
body.dark .gemini_user_name_out,
html.dark .gemini_user_name_out,
[data-theme="dark"] .gemini_user_name_out { color: #c45c64; }
</style>

<div class="gemini_user_wrp">
  <div class="gemini_user_name_out">Evelyn</div>
  <div class="gemini_user">
    <div class="gemini_user_header_wrap">
      <img class="gemini_user_header" src="https://forumstatic.ru/files/001c/ca/e1/18014.png" alt="">
      <span class="gemini_user_header_tint"></span>
    </div>
    <div class="gemini_user_pic">
      <img src="https://forumstatic.ru/files/001c/ca/e1/11946.gif?v=1" alt="">
      <span class="gemini_user_pic_gray"></span>
    </div>
    <div class="gemini_user_proto">annie wersching</div>
    <div class="gemini_user_sur">Raegan</div>

    <div class="gemini_user_under">
      <div class="gemini_user_info">
        <div class="gemini_user_info_bday">11.11.1977</div>
        <div class="gemini_user_info_city">Dover, UK</div>
        <div class="gemini_user_info_sex">гетеро</div>
      </div>
    </div>

    <div class="gemini_user_info_main">
      <div class="gemini_user_ocupation">финансовый аналитик в BlackRock, Inc.</div>
      <div class="gemini_user_runame">Эвелин Рейган</div>
    </div>

    <div class="gemini_user_bio">
<br><br><span style="font-family: Aboreto; font-size: 10px"> <div style="text-align: center; padding-top:10px!important;">In the corners of my mind<br>
Long forgotten, lost in time</div></span></span>
<style>
.custom-player {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: 770px;
  height: 10px;
  padding: 0 4px;
  background: transparent;
  user-select: none;
}

.custom-player button {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  filter: drop-shadow(0 0 1px rgba(0,0,0,.3));
}

.custom-player button:hover {
  opacity: 0.8;
}

.custom-player button svg {
  width: 13px;
  height: 13px;
  display: block;
}

.range-wrap {
  flex: 1;
  height: 12px;
  display: flex;
  align-items: center;
}

#progress-bar {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.35);
  vertical-align: middle;
}

#progress-bar::-webkit-slider-runnable-track {
  height: 2px;
  background: transparent;
  border: 0;
}

#progress-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border: 0;
  border-radius: 50%;
  background: #fff;

}

#progress-bar::-moz-range-track {
  height: 2px;
  background: transparent;
  border: 0;
}

#progress-bar::-moz-range-thumb {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  background: #631616;
}
</style>

<div class="custom-player">
  <audio id="audio" preload="metadata">
    <source src="https://forumstatic.ru/files/001c/ca/e1/90019.mp3" type="audio/mpeg">
  </audio>

  <button id="playBtn" type="button" aria-label="Play">
    <svg viewBox="0 0 24 24" width="13" height="13"><path d="M8 5v14l11-7z" fill="currentColor"/></svg>
  </button>

  <div class="range-wrap">
    <input id="progress-bar" type="range" min="0" max="1000" value="0">
  </div>

  <button id="volBtn" type="button" aria-label="Volume">
    <svg id="volIco" viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.6"></svg>
  </button>
</div>

<script>
(function () {
  const audio = document.getElementById('audio');
  const bar = document.getElementById('progress-bar');
  const playBtn = document.getElementById('playBtn');
  const volBtn = document.getElementById('volBtn');
  const volIco = document.getElementById('volIco');

  const playIco = '<svg viewBox="0 0 24 24" width="10" height="10"><path d="M8 5v14l11-7z" fill="currentColor"/></svg>';
  const pauseIco = '<svg viewBox="0 0 24 24" width="10" height="10"><path d="M6 5h3.2v14H6zm8.8 0H18v14h-3.2z" fill="currentColor"/></svg>';

  function soundIco(on) {
    volIco.innerHTML = on
      ? '<path d="M4 9h3.5L12 5.5v13L7.5 15H4z" fill="currentColor" stroke="none"/><path d="M15.5 9.2a3.4 3.4 0 010 5.6"/>'
      : '<path d="M4 9h3.5L12 5.5v13L7.5 15H4z" fill="currentColor" stroke="none"/><path d="M16 10l4 4M20 10l-4 4"/>';
  }

  function paint() {
    const p = (bar.value / 1000) * 100;
    bar.style.setProperty(
      'background',
      'linear-gradient(90deg, #7a0707 ' + p + '%, rgba(255,255,255,.35) ' + p + '%)',
      'important'
    );
  }

  soundIco(true);
  paint();

  playBtn.onclick = function () {
    if (audio.paused) {
      audio.play();
      playBtn.innerHTML = pauseIco;
    } else {
      audio.pause();
      playBtn.innerHTML = playIco;
    }
  };

  audio.addEventListener('ended', function () {
    playBtn.innerHTML = playIco;
  });

  volBtn.onclick = function () {
    audio.muted = !audio.muted;
    soundIco(!audio.muted);
  };

  audio.addEventListener('timeupdate', function () {
    if (audio.duration) {
      bar.value = Math.round((audio.currentTime / audio.duration) * 1000);
      paint();
    }
  });

  bar.addEventListener('input', function () {
    if (audio.duration) {
      audio.currentTime = (bar.value / 1000) * audio.duration;
      paint();
    }
  });
})();
</script>
<div style="text-align: center; line-height: 9px;""><span style="font-family: Aboreto; font-size: 10px">Turning stones to look for light<br>
It's dark out here in the dead night</span>
<br><br>
<span style="font-family: Aboreto; font-size: 10px; color: #b8b8b8;"> Pull me back</span>
</div><br><br>

✦ Эвелин родилась в семье успешного британского дипломата и первые двенадцать лет жизни провела с родителями в постоянных разъездах, когда отца направляли с длительными миссиями по всему миру, осев в родном поместье в Дувре только к средней школе. В Англии она закончила бакалавриат в Оксфорде по направлению PPE, после нескольких лет стажировки и работы в лондонском Сити отправилась за степенью MBA в Колумбийский университет.<br><br>

✦ Спустя полгода после окончания учёбы она вышла замуж за Теодора Рейгана, перспективного юношу из влиятельной американской семьи, который приложил все усилия, чтобы сокурсница, так необратимо запавшая ему в душу, не вернулась к себе в холодную Англию. Через три года брака Эвелин родила ему сына Итана.<br><br>

✦ Пока Теодор строил карьеру, которая могла к итоге привести его в Сенат, Эвелин сосредоточилась на своей. В BlackRock, одной из крупнейших корпораций, где деньги и влияние движутся без лишнего шума, её природная наблюдательность, умение держать дистанцию и видеть за обыденной отчётностью скрытые риски, быстро превратили её из очередной "перспективной сотрудницы" в аналитика, чьё мнение учитывали на уровне, куда редко пускают новеньких. Её проницательный, въедливый ум, нечеловеческая трудоспособность и привычка замечать то, что другие предпочитали не видеть, сделали её практически незаменимой.<br><br>

✦ Всё изменилось в ту ночь, когда её начальника нашли мёртвым в номере отеля, а саму Эвелин - без сознания рядом с ним, в его крови, среди перевёрнутой мебели и разбитых вещей. Между ними был длительный роман, и это быстро стало известно и полиции и мистеру Рейгану. Место преступления выглядело так, будто там произошла ожесточённая схватка, однако следы не складывались в одну общую и ясную картину. Защищалась ли она от начальника с печально известным тяжёлым характером, который в ту ночь перешёл все границы? Убила ли она его сама, чтобы скрыть собственные грязные тайны, связанные с работой или с тем, что он о ней знал? Мотивы и обстоятельства преступления для полиции оставались неясными. Сама Эвелин так же категорически не помнила, что произошло в том злосчастном номере, и если заглянуть в её сознание, то обе версии выглядели одинаково правдоподобными.<br><br>

✦ Родители Эвелин не остались в стороне. Они свято верили в невиновность своей дочери и оплатили ей лучших адвокатов в Штатах. Те, оценив состояние Эвелин и зияющую дыру в её памяти, направили её к одному из самых известных специалистов по психиатрии и гипнотерапии, в надежде получить ясность и выстроить линию защиты, отталкиваясь от фактов, а не домыслов.<br><br>

✦ Муж Тедди, узнав о романе, пришёл в ярость, однако развестись и позволить скандалу выйти наружу он не мог - это уничтожило бы для него любую дальнейшую политическую карьеру. Поэтому, используя связи свои и семьи, он добился для Эвелин закрытого слушания. По совету адвокатов ему так же пришлось согласиться на семейную терапию - это крайне выигрышно смотрелось бы для суда. К его неудовольствию, терапия так же начала давать свои плоды: оба стали замечать в собственном поведении и их отношениях то, что годами делало возможной и измену, и залёгшую огромную трещину между ними. К полному примирению они всё ещё готовы не были, но открытой вражды между ними уже не осталось, только холодная ясность с горьким послевкусием ностальгии по былым временам, и редкими вспышками тепла, когда события хотя бы на миг отступали на второй план.<br><br>

✦ Сын воспринял новости о романе матери особенно тяжело. Он принципиально перестал разговаривать и контактировать с Эвелин, относясь к ней словно как к прокажённой и воспринимая случившееся, как предательство. Страдая, он отдалился от обоих родителей: от матери - с молчаливым презрением, от отца - с растущим недоверием к человеку, который продолжал играть роль примерного семьянина. В доме, где раньше сохранялась видимость порядка, воцарилась тишина, в которой каждый из них остался один.

<br><br><br><div style="font-family: Aboreto; font-size: 10px; text-align: center; line-height: 9px;"">
<span style="color: #b8b8b8;"> Tether me. </span>
<span style="font-size: 11px">Tether me. </span>
<span style="color: #b8b8b8;"> Tether me.</span>
<br><br><br>
</div>
    </div>
  </div>
</div>[/html]