[hideprofile]
[html]<div class="page-wrapper">
  <div class="page-bg">
    <div class="title-card">

      <div class="page-header">
        <div class="page-title">Mirror of Erised</div>
        <div class="page-subtitle">занятые внешности • занятые имена</div>
      </div>

      <div class="page-intro">
        <div>
         Магическое зеркало, демонстрирующее cамое сокровенные желание человека. А мы покажем в отражении закрепленные за профилями имена, фамилии и внешности. Если игрок разрешил дубль, запись имеет пометку <sup><b>d</b></sup>. Со списком придержанных и выкупленных можно ознакомиться в гостевой.
        </div>
      </div>

    <div class="page-switch">
  <div class="page-switch-item active" data-target="faces">Внешности</div>
  <div class="page-switch-item" data-target="names">Имена</div>
</div>

<div id="faces" class="page-switch-block">

      <div class="page-grid">

        <!-- ЛЕВАЯ КОЛОНКА — ЖЕНСКИЕ -->
        <div class="page-column">
          <div class="page-column-title">женские внешности</div>

          <center><div class="page-row page-row-group"><span class="page-group-badge">a  •  b  •  c</span></div>
<div class="page-row">ana de armas — <a href="https://solace.rusff.me/profile.php?id=21">eva borgin</a></div>
<div class="page-row">anamaria vartolomei — <a href="https://solace.rusff.me/profile.php?id=156">meredith sallow</a></div>
<div class="page-row">angelina jolie — <a href="https://solace.rusff.me/profile.php?id=49">rafaёlle meliflua</a></div>
<div class="page-row">anya taylor-joy— <a href="https://solace.rusff.me/profile.php?id=118">alecto carrow</a></div>
<div class="page-row">brianne howey — <a href="https://solace.rusff.me/profile.php?id=113">madeleine parkinson</a></div>
<div class="page-row">candiece king — <a href="https://solace.rusff.me/profile.php?id=36">marlene mckinnon</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge"> d  •  e  •  f</span></div>
<div class="page-row">deva cassel — <a href="https://solace.rusff.me/profile.php?id=11">gwendolyn avery</a></div>
<div class="page-row">ella purnell — <a href="https://solace.rusff.me/profile.php?id=136">eloise rosier</a></div>
<div class="page-row">emily ratajkowski — <a href="https://solace.rusff.me/profile.php?id=79">andarna blishwick</a></div>
<div class="page-row">emma d'arcy — <a href="https://solace.rusff.me/profile.php?id=81">meduse lima</a></div>
<div class="page-row">emmy rossum — <a href="https://solace.rusff.me/profile.php?id=65">hecate montgomery</a></div>
<div class="page-row">ester exposito — <a href="https://solace.rusff.me/profile.php?id=12">rhiannon fawley</a></div>
<div class="page-row">eva green — <a href="https://solace.rusff.me/profile.php?id=153">cassiopeia dawlish</a></div>
<div class="page-row">florence pugh — <a href="https://solace.rusff.me/profile.php?id=134">brona haywood</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge">g  •  h  •  i</span></div>
<div class="page-row">grace van dien — <a href="https://solace.rusff.me/profile.php?id=5">lamm loxley</a></div>
<div class="page-row">hailey bieber — <a href="https://solace.rusff.me/profile.php?id=121">nyx fawcett</a></div>
<div class="page-row">hande erçel — <a href="https://solace.rusff.me/profile.php?id=6">brianna ollivander</a></div>
<div class="page-row">hannah dodd — <a href="https://solace.rusff.me/profile.php?id=66">lily potter</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">j  •  k  •  l</span></div>
<div class="page-row">jenna ortega — <a href="https://solace.rusff.me/profile.php?id=35">morwynn avery</a></div>
<div class="page-row">jennifer lawrence— <a href="https://solace.rusff.me/profile.php?id=152">thessaly fenwick</a></div>
<div class="page-row">jessica alexander — <a href="https://solace.rusff.me/profile.php?id=128">rouen rosier</a></div>
<div class="page-row"> jessica chastain — <a href="https://solace.rusff.me/profile.php?id=53">amelia bones</a></div>
           
          <div class="page-row page-row-group"><span class="page-group-badge">m  •  n  •  o</span></div>
<div class="page-row">madelaine petsch — <a href="https://solace.rusff.me/profile.php?id=111">wendy wood</a></div>
<div class="page-row">madelyn cline — <a href="https://solace.rusff.me/profile.php?id=17">adeline parkinson</a></div>
<div class="page-row">margaret qualley — <a href="https://solace.rusff.me/profile.php?id=96">grace abernathy</a></div>
<div class="page-row">margot robbie — <a href="https://solace.rusff.me/profile.php?id=150">emberlyn travers</a></div>
<div class="page-row">morfydd clark — <a href="https://solace.rusff.me/profile.php?id=38">elysse gaultier</a></div>
<div class="page-row">natalia dyer — <a href="https://solace.rusff.me/profile.php?id=77">cassandra dearborn</a></div>
<div class="page-row">olivia cooke — <a href="https://solace.rusff.me/profile.php?id=55">emmeline vance</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">p  •  q  •  r</span></div>
  <div class="page-row">phoebe tonkin — <a href="https://solace.rusff.me/profile.php?id=104">dorcas meadowes</a></div>
<div class="page-row">rachel zegler — <a href="https://solace.rusff.me/profile.php?id=155">cordelia parkinson</a></div>
<div class="page-row">riley keough — <a href="https://solace.rusff.me/profile.php?id=16">hestia jones</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">s  •  t  •  u</span></div>
<div class="page-row">sadie sink — <a href="https://solace.rusff.me/profile.php?id=4">maelle greengrass</a></div>
<div class="page-row">samara weaving — <a href="https://solace.rusff.me/profile.php?id=8">narcissa malfoy</a></div>
       
          <div class="page-row page-row-group"><span class="page-group-badge"> v  •  w  •  q</span></div>
<div class="page-row">victoria pedretti — <a href="https://solace.rusff.me/profile.php?id=23">astrid greengrass</a></div>
<div class="page-row">virginia gardner — <a href="https://solace.rusff.me/profile.php?id=145">calypso parkinson</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge"> y  •  z</span></div>
<div class="page-row">zendaya — <a href="https://solace.rusff.me/profile.php?id=90">mary macdonald</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div></center>
        </div>

        <!-- ПРАВАЯ КОЛОНКА — Мужские -->
        <div class="page-column"><div class="page-column-title">мужские внешности</div>

          <center><div class="page-row page-row-group"><span class="page-group-badge">a  •  b  •  c</span></div>
<div class="page-row">aaron taylor-johnson — <a href="https://solace.rusff.me/profile.php?id=127">benjy fenwick</a></div>
<div class="page-row">аrón рiper — <a href="https://solace.rusff.me/profile.php?id=178">oscar windham</a></div>
<div class="page-row">ben barnes — <a href="https://solace.rusff.me/profile.php?id=61">mikael meliflua</a></div>
<div class="page-row">benjamin wadsworth — <a href="https://solace.rusff.me/profile.php?id=166">ciaran davies</a></div>
<div class="page-row">bill skarsgård — <a href="https://solace.rusff.me/profile.php?id=159">daniel fenwick</a></div>
<div class="page-row">boyd holbrook — <a href="https://solace.rusff.me/profile.php?id=92">alexander moreau</a></div>
<div class="page-row">charlie heaton — <a href="https://solace.rusff.me/profile.php?id=94">peter pettigrew</a></div>
<div class="page-row">charlie vickers — <a href="https://solace.rusff.me/profile.php?id=40">elias gaultier</a></div>
<div class="page-row">chris wood — <a href="https://solace.rusff.me/profile.php?id=18">obsidian flint</a></div>
<div class="page-row">christopher briney — <a href="https://solace.rusff.me/profile.php?id=10">christian nott</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge"> d  •  e  •  f</span></div>
<div class="page-row">dacre montgomery — <a href="https://solace.rusff.me/profile.php?id=163">liam bagman</a></div>
<div class="page-row">damian hardung — <a href="https://solace.rusff.me/profile.php?id=142">damien rosier</a></div>
<div class="page-row">daniel sharman — <a href="https://solace.rusff.me/profile.php?id=116">john dawlish</a></div>
<div class="page-row">david corenswet — <a href="https://solace.rusff.me/profile.php?id=95"> theseus bagshot</a></div>
<div class="page-row">drew starkey — <a href="https://solace.rusff.me/profile.php?id=13">mundungus fletcher</a></div>
<div class="page-row">felix mallard — <a href="https://solace.rusff.me/profile.php?id=88">evan rosier</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge">g  •  h  •  i</span></div>
<div class="page-row">george mackay — <a href="https://solace.rusff.me/profile.php?id=31">hugh diggory</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">j  •  k  •  l</span></div>
<div class="page-row">jacob elordi — <a href="https://solace.rusff.me/profile.php?id=32">soren goyle</a></div>
<div class="page-row">jack o'connell — <a href="https://solace.rusff.me/profile.php?id=82">gerald wood</a></div>
<div class="page-row">joe keery — <a href="https://solace.rusff.me/profile.php?id=34">remus lupin</a></div>
<div class="page-row">jon hamm — <a href="https://solace.rusff.me/profile.php?id=14">theodore nott</a></div>
<div class="page-row">josh heuston — <a href="https://solace.rusff.me/profile.php?id=103">esteban avery</a></div>
<div class="page-row">karl urban — <a href="https://solace.rusff.me/profile.php?id=141">declan scabior</a></div>
<div class="page-row">kerem bursin — <a href="https://solace.rusff.me/profile.php?id=47"> edgar bones </a></div>
<div class="page-row">louis partridge — <a href="https://solace.rusff.me/profile.php?id=7">sirius black</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">m  •  n  •  o</span></div>
<div class="page-row">manu rios — <a href="https://solace.rusff.me/profile.php?id=176">rabastan lestrange</a></div>
<div class="page-row">matthew goode — <a href="https://solace.rusff.me/profile.php?id=131">theobald flume</a></div>
<div class="page-row">nicolas chavez — <a href="https://solace.rusff.me/profile.php?id=41">cicero macfusty</a></div>
<div class="page-row">nicholas galitzine — <a href="https://solace.rusff.me/profile.php?id=37">james potter</a></div>
<div class="page-row">nikolaj coster-waldau — <a href="https://solace.rusff.me/profile.php?id=123">antonin dolohov</a></div>
<div class="page-row">oscar isaac — <a href="https://solace.rusff.me/profile.php?id=64">fergus macmillan</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">p  •  q  •  r</span></div>
<div class="page-row">paul mescal — <a href="https://solace.rusff.me/profile.php?id=157">perseus maddox</a></div>
<div class="page-row">richard madden — <a href="https://solace.rusff.me/profile.php?id=139">julian dawlish</a></div>
<div class="page-row">robert pattinson — <a href="https://solace.rusff.me/profile.php?id=51">frank longbottom</a></div>
                 
          <div class="page-row page-row-group"><span class="page-group-badge">s  •  t  •  u</span></div>
<div class="page-row">sebastian stan — <a href="https://solace.rusff.me/profile.php?id=28">alastor moody</a></div>
<div class="page-row">theo james — <a href="https://solace.rusff.me/profile.php?id=50">cedric rowle</a></div>
<div class="page-row">timothee chalamet — <a href="https://solace.rusff.me/profile.php?id=93">dirk cresswell</a></div>
<div class="page-row">tom blyth — <a href="https://solace.rusff.me/profile.php?id=9">lucius malfoy</a></div>
<div class="page-row">tyler young — <a href="https://solace.rusff.me/profile.php?id=22">regulus black</a></div>
       
          <div class="page-row page-row-group"><span class="page-group-badge"> v  •  w  •  q</span></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge"> y  •  z</span></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div></center></div>
      </div></div>

      <div id="names" class="page-switch-block">

      <div class="page-grid">

        <!-- ЛЕВАЯ КОЛОНКА — ЖЕНСКИЕ -->
        <div class="page-column">
          <div class="page-column-title">женские имена</div>

          <center><div class="page-row page-row-group"><span class="page-group-badge">a  •  b  •  c</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=17">adeline</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=118">alecto</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=53">amelia </a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=79">andarna</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=23">astrid</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=6">brianna</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=134"> brona </a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=145">calypso</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=77">cassandra</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=153">cassiopeia</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=155">cordelia</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge"> d  •  e  •  f</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=104">dorcas</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=136">eloise</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=38">elysse</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=150">emberlyn</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=55">emmeline</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=21">eva</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=21">evangeline</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge">g  •  h  •  i</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=96">grace</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=11">gwendolyn</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=65">hecate</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=16">hestia</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">j  •  k  •  l</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=5">lamm</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=66">lily</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=38">lyssa</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">m  •  n  •  o</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=113">madeleine</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=4">maelle</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=36">marlene</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=90">mary </a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=4">may</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=81">meduse</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=156">meredith</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=35">morwynn</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=8">narcissa</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=121">nyx</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">p  •  q  •  r</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=49">rafaёlle</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=12">rhiannon</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=128">rouen</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">s  •  t  •  u</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=152">thessaly</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
       
          <div class="page-row page-row-group"><span class="page-group-badge"> v  •  w  •  q</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=111">wendy</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge"> y  •  z</span></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div></center>
        </div>

        <!-- ПРАВАЯ КОЛОНКА — Мужские -->
        <div class="page-column"><div class="page-column-title">мужские имена</div>

          <center><div class="page-row page-row-group"><span class="page-group-badge">a  •  b  •  c</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=28">alastor</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=92">alexander</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=123">antonin</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=127">benjamin</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=50"> cedric </a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=10">christian</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=166">ciaran</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=41">cicero</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge"> d  •  e  •  f</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=142">damien </a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=159">daniel</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=141">declan</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=93">dirk</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=47">edgar</a></div>
         <div class="page-row"><a href="https://solace.rusff.me/profile.php?id=40">elias</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=40">eli</a></div>
         <div class="page-row"><a href="https://solace.rusff.me/profile.php?id=103">esteban</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=88">evan</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=64">fergus</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=51">frank</a></div>

          <div class="page-row page-row-group"><span class="page-group-badge">g  •  h  •  i</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=82">gerald</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=31">hugh</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">j  •  k  •  l</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=37">james</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=116">john</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=139">julian</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=163">liam</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=9">lucius</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">m  •  n  •  o</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=61">mikael</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=13">mundungus</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=18">obsidian</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=178">oscar</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge">p  •  q  •  r</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=94">peter</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=157">perseus</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=176">rabastan</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=22">regulus</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=34">remus</a></div>

         
          <div class="page-row page-row-group"><span class="page-group-badge">s  •  t  •  u</span></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=7">sirius</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=32">soren</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=131"> theobald </a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=14">theodore</a></div>
<div class="page-row"><a href="https://solace.rusff.me/profile.php?id=95">theseus</a></div>

       
          <div class="page-row page-row-group"><span class="page-group-badge"> v  •  w  •  q</span></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
         
          <div class="page-row page-row-group"><span class="page-group-badge"> y  •  z</span></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
          <div class="page-row">name surname — <a href="ссылка на профиль">name surname</a></div>
</center></div>
      </div></div>
    </div>
  </div>
</div>

<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=PT+Serif:ital@0;1&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./style.css">

<script>
(function(){
  function initTabs() {
    const buttons = document.querySelectorAll('.page-switch-item');
    const blocks = document.querySelectorAll('.page-switch-block');

    if (buttons.length === 0 || blocks.length === 0) return;

    // Функция переключения
    function openTab(targetId) {
      // Скрываем все блоки
      blocks.forEach(block => {
        block.style.display = 'none';
      });

      // Убираем active у всех кнопок
      buttons.forEach(btn => {
        btn.classList.remove('active');
      });

      // Показываем нужный блок
      const targetBlock = document.getElementById(targetId);
      if (targetBlock) {
        targetBlock.style.display = 'block';  // или 'grid', если у тебя grid
      }

      // Активируем кнопку
      const activeBtn = document.querySelector(`.page-switch-item[data-target="${targetId}"]`);
      if (activeBtn) {
        activeBtn.classList.add('active');
      }
    }

    // Навешиваем клики
    buttons.forEach(btn => {
      btn.addEventListener('click', function() {
        const target = this.dataset.target;
        if (target) {
          openTab(target);
        }
      });
    });

    // Показываем первую вкладку при загрузке (ту, у которой .active)
    const activeBtn = document.querySelector('.page-switch-item.active');
    if (activeBtn && activeBtn.dataset.target) {
      openTab(activeBtn.dataset.target);
    } else if (buttons[0] && buttons[0].dataset.target) {
      // если .active нет — открываем первую
      openTab(buttons[0].dataset.target);
      buttons[0].classList.add('active');
    }
  }

  // Запускаем после загрузки DOM
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initTabs);
  } else {
    initTabs();
  }
})();
</script>[/html]