/* ═══════════════════════════════════════════════════════════════════════════════
   📔 PREMIUM ТЕФТЕРЪТ „ДНЕС ЗА ТЕБ“ · „Дневник на мама“ (референции 11 и 17), 22.09.2026
   Блокът е от js/pl-dnevnik.js — под банера на стаята, върху сцената img/scene/dnevnik.webp.
   22.09 (сцените): облечен в ОБЩИТЕ материали на css/pl-ui.css — страницата е .pl-felt (филц с
   пунктирен шев), етикетите на личицата и второстепенните бутони са .pl-soft (избраното .on =
   розов филц), „Пиши“ е .pl-gel (розов гел). Свой гел/филц тук НЯМА — само формата.
   Фигурите (реф. 11/17): люлякова сатенена панделка-разделител, плюшеният лотос над въпроса
   (реф. 17, над „5 минути за мен“), пет плюшени филцови копчета с бял ръб и шев (реф. 17,
   „От какво имаш нужда?“), страница от тефтер с редове, гръбче, купчина листа и каишка със
   златно сърце (реф. 11), плюшени иконки от спрайтовете img/art/ico-*.webp.
   Контраст: сметнат в страницата върху ФИЛЦА (текстурата е умножена — мерено с canvas), вж.
   scratchpad/ag2_dnevnik_kontrast.js. Докосване: всичко ≥ 44 px. Цифри — Nunito (не Georgia).
   🪤 url() в ТОЗИ файл се разрешава спрямо css/ → пише се ../img/art/…
   ПЪТ НАЗАД: махни <link href="css/pl-dnevnik.css"> и <script src="js/pl-dnevnik.js"> от index.html.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* 🪤 #roRoom е flex колона с фиксирана височина — без flex:none блокът се свива. */
#roRoom > .pl-dn {
  flex: none; margin: 0; min-width: 0;
  color: var(--pl-ink, #3b3f5c);
  font-family: Nunito, Nunito-fallback, system-ui, sans-serif;
}
/* старата карта-герой „Днес за теб“ (roomhero.js:174-178) казва същото — само докато тефтерът е над нея */
.ro-panel.ro-lav #roRoom > .pl-dn ~ .rh-hero { display: none !important; }

/* ── страницата: .pl-felt (фон, кант, сянка, шевът ::after — от pl-ui.css) ── */
#roRoom .pl-dn-book { padding: 18px 16px 16px; }

/* люляковата сатенена панделка-разделител (реф. 11): прегъната през горния ръб, с блясък по средата */
.pl-dn-ribbon {
  position: absolute; top: -5px; right: 26px; width: 20px; height: 66px; z-index: 2;
  background:
    linear-gradient(180deg, rgba(90, 60, 140, .28) 0, rgba(90, 60, 140, 0) 9px),
    linear-gradient(90deg, #a98fdb 0, #c9b4f0 30%, #e6dafa 46%, #c3adec 60%, #a489d6 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
  filter: drop-shadow(0 3px 3px rgba(96, 70, 150, .28));
}
.pl-dn-ribbon::before {   /* прегънатото парче върху ръба */
  content: ''; position: absolute; left: -2px; right: -2px; top: 0; height: 7px; border-radius: 3px;
  background: linear-gradient(90deg, #9277c9, #b9a1e8 50%, #9277c9);
}

/* „Днес за теб“ + датата — като „Моят малък план · Днес, 20 септември“ в реф. 17 */
.pl-dn-eye {
  position: relative; display: flex; align-items: center; gap: 11px;
  margin: 0 50px 0 0; line-height: 1.2;
}
.pl-dn-eye > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.pl-dn-eye b { font-family: var(--pl-serif, Georgia, serif); font-size: 18px; font-weight: 700; color: var(--pl-navy, #1d2a5c); }
.pl-dn-eye small { font-size: 13px; font-weight: 800; color: #5d596f; font-variant-numeric: lining-nums tabular-nums; }
.pl-dn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* ── плюшените иконки в кръг (спрайт 4×4; бял фон → multiply върху пастела; нощем бял кръг) ── */
.pl-dn-ic, .pl-dn-ic2, .pl-dn-ico {
  flex: none; display: inline-block; border-radius: 50%;
  background-image: url(../img/art/ico-b.webp); background-size: 400% 400%; background-repeat: no-repeat;
  background-blend-mode: multiply;
  box-shadow: inset 0 0 0 2.5px rgba(255, 255, 255, .9), 0 2px 0 rgba(203, 176, 150, .55), 0 5px 10px rgba(110, 76, 52, .12);
}
.pl-dn-ic { width: 46px; height: 46px; background-color: #ece4f8; background-position: 33.333% 0%; }            /* ico-b [0,1] лилаво сърце = плочката „Днес за теб“ (premium-rooms.js:68) */
.pl-dn-ic2 { width: 42px; height: 42px; background-color: #fde6ef; background-image: url(../img/art/ico-a.webp); background-position: 100% 66.667%; }   /* ico-a [2,3] розовият тефтер */
.pl-dn-last[data-s="lock"] .pl-dn-ic2 { background-color: #ece4f8; background-image: url(../img/art/ico-b.webp); background-position: 66.667% 33.333%; }   /* ico-b [1,2] катинар = „Лично“ */
.pl-dn-moon { width: 32px; height: 32px; margin-left: -8px; background-color: #fff; background-image: url(../img/art/ico-a.webp); background-position: 33.333% 33.333%; }   /* ico-a [1,1] сънената луна = Луна */
.pl-dn-pen { width: 38px; height: 38px; background-color: #fff; background-position: 100% 0%; box-shadow: 0 1px 0 rgba(120, 20, 60, .25); }   /* ico-b [0,3] моливът */

/* ── медальонът „Как си днес?“ — плюшеният лотос отгоре (реф. 17, ico-e [0,2]) ── */
.pl-dn-medal { position: relative; margin: 10px 0 12px; text-align: center; }
.pl-dn-lotus {
  /* клетка [0,2] при спрайт 256 px = 64 px клетки; лотосът е в y≈19–49 на клетката → показваме 14–54 */
  display: block; width: 64px; height: 40px; margin: 0 auto 2px;
  background: url(../img/art/ico-e.webp) -128px -14px / 256px 256px no-repeat;
  mix-blend-mode: multiply;      /* белият фон на спрайта изчезва във филца (като .pl-day-it i.pl-art, premium.css:126) */
}
.pl-dn-medal::before, .pl-dn-medal::after {   /* златните черти от двете страни (реф. 17 „— От какво имаш нужда? —“) */
  content: ''; position: absolute; top: 20px; width: calc(50% - 46px); height: 2px; border-radius: 2px;
  background: linear-gradient(90deg, rgba(214, 180, 128, 0), #d6b480);
}
.pl-dn-medal::before { left: 8px; }
.pl-dn-medal::after { right: 8px; transform: scaleX(-1); }
.pl-dn-q {
  position: relative; margin: 0;
  font-family: var(--pl-serif, Georgia, 'Noto Serif', serif); font-weight: 700; font-size: 32px; line-height: 1.05;
  letter-spacing: -.5px; color: var(--pl-navy, #1d2a5c);
}
.pl-dn-q i { font-style: normal; font-weight: 400; color: #d95a8e; }

/* ── петте личица (rooms.js:112 MOODS) — плюшени филцови копчета с бял ръб и шев (реф. 17) ── */
/* редът ползва и част от полето на страницата (−8px) — етикетите са на един ред като в реф. 17 */
.pl-dn-moods { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0 -8px; }
#roRoom .pl-dn-m {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 0;
  min-width: 0; min-height: 44px; margin: 0; padding: 3px 0 4px;
  border: 0; border-radius: 18px; background: none; cursor: pointer;
  font: inherit; color: var(--pl-navy, #1d2a5c); -webkit-tap-highlight-color: transparent;
}
.pl-dn-face {
  position: relative; z-index: 0; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%;
  font-size: 28px; line-height: 1;
  background-color: var(--t1);
  background-image:
    radial-gradient(circle at 33% 24%, rgba(255, 255, 255, .92) 0, rgba(255, 255, 255, 0) 44%),
    radial-gradient(circle at 60% 115%, var(--t2) 0, rgba(255, 255, 255, 0) 72%),
    url(../img/art/felt.webp);
  background-size: auto, auto, 120px 120px;
  background-blend-mode: normal, normal, multiply;
  border: 3px solid #fff;
  outline: 1.5px dashed rgba(255, 255, 255, .95); outline-offset: -9px;      /* шевът по диска */
  box-shadow: 0 0 0 1px var(--rim), 0 3px 0 var(--rim), 0 9px 14px var(--glow), inset 0 -7px 10px rgba(110, 76, 52, .10);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, filter .2s ease;
}
.pl-dn-m.t-lilac  { --t1: #efe7fb; --t2: #cdbdf0; --rim: #d9ccef; --glow: rgba(143, 122, 224, .24); }
.pl-dn-m.t-sky    { --t1: #e7effd; --t2: #bcd2f4; --rim: #c9d9f2; --glow: rgba(90, 130, 200, .22); }
.pl-dn-m.t-butter { --t1: #fdf4da; --t2: #f0d99c; --rim: #eedfb6; --glow: rgba(214, 170, 70, .22); }
.pl-dn-m.t-mint   { --t1: #e4f4e9; --t2: #bfe2ca; --rim: #cfe6d7; --glow: rgba(80, 170, 120, .22); }
.pl-dn-m.t-pink   { --t1: #fde8f0; --t2: #f6c3d7; --rim: #f1cfdc; --glow: rgba(229, 109, 153, .24); }
/* етикетът — кремаво филцово хапче (.pl-soft от pl-ui.css), леко застъпва долния ръб на копчето (реф. 17) */
/* 🪤 „горе-долу“ се пречупваше на тиретата, „много тежко“ на два реда → хапчета с различна височина.
   Сега: един ред, центрирано под диска; по-дългите излизат малко встрани от колоната си (съседите
   са къси — разстоянията се МЕРЯТ в ag2_dnevnik_funk.js: хапчетата не бива да се застъпват). */
#roRoom .pl-dn-ml.pl-soft {
  position: relative; z-index: 1; display: block; min-width: 54px; margin-top: -9px; padding: 4px 7px;
  border-radius: 12px; font-size: 11px; font-weight: 800; line-height: 1.2; text-align: center;
  white-space: nowrap;
}
#roRoom .pl-dn-m:active .pl-dn-face { transform: scale(.93); }
.pl-dn-m[aria-pressed="true"] .pl-dn-face {
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 0 0 1px var(--rim), 0 0 0 4.5px #e98fb3, 0 3px 0 4.5px #d97aa2, 0 12px 18px rgba(217, 90, 142, .30);
}
/* избрано е едно — другите отстъпват (само дискът; хапчето пази контраста си) */
.pl-dn.has-mood .pl-dn-m[aria-pressed="false"] .pl-dn-face { opacity: .74; filter: saturate(.8); }
#roRoom .pl-dn-m:focus-visible { outline: 3px solid #b8376f; outline-offset: 2px; }

/* ── отговорът на картата (огледало на rooms.js живДума) ── */
.pl-dn-st {
  margin: 12px 0 0; padding: 0 4px; min-height: 20px;
  font-size: 13.5px; font-weight: 700; line-height: 1.4; text-align: center; color: #5d596f;
}
.pl-dn-st.is-reply {
  position: relative; padding: 11px 14px; border-radius: 18px;
  background: #fde6ef url(../img/art/felt.webp) 0 0 / 160px 160px; background-blend-mode: multiply;
  box-shadow: inset 0 0 0 1.5px #f3bfd3, 0 2px 0 #eab3c8;
  font-size: 14.5px; color: var(--pl-navy, #1d2a5c);
}
.pl-dn-st.is-reply::before {   /* опашката на балончето — към личицата */
  content: ''; position: absolute; top: -7px; left: 50%; width: 14px; height: 14px; margin-left: -7px;
  background: #fde6ef; transform: rotate(45deg); box-shadow: -1.5px -1.5px 0 #f3bfd3; border-radius: 3px 0 0 0;
}
.pl-dn-more { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 10px; }
.pl-dn-more:not(:has(button:not([hidden]))) { display: none; }
#roRoom .pl-dn-link {
  display: inline-flex; align-items: center; gap: 8px; min-height: 46px; margin: 0; padding: 0 16px;
  border-radius: 999px; cursor: pointer;
  font: 800 13.5px/1.2 Nunito, Nunito-fallback, system-ui, sans-serif; -webkit-tap-highlight-color: transparent;
}
#roRoom .pl-dn-link[hidden] { display: none; }
#roRoom .pl-dn-link:focus-visible, #roRoom .pl-dn-write:focus-visible { outline: 3px solid #b8376f; outline-offset: 3px; }

/* ── „Последно написано“ (реф. 17 „Моят малък план“: иконка + серифно заглавие, после страницата) ── */
.pl-dn-last { margin-top: 18px; }
.pl-dn-h {
  display: flex; align-items: center; gap: 10px; margin: 0 0 10px 2px;
  font-family: var(--pl-serif, Georgia, serif); font-weight: 700; font-size: 19px; line-height: 1.15; color: var(--pl-navy, #1d2a5c);
}
.pl-dn-h > span { flex: 1; min-width: 0; }
.pl-dn-h::after { content: ''; flex: 0 1 60px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #d6b480, rgba(214, 180, 128, 0)); }
/* страницата на тефтера (реф. 11): хартия с редове, гръбче вляво, купчина листа отдолу, каишка със сърце */
.pl-dn-page {
  position: relative; margin: 0 4px 10px 0; padding: 12px 34px 12px 20px;
  border-radius: 6px 18px 18px 6px;
  background:
    linear-gradient(90deg, rgba(160, 120, 90, .16) 0, rgba(160, 120, 90, 0) 16px),           /* прегъвът към гръбчето */
    #fffdf7;
  box-shadow:
    inset 3px 0 0 #eadcc9,
    1.5px 2px 0 #f4e9da, 3px 4px 0 #eadbc6, 4.5px 6px 0 #e2cfb6,                          /* ръбовете на листата отдолу */
    0 12px 18px rgba(110, 76, 52, .16);
}
/* каишката с копче-сърце (реф. 11 — ленената каишка на тефтера със златното сърце) */
.pl-dn-clasp {
  position: absolute; top: 50%; right: -9px; width: 34px; height: 30px; margin-top: -15px;
  border-radius: 9px 0 0 9px;
  background: #e8d9c3 url(../img/art/felt.webp) 0 0 / 80px 80px; background-blend-mode: multiply;
  box-shadow: inset 0 0 0 1px #d3bea0, inset 0 0 0 3px #efe3d2, 0 2px 4px rgba(110, 76, 52, .22);
  outline: 1px dashed rgba(170, 135, 100, .6); outline-offset: -6px;          /* шевът на каишката */
}
.pl-dn-clasp::before {   /* златното копче-сърце: маска-сърце, пълна с метален градиент */
  content: ''; position: absolute; left: 7px; top: 50%; width: 18px; height: 16px; margin-top: -8px;
  background: linear-gradient(155deg, #fff1b8 0, #f0c75e 35%, #cf9a35 70%, #a8761f 100%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S3.5 15.6 1.6 10.6C.2 6.9 2.5 2.2 6.8 2.2c2.3 0 3.9 1.3 5.2 3.1 1.3-1.8 2.9-3.1 5.2-3.1 4.3 0 6.6 4.7 5.2 8.4C20.5 15.6 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S3.5 15.6 1.6 10.6C.2 6.9 2.5 2.2 6.8 2.2c2.3 0 3.9 1.3 5.2 3.1 1.3-1.8 2.9-3.1 5.2-3.1 4.3 0 6.6 4.7 5.2 8.4C20.5 15.6 12 21 12 21z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pl-dn-clasp::after {    /* блясъкът върху копчето */
  content: ''; position: absolute; left: 10px; top: 50%; width: 5px; height: 3px; margin-top: -5px; border-radius: 50%;
  background: rgba(255, 255, 255, .85); transform: rotate(-25deg);
}
.pl-dn-txt {
  margin: 0; overflow-wrap: anywhere;
  font-family: var(--pl-serif, Georgia, serif); font-style: italic; font-size: 16.5px; line-height: 27px; color: var(--pl-navy, #1d2a5c);
  /* линиите на страницата: всеки ред текст стои на своя линия */
  background: repeating-linear-gradient(180deg, transparent 0, transparent 26px, rgba(170, 140, 200, .34) 26px, rgba(170, 140, 200, .34) 27px);
}
/* 🔢 цифрите — Nunito (старинните цифри на Georgia: „0“ се чете „о“) */
.pl-dn-n { font-family: Nunito, Nunito-fallback, system-ui, sans-serif; font-weight: 600; font-variant-numeric: lining-nums; }
.pl-dn-last[data-s="empty"] .pl-dn-txt, .pl-dn-last[data-s="lock"] .pl-dn-txt { font-style: normal; font-weight: 700; color: var(--pl-ink, #3b3f5c); }
.pl-dn-meta { display: block; margin-top: 6px; font-size: 12.5px; font-weight: 800; line-height: 1.3; color: #5d596f; font-variant-numeric: lining-nums; }

/* ── розовото „Пиши“ — гелът е .pl-gel (pl-ui.css); тук само формата: хапче с плюшен молив и › ── */
#roRoom .pl-dn-write {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  width: 100%; min-height: 58px; margin: 18px 0 0; padding: 0 12px 0 10px;
  border-radius: 999px; cursor: pointer;
  font: 800 20px/1 Nunito, Nunito-fallback, system-ui, sans-serif; letter-spacing: .2px;
  -webkit-tap-highlight-color: transparent;
}
.pl-dn-wt { flex: 1; text-align: center; margin-right: 26px; }
.pl-dn-write > b {
  display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
  background: rgba(255, 255, 255, .95); color: #b8376f; font-size: 21px; line-height: 1; text-shadow: none;
  box-shadow: 0 1px 0 rgba(120, 20, 60, .25);
}
.pl-dn-priv { margin: 12px 0 0; font-size: 12.5px; font-weight: 700; text-align: center; color: #5d596f; }

/* по-тесен телефон (360 px): личицата се свиват, да не прелее */
@media (max-width: 370px) {
  .pl-dn-face { width: 52px; height: 52px; font-size: 25px; }
  .pl-dn-q { font-size: 29px; }
  #roRoom .pl-dn-ml.pl-soft { font-size: 10.5px; padding: 4px 5px; min-width: 48px; }
}

/* ═══ НОЩ (21:00–7:00) — филцът е нощно синьо (pl-ui.css), пастелните копчета светят като стикери ═══ */
html[data-theme="dark"] .pl-dn-ribbon { filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .35)) brightness(.95); }
html[data-theme="dark"] .pl-dn-eye { color: #fff; }       /* и невидимата запетая за четеца (.pl-dn-sr) — да не мери 1.2:1 */
html[data-theme="dark"] .pl-dn-eye small { color: #c9cbe3; }
html[data-theme="dark"] .pl-dn-eye b { color: #fff; }
/* плюшените иконки нощем — бял кръг под тях (белият фон на спрайта) */
html[data-theme="dark"] .pl-dn-ic, html[data-theme="dark"] .pl-dn-ic2, html[data-theme="dark"] .pl-dn-ico { background-color: #fff; background-blend-mode: normal; box-shadow: 0 2px 0 #18214a; }
html[data-theme="dark"] .pl-dn-last[data-s="lock"] .pl-dn-ic2 { background-color: #fff; }
html[data-theme="dark"] .pl-dn-lotus { mix-blend-mode: normal; width: 52px; height: 52px; border-radius: 50%; background-color: #fff; background-size: 400% 400%; background-position: 66.667% 0%; box-shadow: 0 2px 0 #18214a; }
html[data-theme="dark"] .pl-dn-q { color: #fff; }
html[data-theme="dark"] .pl-dn-q i { color: #f59cbb; }
html[data-theme="dark"] .pl-dn-face { border-color: #e9ebf8; box-shadow: 0 3px 0 #18214a, 0 8px 14px rgba(0, 0, 0, .35); }
html[data-theme="dark"] .pl-dn-m[aria-pressed="true"] .pl-dn-face { box-shadow: 0 0 0 4.5px #f59cbb, 0 3px 0 4.5px #c96f95, 0 12px 18px rgba(0, 0, 0, .4); }
html[data-theme="dark"] .pl-dn.has-mood .pl-dn-m[aria-pressed="false"] .pl-dn-face { opacity: .62; }
html[data-theme="dark"] .pl-dn-st { color: #c9cbe3; }
html[data-theme="dark"] .pl-dn-st.is-reply { background-color: #3d2f63; box-shadow: inset 0 0 0 1.5px rgba(245, 156, 187, .45), 0 2px 0 #18214a; color: #fff; }
html[data-theme="dark"] .pl-dn-st.is-reply::before { background: #3d2f63; box-shadow: -1.5px -1.5px 0 rgba(245, 156, 187, .45); }
html[data-theme="dark"] #roRoom .pl-dn-m:focus-visible, html[data-theme="dark"] #roRoom .pl-dn-link:focus-visible, html[data-theme="dark"] #roRoom .pl-dn-write:focus-visible { outline-color: #f59cbb; }
html[data-theme="dark"] .pl-dn-h { color: #fff; }
html[data-theme="dark"] .pl-dn-page {
  background: linear-gradient(90deg, rgba(0, 0, 0, .22) 0, rgba(0, 0, 0, 0) 16px), #1e2858;
  box-shadow: inset 3px 0 0 #2f3b78, 1.5px 2px 0 #2a3570, 3px 4px 0 #243066, 4.5px 6px 0 #1d2858, 0 12px 18px rgba(0, 0, 0, .3);
}
html[data-theme="dark"] .pl-dn-clasp { background-color: #b9a88f; }
html[data-theme="dark"] .pl-dn-txt { color: #fff; background: repeating-linear-gradient(180deg, transparent 0, transparent 26px, rgba(255, 255, 255, .15) 26px, rgba(255, 255, 255, .15) 27px); }
html[data-theme="dark"] .pl-dn-last[data-s="empty"] .pl-dn-txt, html[data-theme="dark"] .pl-dn-last[data-s="lock"] .pl-dn-txt { color: #e8e9f5; }
html[data-theme="dark"] .pl-dn-meta, html[data-theme="dark"] .pl-dn-priv { color: #c9cbe3; }

@media (prefers-reduced-motion: reduce) {
  .pl-dn-face { transition: none; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   29.09 · ЦЯЛАТА СТАЯ В СВЕТА НА ТЕФТЕРА (реф. 11: кремава хартия с редове, люлякова
   панделка, златни звездички върху розов филц; реф. 17: кръгли плюшени копчета).
   Дотук преоблечен беше САМО тефтерът „Днес за теб“ отгоре. Под него 34 карти още
   бяха от стария свят. МЕРЕНО преди (wf3_dn_meri, 390px, светло):
     · 34 заглавия се пречупваха на 3–4 реда — „Банка с идеи за / разпускане“ падаше
       ПОД медальона и оставяше дупка (h=92px, 4 реда при ред 25px);
     · 19 полета за писане бяха ПЛОСКО БЯЛО (bg rgb(255,255,255), background-image NONE)
       — в стаята на дневника хартията трябва да е хартия;
     · 3 системни емоджита светеха жълто в „Днес успях да…“ — pl-plyush.js:161 не ги
       обвива, защото нямат рисунка в картата К (оправено в js/pl-dnevnik.js).
   ВСИЧКО тук е под ключ „.ro-lav“ (персонажът на дневника) — другите стаи не се пипат.
   ПЪТ НАЗАД: маха се целият блок от този ред надолу — горният тефтер остава цял.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 1 · ЗАГЛАВИЕТО: медальонът е СВОЯ колона, а не буква в реда ──
   h4.jr-title е блок, а .jr-medal е inline-block → вторият ред на дълго заглавие
   минаваше ПОД медальона. С flex заглавието е свой елемент и се пречупва в своята
   колона; .jr-sub пада на цял ред отдолу, както си беше. Полето вдясно (54px за
   карфицата и стрелката, mega.css:621) не се пипа. */
html body #roomOverlay .ro-lav .jr-card > h4.jr-title {
  display: flex; flex-wrap: wrap; align-items: center; column-gap: 9px; row-gap: 2px;
}
html body #roomOverlay .ro-lav .jr-card > h4.jr-title > .jr-medal { flex: 0 0 auto; }
html body #roomOverlay .ro-lav .jr-card > h4.jr-title > .jr-sub { flex: 1 0 100%; margin-top: 1px; }
/* карфицата и стрелката са absolute — flex не ги мести, но да сме сигурни */
html body #roomOverlay .ro-lav .jr-card > h4.jr-title > .pin-btn,
html body #roomOverlay .ro-lav .jr-card > h4.jr-title > .fold-btn { flex: 0 0 auto; }

/* ── 2 · ХАРТИЯТА (реф. 11) ──
   Плоското бяло поле става лист от тефтер: кремаво, с люлякови редове и с полето
   вляво, както е начертан листът в референцията. background-attachment:local —
   редовете се плъзгат С текста, иначе буквите се откъсват от чертите.
   Редът е 26px и line-height е 26px → написаното ляга ВЪРХУ чертата, не между тях. */
html body #roomOverlay .ro-lav .jr-card textarea.jr-paper,
html body #roomOverlay .ro-lav .jr-card input.jr-word {
  background-color: #fffdf5 !important;
  background-image:
    linear-gradient(90deg, rgba(168, 134, 190, .34) 0 1.5px, rgba(168, 134, 190, 0) 1.5px),
    repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 25px, rgba(150, 124, 172, .22) 25px 26px) !important;
  background-repeat: no-repeat, repeat !important;
  background-attachment: local, local !important;
  background-position: 17px 0, 0 7px !important;
  background-size: auto, auto !important;
  border: 1px solid rgba(196, 160, 124, .62) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 2px 5px rgba(120, 88, 58, .09), 0 2px 0 rgba(255, 255, 255, .8) !important;
  color: #2b2450 !important;
  font-family: var(--pl-serif, Georgia), Georgia, serif !important;
  font-size: 15px !important;
  line-height: 26px !important;
  padding: 9px 14px 11px 27px !important;
}
/* подсказката да се чете (мерено по пиксели, не на око) */
html body #roomOverlay .ro-lav .jr-card textarea.jr-paper::placeholder,
html body #roomOverlay .ro-lav .jr-card input.jr-word::placeholder {
  color: #655b83 !important; opacity: 1 !important; font-style: italic;
}
html body #roomOverlay .ro-lav .jr-card textarea.jr-paper:focus,
html body #roomOverlay .ro-lav .jr-card input.jr-word:focus {
  border-color: rgba(217, 116, 157, .7) !important;
  box-shadow: inset 0 2px 5px rgba(120, 88, 58, .09), 0 0 0 3px rgba(245, 190, 212, .55) !important;
}

/* ── 3 · МАЛКИТЕ ПОБЕДИ (.jr-wins) — филцови редове вместо плоски бели хапчета ──
   Кръгчето .jr-check става филцово копче; щом е избрано — розов гел с бяла отметка. */
html body #roomOverlay .ro-lav .jr-wins .jr-win {
  position: relative;
  display: flex; align-items: center; gap: 9px;
  min-height: 52px;
  background-color: #fffaf0 !important;
  background-image: var(--ui-felt) !important;
  background-size: 150px 150px !important;
  background-blend-mode: multiply !important;
  border: 1px solid rgba(214, 186, 158, .6) !important;
  border-radius: 20px !important;
  box-shadow: 0 3px 0 rgba(198, 166, 134, .32), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
  color: #3a2f4e !important;
  text-align: left;
  transition: transform .18s cubic-bezier(.22, .9, .3, 1), box-shadow .18s ease;
}
html body #roomOverlay .ro-lav .jr-wins .jr-win:active {
  transform: translateY(2px); box-shadow: 0 1px 0 rgba(198, 166, 134, .32) !important;
}
html body #roomOverlay .ro-lav .jr-wins .jr-win > .jr-check {
  flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%;
  background: #fff7ec; border: 2px solid rgba(196, 160, 124, .75);
  box-shadow: inset 0 2px 3px rgba(120, 88, 58, .14);
  position: relative; transition: background .2s ease, border-color .2s ease;
}
html body #roomOverlay .ro-lav .jr-wins .jr-win.on,
html body #roomOverlay .ro-lav .jr-wins .jr-win[aria-pressed="true"],
html body #roomOverlay .ro-lav .jr-wins .jr-win.done { background-color: #fff2f7 !important; border-color: rgba(217, 116, 157, .5) !important; }
html body #roomOverlay .ro-lav .jr-wins .jr-win.on > .jr-check,
html body #roomOverlay .ro-lav .jr-wins .jr-win[aria-pressed="true"] > .jr-check,
html body #roomOverlay .ro-lav .jr-wins .jr-win.done > .jr-check {
  background: radial-gradient(120% 120% at 50% 18%, #f7a6c4 0, #e4779f 58%, #cf5f8c 100%);
  border-color: rgba(201, 84, 130, .62);
}
html body #roomOverlay .ro-lav .jr-wins .jr-win.on > .jr-check::after,
html body #roomOverlay .ro-lav .jr-wins .jr-win[aria-pressed="true"] > .jr-check::after,
html body #roomOverlay .ro-lav .jr-wins .jr-win.done > .jr-check::after {
  content: ''; position: absolute; left: 7px; top: 4px; width: 6px; height: 11px;
  border: 2.5px solid #fff; border-top: 0; border-left: 0; border-radius: 1px;
  transform: rotate(42deg);
}

/* ── 4 · ДВИЖЕНИЕТО — меко, с РАЗЛИЧЕН ритъм на съседните редове, НУЛА безкрайни ──
   (безкрайна анимация извън екрана яде ток; тук всяка се пуска по веднъж) */
@keyframes plDnLegna { from { opacity: .4; transform: translateY(9px); } /* 24.10: от .4 (скрит таб) */ to { opacity: 1; transform: none; } }
html body #roomOverlay .ro-lav .jr-wins .jr-win { animation: plDnLegna .5s cubic-bezier(.22, .9, .3, 1) backwards; }
html body #roomOverlay .ro-lav .jr-wins .jr-win:nth-child(odd) { animation-duration: .58s; animation-delay: .05s; }
html body #roomOverlay .ro-lav .jr-wins .jr-win:nth-child(even) { animation-duration: .44s; animation-delay: .12s; }
@keyframes plDnList { from { opacity: .4; transform: translateY(6px) rotate(-.4deg); } /* 24.10: от .4 (скрит таб) */ to { opacity: 1; transform: none; } }
html body #roomOverlay .ro-lav .jr-card textarea.jr-paper { animation: plDnList .62s ease-out .06s backwards; }

/* ── 5 · НОЩ (тъмната тема на приложението) ── */
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card textarea.jr-paper,
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card input.jr-word {
  background-color: #1e2858 !important;
  background-image:
    linear-gradient(90deg, rgba(196, 170, 224, .40) 0 1.5px, rgba(196, 170, 224, 0) 1.5px),
    repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 25px, rgba(255, 255, 255, .16) 25px 26px) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .3) !important;
  color: #ffffff !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card textarea.jr-paper::placeholder,
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card input.jr-word::placeholder { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win {
  background-color: #2b3872 !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 3px 0 #18214a !important;
  color: #f1f2fb !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win > .jr-check {
  background: #1d2757; border-color: rgba(255, 255, 255, .34); box-shadow: none;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win.on,
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win[aria-pressed="true"],
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win.done { background-color: #5a2c55 !important; border-color: rgba(245, 156, 187, .6) !important; color: #ffe1ec !important; }

/* ── 6 · ТИХИТЕ ЧАСОВЕ (html.bl-night) са ДРУГО от тъмната тема (js/app.js:33) ──
   Нощем листът не бива да свети в очите на мама в 3 сутринта. */
html.bl-night body #roomOverlay .ro-lav .jr-card textarea.jr-paper,
html.bl-night body #roomOverlay .ro-lav .jr-card input.jr-word { filter: brightness(.94) saturate(.95); }

/* ── 7 · БЕЗ ДВИЖЕНИЕ, АКО ТЕЛЕФОНЪТ ТАКА КАЗВА ── */
@media (prefers-reduced-motion: reduce) {
  html body #roomOverlay .ro-lav .jr-wins .jr-win,
  html body #roomOverlay .ro-lav .jr-card textarea.jr-paper { animation: none !important; transition: none !important; }
  html body #roomOverlay .ro-lav .jr-wins .jr-win > .jr-check { transition: none !important; }
}

/* ── 8 · 360px — хартията и редовете да не преливат ── */
@media (max-width: 374px) {
  html body #roomOverlay .ro-lav .jr-card textarea.jr-paper,
  html body #roomOverlay .ro-lav .jr-card input.jr-word { padding-left: 24px !important; font-size: 14.5px !important; }
  html body #roomOverlay .ro-lav .jr-wins .jr-win { min-height: 50px; gap: 7px; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   29.09 · ВТОРА ОБИКОЛКА — ТОВА, КОЕТО ОЩЕ БЕШЕ ОТ СТАРИЯ СВЯТ
   Горният тефтер и картите бяха преоблечени. МЕРЕНО в тази сесия (wf3_dnevnik_meri.js,
   390×844, светло и тъмно, 0 грешки в страницата) остана:
     · 6-те плочки на навигацията: background rgb(255,253,251), background-image NONE
       — плоско бяло в стая, чиито карти СА филц (реф. 11: всичко е плат и хартия);
     · полето за търсене .sec-find: rgb(255,255,255), плоско бяло хапче;
     · петте личица .ck-e в картата „Как си днес?“: 38.2×28.1, 38.9×28.6, 38.8×28.5,
       37.8×27.8, 36.6×26.9 — СМАЧКАНИ. Клетката на lica.webp е КВАДРАТНА, а css/pl-plyush.css
       дава размер само на .rm-e/.sos-e, не и на .ck-e → филцовото личице се разтегля по
       кутията на емоджито и лицата изглеждаха мръсни. (Само тук — другите стаи не пипам.)
     · плъзгачът на енергията: appearance:auto, background rgb(255,255,255) — СИСТЕМЕН
       плъзгач, единствената сива пластмаса на екрана;
     · 3 системни емоджита в „Днес успях да…“ светеха жълто (🚿 🙋‍♀️ 🙅‍♀️) — картата К на
       pl-plyush.js няма рисунка за тях, затова обвиването ги подминава (pl-plyush.js:165);
       + 🔋 в „Енергия“ и 😭/🔒 в редовете за поверителност (техните класове не са в ОБВИЙ).
       Оправено в js/pl-dnevnik.js — БЕЗ нови картинки: връзва ги към вече нарисувани клетки.
     · картата „Днес успях да…“ беше ЕДИНСТВЕНАТА без медальон (мерено: medal=false) —
       дупка в реда от кръгчета;
     · стикерът в гел-бутона: .pl-em има margin-left:-.35em (pl-ui.css:177) — правилно за
       емоджи в НАЧАЛОТО („☕ Изпих…“), но при „Запечатай капсулата 💌“ емоджито е НАКРАЯ и
       кръгчето ляга ВЪРХУ буквите (мерено −5.075px).
     · .ck-e въртеше ckBreath 4.6s infinite, а .ck-st.picked — ckBeat 1.6s infinite
       (rooms.css:2143/2149). Безкрайна анимация яде ток и извън екрана → тук са КРАЙНИ.
   Всичко е под ключ „.ro-lav“ → другите стаи не се пипат.
   🪤 Специфичност: premium.css бие с ID (#roRoom .sec-nav .sec-chip[data-pl] = 1-3-0).
      Тук ключът е html body #roomOverlay .ro-lav … = 1-3-2 и печели. Мерено, не предположено.
   🪤 url() в ТОЗИ файл се разрешава спрямо css/ → ../img/art/…
   ПЪТ НАЗАД: маха се целият блок от този ред надолу — първата обиколка остава цяла.
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ── 9 · ПЛОЧКИТЕ НА НАВИГАЦИЯТА → филц с шев (реф. 11: кремав плат, не бяла хартия) ── */
html body #roomOverlay .ro-lav .sec-nav .sec-chip {
  position: relative;
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 150px 150px !important;
  background-blend-mode: multiply !important;
  border: 1px solid rgba(214, 186, 158, .62) !important;
  box-shadow: 0 4px 0 rgba(198, 166, 134, .26), 0 10px 20px rgba(110, 76, 52, .12), inset 0 2px 0 rgba(255, 255, 255, .9) !important;
  color: #23306a !important;
  transition: transform .18s cubic-bezier(.22, .9, .3, 1), box-shadow .18s ease;
}
/* пунктирният шев — навътре от ръба, както по картите */
html body #roomOverlay .ro-lav .sec-nav .sec-chip::after {
  content: ''; position: absolute; inset: 5px; border-radius: 15px; pointer-events: none;
  border: 1.5px dashed rgba(196, 160, 124, .5);
}
html body #roomOverlay .ro-lav .sec-nav .sec-chip:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(198, 166, 134, .26), 0 4px 10px rgba(110, 76, 52, .12) !important; }
html body #roomOverlay .ro-lav .sec-nav .sec-chip.on {
  background-color: #fff3f7 !important;
  border-color: rgba(225, 140, 176, .66) !important;
  box-shadow: 0 0 0 2px rgba(246, 194, 214, .85), 0 4px 0 rgba(213, 150, 179, .3), 0 10px 20px rgba(229, 109, 153, .16) !important;
}
html body #roomOverlay .ro-lav .sec-nav .sec-chip.on::after { border-color: rgba(220, 138, 174, .6); }
/* кръгчето под плюшената иконка получава свой шев — както копчетата в реф. 17 */
html body #roomOverlay .ro-lav .sec-chip .pl-ti {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .92), 0 2px 5px rgba(110, 76, 52, .16);
}

/* ── 10 · ТЪРСАЧКАТА В СТАЯТА → филцово хапче (беше чисто бяло) ── */
html body #roomOverlay .ro-lav .sec-nav .sec-find {
  background-color: #fffaf3 !important;
  background-image: var(--ui-felt) !important;
  background-size: 150px 150px !important;
  background-blend-mode: multiply !important;
  border: 1.5px solid rgba(214, 186, 158, .7) !important;
  box-shadow: inset 0 2px 4px rgba(120, 88, 58, .08), 0 2px 0 rgba(255, 255, 255, .8) !important;
  color: #23306a !important;
}
html body #roomOverlay .ro-lav .sec-nav .sec-find::placeholder { color: #6a5f84 !important; opacity: 1 !important; }
html body #roomOverlay .ro-lav .sec-nav .sec-find:focus {
  border-color: rgba(217, 116, 157, .75) !important;
  box-shadow: inset 0 2px 4px rgba(120, 88, 58, .08), 0 0 0 3px rgba(245, 190, 212, .5) !important;
}

/* ── 11 · ПЕТТЕ ЛИЧИЦА В „КАК СИ ДНЕС?“ — филцови копчета, а не смачкани емоджи-кутии ──
   Клетката на lica.webp е квадратна → елементът трябва да е квадратен, иначе лицето се
   разтегля. 40×40 в бял ръб с шев — същият материал като личицата в тефтера отгоре. */
html body #roomOverlay .ro-lav .ck-st .ck-e {
  display: inline-block !important;
  width: 40px !important; height: 40px !important;
  vertical-align: middle !important;
  border-radius: 50% !important;
  border: 2.5px solid #fff;
  outline: 1.5px dashed rgba(255, 255, 255, .92); outline-offset: -7px;   /* шевът по диска */
  box-shadow: 0 2px 0 rgba(198, 166, 134, .34), 0 6px 10px rgba(110, 76, 52, .14), inset 0 -5px 8px rgba(110, 76, 52, .08) !important;
}
html body #roomOverlay .ro-lav .ck-st { display: inline-grid; place-items: center; }
html body #roomOverlay .ro-lav .ck-st.picked .ck-e {
  box-shadow: 0 0 0 3.5px #e98fb3, 0 3px 0 3.5px #d97aa2, 0 10px 16px rgba(217, 90, 142, .28) !important;
}

/* ── 12 · ЕНЕРГИЯТА — филцова лента с розово гел копче вместо системния плъзгач ──
   Запълването е --pl-v (js/pl-dnevnik.js го пише при всяка промяна) — иначе с
   appearance:none изчезва цветната част вляво. */
html body #roomOverlay .ro-lav .jr-card input[type="range"] {
  -webkit-appearance: none !important; appearance: none !important;
  background: transparent !important;
  height: 44px !important;            /* цел за докосване — лентата е тънка, зоната не е */
  padding: 0 !important; border: 0 !important; box-shadow: none !important;
}
html body #roomOverlay .ro-lav .jr-card input[type="range"]::-webkit-slider-runnable-track {
  height: 16px; border-radius: 999px;
  background-color: #fdf4e8;
  background-image:
    linear-gradient(90deg, #efa0c2 0, #e0789f var(--pl-v, 50%), rgba(0, 0, 0, 0) var(--pl-v, 50%)),
    var(--ui-felt);
  background-size: auto, 120px 120px;
  background-blend-mode: normal, multiply;
  border: 1px solid rgba(206, 172, 140, .7);
  box-shadow: inset 0 2px 4px rgba(120, 88, 58, .16);
}
html body #roomOverlay .ro-lav .jr-card input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 30px; height: 30px; margin-top: -8px; border-radius: 50%;
  background: radial-gradient(120% 120% at 50% 20%, #fbc3d8 0, #e98fb3 46%, #d3648f 100%);
  border: 3px solid #fff;
  box-shadow: 0 2px 0 rgba(186, 88, 128, .55), 0 6px 12px rgba(217, 90, 142, .3);
  cursor: pointer;
}
html body #roomOverlay .ro-lav .jr-card input[type="range"]::-moz-range-track {
  height: 16px; border-radius: 999px; background-color: #fdf4e8; border: 1px solid rgba(206, 172, 140, .7);
}
html body #roomOverlay .ro-lav .jr-card input[type="range"]::-moz-range-progress { height: 16px; border-radius: 999px; background: #e0789f; }
html body #roomOverlay .ro-lav .jr-card input[type="range"]::-moz-range-thumb {
  width: 26px; height: 26px; border-radius: 50%; background: #e98fb3; border: 3px solid #fff; box-shadow: 0 2px 0 rgba(186, 88, 128, .55);
}
html body #roomOverlay .ro-lav .jr-card input[type="range"]:focus-visible { outline: 3px solid #b8376f; outline-offset: 3px; }

/* ── 13 · СТИКЕРЪТ НАКРАЯ НА БУТОНА да не ляга върху буквите ──
   .pl-em дърпа −.35em наляво (вярно за емоджи в началото). Когато е ПОСЛЕДЕН — дърпа надясно. */
html body #roomOverlay .ro-lav .jr-btn > .pl-em:last-child,
html body #roomOverlay .ro-lav .pl-gel > .pl-em:last-child,
html body #roomOverlay .ro-lav .jr-chip > .pl-em:last-child {
  margin-left: .2em !important; margin-right: -.06em !important;
}

/* ── 14 · МЕДАЛЬОНЪТ, КОЙТО ЛИПСВАШЕ („Днес успях да…“) ──
   Същите мерки като .jr-medal.pl-pl (pl-plyush.css:14): 34px, кръг, умножен върху пастел.
   Рисунката я слага js/pl-dnevnik.js — ПРЯКО на елемента (капан 1: css променлива с url()
   се разрешава спрямо CSS файла). */
html body #roomOverlay .ro-lav .jr-title > .pl-dn-med {
  display: inline-block; flex: 0 0 auto; width: 34px; height: 34px; vertical-align: -9px;
  border-radius: 50%; background-repeat: no-repeat; background-blend-mode: multiply;
  background-color: var(--pl-plt, #dff2e7);
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9), 0 2px 5px rgba(110, 76, 52, .14);
}

/* ── 15 · ГОЛИТЕ ЕМОДЖИТА, КОИТО ПЛЮШЪТ ПОДМИНА (js/pl-dnevnik.js ги обвива в .pl-dn-em) ──
   В РЕДА на текста: кръгче колкото буквата, без да разкъсва изречението. */
html body #roomOverlay .ro-lav .pl-dn-em {
  display: inline-grid; place-items: center; flex: none;
  width: 1.7em; height: 1.7em; margin: -.3em .14em -.3em -.3em; vertical-align: -.42em;
  border-radius: 50%; font-size: 1em; line-height: 1;
  color: transparent !important; text-shadow: none !important; -webkit-text-fill-color: transparent;
  background-repeat: no-repeat !important; background-blend-mode: multiply;
  background-color: var(--pl-plt, #fde6ef);
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9), 0 1px 4px rgba(110, 76, 52, .16);
}
/* в редовете „малките победи“ стикерите са в кръгчета — новите да са със същия ръст */
html body #roomOverlay .ro-lav .jr-wins .jr-win > .pl-dn-em { width: 1.9em; height: 1.9em; margin-right: .2em; }
/* в дребния ред за поверителност (11.5px) кръгчето не бива да разбутва реда */
html body #roomOverlay .ro-lav .jr-privacy > .pl-dn-em { width: 1.5em; height: 1.5em; vertical-align: -.34em; }

/* ── 16 · ДВИЖЕНИЕТО — краен ритъм вместо две безкрайни анимации ──
   rooms.css:2143 върти ckBreath 4.6s infinite на петте личица и ckBeat 1.6s infinite на
   избраното. Тук личицата идват веднъж (с различен ритъм от съседа) и подскачат веднъж
   при избор. Нула безкрайни анимации в тази стая. */
@keyframes plDnLiceIdva { from { opacity: .4; transform: translateY(7px) scale(.86); } /* 24.10: от .4 (скрит таб) */ 70% { transform: translateY(0) scale(1.05); } to { opacity: 1; transform: none; } }
@keyframes plDnLicePop  { 0% { transform: scale(1); } 45% { transform: scale(1.14); } 100% { transform: scale(1.06); } }
html body #roomOverlay .ro-lav .ck-st .ck-e { animation: plDnLiceIdva .5s cubic-bezier(.22, .9, .3, 1) backwards !important; }
html body #roomOverlay .ro-lav .ck-st:nth-of-type(odd) .ck-e { animation-duration: .58s !important; animation-delay: .04s !important; }
html body #roomOverlay .ro-lav .ck-st:nth-of-type(even) .ck-e { animation-duration: .44s !important; animation-delay: .13s !important; }
html body #roomOverlay .ro-lav .ck-st.picked .ck-e { animation: plDnLicePop .42s cubic-bezier(.3, 1.5, .5, 1) forwards !important; }
/* плочките лягат веднъж, с редуващ се ритъм (не всички наведнъж — така се усеща ръка) */
@keyframes plDnPlochka { from { opacity: .4; transform: translateY(8px) rotate(-.5deg); } /* 24.10: от .4 (скрит таб) */ to { opacity: 1; transform: none; } }
html body #roomOverlay .ro-lav .sec-nav .sec-chip { animation: plDnPlochka .5s cubic-bezier(.22, .9, .3, 1) backwards; }
html body #roomOverlay .ro-lav .sec-nav .sec-chip:nth-child(3n+1) { animation-delay: .02s; animation-duration: .52s; }
html body #roomOverlay .ro-lav .sec-nav .sec-chip:nth-child(3n+2) { animation-delay: .09s; animation-duration: .44s; }
html body #roomOverlay .ro-lav .sec-nav .sec-chip:nth-child(3n)   { animation-delay: .15s; animation-duration: .58s; }

/* ── 17 · НОЩ (тъмната тема на приложението, html[data-theme="dark"] · js/app.js:33) ── */
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-chip {
  background-color: #26336b !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .15) !important;
  box-shadow: 0 4px 0 rgba(0, 0, 0, .3), 0 10px 20px rgba(0, 0, 0, .3) !important;
  color: #f2f0fb !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-chip::after { border-color: rgba(255, 255, 255, .2); }
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-chip.on {
  background-color: #5a2c55 !important; border-color: rgba(245, 156, 187, .6) !important;
  box-shadow: 0 0 0 2px rgba(245, 156, 187, .3), 0 10px 20px rgba(0, 0, 0, .3) !important;
  color: #ffe6ef !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-find {
  background-color: #232f63 !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .18) !important; color: #efeaf8 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .3) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-find::placeholder { color: #b9b2d4 !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .ck-st .ck-e {
  border-color: rgba(255, 255, 255, .9);
  box-shadow: 0 2px 0 rgba(0, 0, 0, .35), 0 6px 10px rgba(0, 0, 0, .3) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card input[type="range"]::-webkit-slider-runnable-track {
  background-color: #1e2858;
  background-image: linear-gradient(90deg, #f59cbb 0, #e0789f var(--pl-v, 50%), rgba(0, 0, 0, 0) var(--pl-v, 50%));
  border-color: rgba(255, 255, 255, .2);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card input[type="range"]::-webkit-slider-thumb { border-color: #f4eefb; box-shadow: 0 2px 0 rgba(0, 0, 0, .45), 0 6px 12px rgba(0, 0, 0, .35); }
html[data-theme="dark"] body #roomOverlay .ro-lav .pl-dn-em,
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-title > .pl-dn-med { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .85), 0 2px 6px rgba(0, 0, 0, .35); }

/* ── 18 · ТИХИТЕ ЧАСОВЕ (html.bl-night) — ДРУГО от тъмната тема; екранът да не свети в очите ── */
html.bl-night body #roomOverlay .ro-lav .sec-nav .sec-chip,
html.bl-night body #roomOverlay .ro-lav .sec-nav .sec-find { filter: brightness(.95) saturate(.95); }
html.bl-night body #roomOverlay .ro-lav .jr-card input[type="range"]::-webkit-slider-thumb { filter: brightness(.95); }

/* ── 19 · БЕЗ ДВИЖЕНИЕ, АКО ТЕЛЕФОНЪТ ТАКА КАЗВА ── */
@media (prefers-reduced-motion: reduce) {
  html body #roomOverlay .ro-lav .sec-nav .sec-chip,
  html body #roomOverlay .ro-lav .ck-st .ck-e,
  html body #roomOverlay .ro-lav .ck-st.picked .ck-e { animation: none !important; transition: none !important; }
  html body #roomOverlay .ro-lav .sec-nav .sec-chip:active { transform: none; }
}

/* ── 20 · 360px — плочките и лентата да не преливат ── */
@media (max-width: 374px) {
  html body #roomOverlay .ro-lav .sec-nav { gap: 8px !important; }
  html body #roomOverlay .ro-lav .sec-nav .sec-chip { min-height: 106px; padding: 10px 4px 9px !important; font-size: 12px !important; }
  html body #roomOverlay .ro-lav .sec-nav .sec-chip::after { inset: 4px; border-radius: 14px; }
  html body #roomOverlay .ro-lav .ck-st .ck-e { width: 36px !important; height: 36px !important; }
  html body #roomOverlay .ro-lav .jr-card input[type="range"]::-webkit-slider-thumb { width: 28px; height: 28px; margin-top: -7px; }
}

/* ── 21 · ДВЕ ПОПРАВКИ ПО МЯРКА (а не на око) ──
   1) „Енергия“ (.jr-elabel, rooms.css:144 → var(--ink-soft) = rgb(111,105,128)) върху филца:
      МЕРЕНО ПО ПИКСЕЛИ от snimki/wf3_kon_svetlo.png — 4.93:1 върху модата на фона и 3.75:1
      върху най-тъмното петно на филца, 75 пиксела под 4.5. Под прага → мастилото потъмнява.
   2) Стикерът в чипа („👶 До бебето“) стоеше долепен до буквата — .pl-em дърпа −.35em наляво
      (pl-ui.css:177). Тук получава дъх отдясно. */
html body #roomOverlay .ro-lav .jr-elabel { color: #453f5e !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-elabel { color: #ddd7ee !important; }
html body #roomOverlay .ro-lav .jr-chip > .pl-em:first-child { margin-left: -.18em !important; margin-right: .26em !important; }

/* ── 22 · 🪤 ЛИЧИЦЕТО СЕ РИСУВАШЕ ДВА ПЪТИ, ВТОРИЯТ — ИЗМЕСТЕН ──
   На тъмна карта всяко от петте лица имаше „второ лице“ горе-вляво. Първо помислих, че
   съседната клетка от листа влиза в кръга (background-origin) — ОПИТЪТ ГО ОПРОВЕРГА:
   махнах рисунката от .ck-e и лицето ОСТАНА (snimki/wf3_zoom_opit.png — червеният диск е
   .ck-e, зеленият кръг е .ck-st, а лицето стърчи вляво от двата).
   ИСТИНСКАТА причина, намерена с elementsFromPoint (wf3_dnevnik_koe.js): в .ck-e има ВТОРИ
   елемент .pl-em с рисунка. js/pl-plyush.js рисува личицето ДВА пъти — веднъж по клас
   (ЦЕЛИ съдържа „.ck-e“) и втори път като стикер в бутона (ОБВИЙ съдържа „#roRoom button“),
   а стикерът носи margin −.35em наляво (pl-ui.css:177) → изместеното копие.
   Скрива се КОПИЕТО, остава рисунката по клас: тя е центрирана и с правилния размер.
   Достъпността не страда — бутонът има свой aria-label (rooms.js:198), а стикерът е
   aria-hidden още при обвиването (pl-plyush.js:170).
   МЕРЕНО след това: същото ДВОЙНО рисуване има и на другите две места в тази стая —
   .pl-dn-face (5 бр., личицата в тефтера горе) и .jr-medal (33 бр., медальонът на ВСЯКА
   карта). Денем кремавото копие се губи в кремавата хартия; НОЩЕМ се вижда като второ
   лице и второ сърце (snimki/wf3_zoom_dnface.png, snimki/wf3_zoom_medal.png).
   Броят е мерен: .ck-st .ck-e > .pl-em = 5, .pl-dn-face > .pl-em = 5, .jr-medal > .pl-em = 33.
   Ако външният кръг няма рисунка, няма я и вътрешният (и двата минават през едно и също
   рис() със същото емоджи) — значи скриването не оставя празно кръгче. */
html body #roomOverlay .ro-lav .ck-st .ck-e > .pl-em,
html body #roomOverlay .ro-lav .pl-dn-face > .pl-em,
html body #roomOverlay .ro-lav .jr-title > .jr-medal > .pl-em { display: none !important; }

/* ── 23 · 🌙 КАРФИЦАТА ИЗЧЕЗВАШЕ НОЩЕМ ──
   МЕРЕНО (wf3_dnevnik_pin.js): светло .pin-btn има color rgb(106,102,130) и точката
   (::before, 16×16) е със същия цвят; ТЪМНО и двете са rgba(0,0,0,0) — НЕВИДИМИ.
   premium.css:584 облича карфицата само за html:not([data-theme="dark"]), а нощна
   двойка няма. Бутонът работи, но мама не го вижда в 3 сутринта. Пипаемата зона
   (::after 36×44, mega.css:651) НЕ се пипа — тя е премерена на 04.08 и е права. */
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card .pin-btn { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card .pin-btn::before { background: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card .pin-btn.on { color: #ffc9dd !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-card .pin-btn.on::before { background: #ffc9dd !important; }

/* ═══════════════════════════════════════════════════════════════════════════════
   06.10 · ТРЕТА ОБИКОЛКА — каквото още беше от стария свят или счупено.
   МЕРЕНО в тази сесия (scratchpad/dn06_meri.js, 390×844, светло; снимки dn06_L_… и dn06_D_…):
   (20.10: тук имената бяха със звездичка, последвана от наклонена черта — това затваряше
    коментара по-рано и първото правило на §24 падаше; сега са с „…“.)
     · 2 заглавия с медальон ОТДЕЛНО на първия ред („Банка с идеи за разпускане“,
       „Сънят му × настроението ти“) — flex-wrap праща дългия текст на нов ред → дупка;
     · 3 подсказки по-дълги от полето (271>269, 299>281, 179>175 px при 15px) → рязан текст;
       посвещението в „Годишникът“ иска 98px, полето е 72px → третият ред отрязан;
     · СТАР СТИЛ: .br-circle („Дишай с формата“) — розово→лилав градиент (247,168,203)+(185,167,224);
       .rv-wave („Историята ни“) лилаво #b9a7e0 + безкрайно люлеене + голи 〰️;
       .dp-today („Снимка на деня“) лилав пунктир #c3b1ea; .jr-relaxcard лилаво→розов градиент;
     · седмицата: 7 плоски лавандулови кутийки (#f7f4fc, радиус 10) + безкрайно ckToday;
     · часовникът „Време за мен“ сиво rgb(90,84,112) вместо тъмносиньо;
     · иконката в НАЧАЛОТО на бутон („▶ Започни моето време“, „▶️ Дишай с мен“, „📥 Подреди“…)
       е и :last-child → §13 я дърпаше като стикер НАКРАЯ (margin-right −.06em) → долепена до буквата;
     · .ask-live „на линия“ 10.5px (под 11px).
   Всичко е под ключ „.ro-lav“ (+ #bubGame — играта се пуска само от тази стая).
   ПЪТ НАЗАД: махни този блок до края на файла. */

/* ── 24 · ЗАГЛАВИЕТО: медальонът и текстът са ДВЕ КОЛОНИ (grid), .jr-sub — цял ред отдолу ──
   Карфицата и ▾ са position:absolute (mega.css:628/641) → не влизат в решетката. */
html body #roomOverlay .ro-lav .jr-card > h4.jr-title:has(> .jr-medal, > .pl-dn-med) {
  display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 9px; row-gap: 2px;
}
html body #roomOverlay .ro-lav .jr-card > h4.jr-title:has(> .jr-medal, > .pl-dn-med) > .jr-sub { grid-column: 1 / -1; }

/* ── 25 · ПОЛЕТАТА НА ЕДИН РЕД: подсказката да се събира (14px вместо 15px, полето вляво 24px) ── */
html body #roomOverlay .ro-lav .jr-card input.jr-word {
  font-size: 14px !important; padding-left: 24px !important;
  background-position: 14px 0, 0 7px !important;
}
/* посвещението в „Годишникът“ — три реда подсказка се виждат цели */
html body #roomOverlay .ro-lav .jr-card textarea.yb2-dedic { min-height: 102px !important; }

/* ── 26 · ИКОНКАТА В НАЧАЛОТО НА БУТОНА — дъх отдясно (поправя §13) ──
   js/pl-plyush.js слага .pl-em-sled САМО на стикера СЛЕД текст; без него стикерът е отпред. */
html body #roomOverlay .ro-lav .jr-btn > .pl-em:last-child:not(.pl-em-sled),
html body #roomOverlay .ro-lav .pl-gel > .pl-em:last-child:not(.pl-em-sled),
html body #roomOverlay .ro-lav .jr-chip > .pl-em:last-child:not(.pl-em-sled) {
  margin-left: -.3em !important; margin-right: .3em !important;
}

/* ── 27 · „ДИШАЙ С ФОРМАТА“ — розов филцов диск със златен ръб и шев (беше розово→лилава мъгла) ── */
html body #roomOverlay .ro-lav .br-circle {
  position: relative;
  background-color: #fde6ef;
  background-image: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, .95) 0, rgba(255, 255, 255, 0) 46%), radial-gradient(circle at 60% 110%, #f6c3d7 0, rgba(246, 195, 215, 0) 70%), var(--ui-felt);
  background-size: auto, auto, 120px 120px;
  background-blend-mode: normal, normal, multiply;
  border: 3px solid #fff;
  outline: 1.5px dashed rgba(217, 116, 157, .45); outline-offset: -10px;
  box-shadow: 0 0 0 1.5px #e3c39c, 0 4px 0 rgba(198, 166, 134, .35), 0 14px 26px rgba(229, 109, 153, .22);
}
html body #roomOverlay .ro-lav .br-circle .br-word { color: #1d2a5c !important; text-shadow: none !important; font-weight: 800; }

/* ── 28 · „ИСТОРИЯТА НИ“ — разделителят е златна вълна, не три голи 〰️ в лилаво ──
   Текстът остава в DOM непокътнат (font-size 0 + прозрачен); вълната е фон. Без безкрайно люлеене. */
html body #roomOverlay .ro-lav .rv-card .rv-wave {
  display: block; width: 96px; height: 12px; margin: 4px auto 6px; overflow: hidden;
  font-size: 0 !important; letter-spacing: 0 !important; color: transparent !important; -webkit-text-fill-color: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'%3E%3Cpath d='M1 5 Q6.5 0.5 12 5 T23 5' fill='none' stroke='%23d9b98f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0 50% / 24px 10px repeat-x;
  animation: none !important;
}
html body #roomOverlay .ro-lav .rv-card .rv-wave > * { display: none !important; }

/* ── 29 · „СНИМКА НА ДЕНЯ“ — кремав филц със златен пунктир (беше лилав пунктир) ── */
html body #roomOverlay .ro-lav .dp-today {
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 150px 150px !important; background-blend-mode: multiply !important;
  border: 1.5px dashed rgba(196, 160, 124, .75) !important; border-radius: 18px !important;
  box-shadow: inset 0 2px 4px rgba(120, 88, 58, .07);
  color: #5d596f !important;
}
html body #roomOverlay .ro-lav .dp-today .dp-plus { color: #e56d99 !important; }

/* ── 30 · ИДЕЯТА ОТ БАНКАТА — филцова карта със златна черта (беше лилаво→розов градиент) ── */
html body #roomOverlay .ro-lav .jr-relaxcard {
  position: relative;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 150px 150px !important; background-blend-mode: multiply !important;
  border: 1px solid rgba(214, 186, 158, .7); border-left: 4px solid #e3c39c;
  border-radius: 18px; box-shadow: 0 3px 0 rgba(198, 166, 134, .3), 0 10px 18px rgba(110, 76, 52, .1);
  color: #1d2a5c !important; font-size: 14.5px;
}
/* „Подреди мислите“ — въпросът и кофите като листчета от тефтера */
html body #roomOverlay .ro-lav .bd-ask, html body #roomOverlay .ro-lav .bd-bucket {
  background-color: #fffaf3; background-image: var(--ui-felt); background-size: 150px 150px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .65); border-radius: 18px; padding: 12px 14px;
  box-shadow: 0 2px 0 rgba(198, 166, 134, .28);
}
html body #roomOverlay .ro-lav .bd-q { font-family: var(--pl-serif, Georgia, serif); font-size: 16px; color: #1d2a5c; }
html body #roomOverlay .ro-lav .bd-h { color: #1d2a5c; opacity: 1; font-size: 13.5px; }
html body #roomOverlay .ro-lav .bd-item { color: #3b3f5c; font-size: 14px; }

/* ── 31 · СЕДМИЦАТА — филцови плочки с шев, днешната с розов ръб; без безкрайно пулсиране ── */
html body #roomOverlay .ro-lav .jr-week .jr-day {
  background-image: var(--ui-felt); background-size: 120px 120px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .62); border-radius: 14px;
  box-shadow: 0 2px 0 rgba(198, 166, 134, .3), inset 0 1px 0 rgba(255, 255, 255, .9);
}
html body #roomOverlay .ro-lav .jr-week .jr-day:not([class*="ck-d"]) { background-color: #fffaf3; }
html body #roomOverlay .ro-lav .jr-week .jr-day.today {
  border-color: rgba(225, 140, 176, .8);
  box-shadow: 0 0 0 2px rgba(246, 194, 214, .9), 0 2px 0 rgba(213, 150, 179, .35);
  animation: plDnLegna .5s cubic-bezier(.22, .9, .3, 1) .4s backwards;
}

/* ── 32 · ЧАСОВНИКЪТ — тъмносиньо, цифри с еднаква ширина (да не подскачат) ── */
html body #roomOverlay .ro-lav .jr-clock { color: #1d2a5c !important; font-variant-numeric: tabular-nums lining-nums; }

/* ── 33 · ДРЕБНИЯТ НАДПИС „на линия“ — 11.5px, не 10.5px ── */
html body #roomOverlay .ro-lav .ask-live { font-size: 11.5px !important; }

/* ── 34 · ЛИСТЧЕТАТА ПРИ „СКЪСАЙ ГО!“ — хартия от тефтера (кремаво с черти) ── */
html body #roomOverlay .ro-lav .jr-strip {
  background: #fffdf5 repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 25px, rgba(150, 124, 172, .22) 25px 26px);
  box-shadow: 0 4px 10px rgba(110, 76, 52, .2);
}
html body #roomOverlay .ro-lav .jr-stripin { color: #2b2450; font-family: var(--pl-serif, Georgia, serif); }

/* ── 35 · „ПУКНИ БАЛОНЧЕТО“ (#bubGame, пуска се само оттук) — нощно синьо небе, не лилава мъгла ── */
html body #bubGame.bub-overlay {
  background:
    radial-gradient(1.5px 1.5px at 18% 22%, rgba(255, 236, 200, .9) 50%, rgba(255, 236, 200, 0) 51%),
    radial-gradient(1.5px 1.5px at 72% 14%, rgba(255, 236, 200, .8) 50%, rgba(255, 236, 200, 0) 51%),
    radial-gradient(2px 2px at 86% 38%, rgba(255, 236, 200, .7) 50%, rgba(255, 236, 200, 0) 51%),
    radial-gradient(1.5px 1.5px at 34% 56%, rgba(255, 236, 200, .6) 50%, rgba(255, 236, 200, 0) 51%),
    linear-gradient(180deg, #24316b 0%, #1d2a5c 45%, #121a40 100%);
}
html body #bubGame .bub-hud {
  background: rgba(31, 43, 92, .95); border: 1px solid rgba(227, 195, 156, .55);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .3); color: #fff; font-variant-numeric: tabular-nums;
}
html body #bubGame .bub-hud .jr-chip {
  min-height: 40px; padding: 0 16px; border: 0 !important; border-radius: 999px;
  background: linear-gradient(180deg, #c9447a, #a92f63) !important; color: #fff !important; font-weight: 800;
}
html body #bubGame .bub-done p { color: #fff; font-family: var(--pl-serif, Georgia, serif) !important; }
html body #bubGame .bub-done .bub-sub { color: #c9cbe3; font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; }

/* ── 36 · НОЩ (html[data-theme="dark"]) — карти rgba(31,43,92,.95), бели заглавия, #c9cbe3 ── */
html[data-theme="dark"] body #roomOverlay .ro-lav .br-circle {
  background-color: #3d2f63; background-image: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, .22) 0, rgba(255, 255, 255, 0) 50%), radial-gradient(circle at 60% 110%, #6b3f72 0, rgba(107, 63, 114, 0) 70%);
  border-color: rgba(255, 255, 255, .85); outline-color: rgba(245, 156, 187, .5);
  box-shadow: 0 0 0 1.5px rgba(227, 195, 156, .6), 0 4px 0 rgba(0, 0, 0, .3), 0 14px 26px rgba(0, 0, 0, .35);
}
html[data-theme="dark"] body #roomOverlay .ro-lav .br-circle .br-word { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .dp-today {
  background-color: rgba(31, 43, 92, .95) !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .3) !important; color: #c9cbe3 !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .dp-today .dp-plus { color: #f59cbb !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-relaxcard,
html[data-theme="dark"] body #roomOverlay .ro-lav .bd-ask,
html[data-theme="dark"] body #roomOverlay .ro-lav .bd-bucket {
  background-color: #26336b !important; background-image: none !important;
  border-color: rgba(255, 255, 255, .16) !important; box-shadow: 0 3px 0 rgba(0, 0, 0, .3) !important;
  color: #fff !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-relaxcard { border-left-color: #e3c39c !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .bd-q,
html[data-theme="dark"] body #roomOverlay .ro-lav .bd-h { color: #fff; }
html[data-theme="dark"] body #roomOverlay .ro-lav .bd-item { color: #c9cbe3; }
/* 🪤 dark.css:73-88 слага „background: #342f4e !important“ (лилаво) на .jr-day → тук също !important */
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-week .jr-day { background-image: none !important; border-color: rgba(255, 255, 255, .15); box-shadow: 0 2px 0 rgba(0, 0, 0, .3); color: #c9cbe3; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-week .jr-day:not([class*="ck-d"]) { background-color: #26336b !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-week .jr-day.today { border-color: rgba(245, 156, 187, .75); box-shadow: 0 0 0 2px rgba(245, 156, 187, .35), 0 2px 0 rgba(0, 0, 0, .3); }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-clock { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-strip { background: #1e2858 repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 25px, rgba(255, 255, 255, .14) 25px 26px); }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-stripin { color: #fff; }

/* ── 37 · БЕЗ ДВИЖЕНИЕ, АКО ТЕЛЕФОНЪТ ТАКА КАЗВА ── */
@media (prefers-reduced-motion: reduce) {
  html body #roomOverlay .ro-lav .jr-week .jr-day.today { animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   20.10 · ЧЕТВЪРТА ОБИКОЛКА (dn20) — прегледът на блока 06.10 и довършването „по конец“.
   МЕРЕНО в тази сесия (dev/proba/dn20_plan_*.js, 390×844 @2x; светло 11 ч., тъмно, светло в тих час 3 ч.):
     · §24 НЕ РАБОТЕШЕ: в коментара на 06.10 звездичка + наклонена черта затваряше коментара по-рано,
       остатъкът ставаше част от селектора на първото правило на §24 и браузърът го изхвърляше
       (мерено: правилото липсва сред съвпадащите в document.styleSheets; display: flex от pl-ui.css)
       → „Банка с идеи за разпускане“ и „Сънят му × настроението ти“ стояха ПОД медальона. Поправено
       в самия коментар на 06.10 (бележка там) — правилото вече се чете.
     · подсказката „Бележка (болежка, какво помогна…)“ = 288.3 px в поле 284 px → „)“ отрязана;
     · празен <p class="jr-reply"> висок 22 px → дупка между чиповете и полето („Как е тялото днес?“);
     · 3 чипа на 2 реда („Имам 30 мин“ сам долу: 101+109+109+2×8 > 324 px);
     · залепени редове (0 px): чипове→лист („Капсули“, „Писма“), обяснение→лист („Подреди“, „Плачи“),
       бележка→бутон („Годишникът“), бутон→ред и ред→ред („Ключалка“), разделител→бутон („Историята ни“);
     · микрофонът на „Свободна страница“ — сам на ред вляво, като забравено копче;
     · идеята от банката: иконката отделно, вторият ред се увиваше под нея;
     · надписът след „СКЪСАЙ ГО!“ — лилаво rgb(107,82,168) (стар свят), нощем #c3b1ea; + голо 💜;
     · голи системни емоджита в кръгчета: „⬇️ Запази като PDF“, „↩ Върни последното махнато“;
     · медальончетата: една плочка вляво + дупка вдясно; надпис 10 px; нощем кафяво-лилава кутия;
     · небето на „Съзвездието“ — патладжан #241f45 (mega.css:65);
     · нощем патладжан: отговорът под личицата (#3d2f63), кръгът „Дишай“ (#3d2f63 / #6b3f72);
     · дребно: етикетите на личицата 11 px, обясненията .jr-privacy 11.5 px, .cs-note / .ask-line /
       .pl-dn-priv 12.5 px; броячът .sec-n 3.82:1 денем и 9.5 px нощем;
     · нощем микрофонът в картата на Луна — черна плюшена рисунка, умножена върху синьо (не се вижда).
   Всичко е под ключ „.ro-lav“ (панелът на дневника) — другите стаи не се пипат.
   ПЪТ НАЗАД: махни този блок (до „край 20.10“). */

/* ── 38 · ПОДСКАЗКАТА СЕ СЪБИРА: −2 px поле вдясно и −.15 px между буквите (33 знака ≈ −5 px) ── */
html body #roomOverlay .ro-lav .jr-card input.jr-word { padding-right: 12px !important; }
html body #roomOverlay .ro-lav .jr-card input.jr-word::placeholder { letter-spacing: -.15px; }

/* ── 39 · ПРАЗНИЯТ ОТГОВОР НЕ ДЪРЖИ МЯСТО (появи ли се текст — заема си реда както преди) ── */
html body #roomOverlay .ro-lav #roRoom .jr-card > p.jr-reply:empty { min-height: 0 !important; margin: 0 !important; padding: 0 !important; }

/* ── 40 · ТРИ ЧИПА = ТРИ РАВНИ КОЛОНИ НА ЕДИН РЕД („Имам 5/15/30 мин“, „+5/+15/+30“,
        „тежко/средно/добре“, „Сега/После/Пусни“) ── */
html body #roomOverlay .ro-lav #roRoom .jr-card .jr-quick:has(> .jr-chip:nth-child(3):last-child) {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important;
}
html body #roomOverlay .ro-lav #roRoom .jr-card .jr-quick:has(> .jr-chip:nth-child(3):last-child) > .jr-chip {
  width: auto !important; min-width: 0 !important; margin: 0 !important;
  padding-left: 8px !important; padding-right: 8px !important; justify-content: center; white-space: nowrap;
}

/* ── 41 · ИДЕЯТА ОТ БАНКАТА — иконката отляво, текстът в своя колона ── */
html body #roomOverlay .ro-lav .jr-relaxcard { display: flex; align-items: flex-start; gap: 11px; padding: 13px 16px 13px 14px; line-height: 1.45; text-align: left; }
html body #roomOverlay .ro-lav .jr-relaxcard > .pl-em { flex: none; width: 30px !important; height: 30px !important; margin: -3px 0 0 !important; }

/* ── 42 · ДЪХ МЕЖДУ РЕДОВЕТЕ (бяха 0 px) ── */
html body #roomOverlay .ro-lav #roRoom .jr-card > .jr-quick + :is(textarea, input),
html body #roomOverlay .ro-lav #roRoom .jr-card > p.jr-privacy + :is(textarea, .br-stage) { margin-top: 10px !important; }
html body #roomOverlay .ro-lav #roRoom .jr-card > :is(p.cs-note, .rv-teaser, .jr-quick, p.jr-privacy) + .jr-btn { margin-top: 12px !important; }
html body #roomOverlay .ro-lav #roRoom .jr-card > .jr-btn + p.jr-privacy,
html body #roomOverlay .ro-lav #roRoom .jr-card > p.jr-privacy + p.jr-privacy,
html body #roomOverlay .ro-lav #roRoom .jr-card > :is(.jr-addrow, .bg-grid, .dp-strip, .vc-list) + :is(.jr-wins, p.jr-privacy) { margin-top: 10px !important; }
html body #roomOverlay .ro-lav #roRoom .rv-card .rv-teaser { text-align: center; }

/* ── 43 · МИКРОФОНЪТ — вдясно, над десния ъгъл на листа, не сам ред вляво ──
   (първо го застъпих с листа като стикер — на снимката горният ръб на листа минаваше ПРЕЗ копчето
   и в двете теми, dn20_aL/aD_svobodna → без застъпване) */
html body #roomOverlay .ro-lav #roRoom .jr-card > .nt-mic { margin: -2px 8px 8px auto !important; }

/* ── 43а · БЕЗ САМОТНИ ДУМИ: заглавието се дели на равни редове („Сънят му × настроението / ти“ →
        „Сънят му × / настроението ти“), подзаглавията и обясненията не оставят една дума/иконка сама ── */
html body #roomOverlay .ro-lav #roRoom .jr-card > h4.jr-title { text-wrap: balance; }
html body #roomOverlay .ro-lav #roRoom .jr-card :is(.jr-sub, p.jr-privacy, p.cs-note) { text-wrap: pretty; }
/* „Съзвездието“: месецът беше „Октомври 2026 Г.“ (text-transform: capitalize хваща и „г.“) → само първата буква */
html body #roomOverlay .ro-lav .cs-nav .cs-lbl { text-transform: none !important; display: inline-block; }   /* ::first-letter иска блок */
html body #roomOverlay .ro-lav .cs-nav .cs-lbl::first-letter { text-transform: uppercase; }
html body #roomOverlay .ro-lav .cs-box > p { margin-top: 10px; }
/* стикерът НАКРАЯ на отговора („Мъничко слънце! 🌤️“, „Издишай… 💜“) — дъх след препинателния знак */
html body #roomOverlay .ro-lav :is(.pl-dn-st, .jr-reply, .jr-after) > .pl-dn-em { margin-left: .18em; }
/* плочките на кътчетата: „Съкровищницата“ = 107 px при 100 px място → опираше в шева (12.5 → 11.5 px, −.12 px; 12 px още опираше — dn20_fL_katcheta) */
html body #roomOverlay .ro-lav .sec-nav .sec-chip { font-size: 11.5px !important; letter-spacing: -.12px !important; padding-left: 4px !important; padding-right: 4px !important; }

/* ── 44 · „СКЪСАНО…“ — тъмна роза, не лилаво ── */
html body #roomOverlay .ro-lav .jr-after { color: #a92f63 !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-after { color: #ffc9dd !important; }

/* ── 45 · ГОЛОТО ЕМОДЖИ В КРЪГЧЕ, ДОРИСУВАНО ОТ js/pl-dnevnik.js (⬇️ / ↩ → подносът) ── */
html body #roomOverlay .ro-lav .pl-em.pl-dn-em2 {
  color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: none !important;
  background-repeat: no-repeat !important; background-blend-mode: multiply; background-color: var(--pl-plt, #fde6ef) !important;
}

/* ── 46 · МЕДАЛЬОНЧЕТАТА — филцови плочки с шев; една плочка стои в средата, не вляво с дупка ── */
html body #roomOverlay .ro-lav .bg-grid:has(> .bg-badge:only-child) { grid-template-columns: minmax(0, 210px); justify-content: center; }
html body #roomOverlay .ro-lav .bg-badge {
  position: relative; border-radius: 20px !important;
  background-color: #fffaf3 !important; background-image: var(--ui-felt) !important; background-size: 150px 150px !important; background-blend-mode: multiply !important;
  border: 1px solid rgba(214, 186, 158, .62); box-shadow: 0 3px 0 rgba(198, 166, 134, .3), 0 10px 18px rgba(110, 76, 52, .1) !important;
}
html body #roomOverlay .ro-lav .bg-badge.got { background-color: #fff6e6 !important; border-color: rgba(217, 185, 143, .8); }
html body #roomOverlay .ro-lav .bg-badge::after { content: ''; position: absolute; inset: 5px; border-radius: 15px; border: 1.5px dashed rgba(196, 160, 124, .5); pointer-events: none; }
html body #roomOverlay .ro-lav .bg-badge strong { font-size: 13.5px !important; font-weight: 800; color: #1d2a5c !important; }
html body #roomOverlay .ro-lav .bg-badge small { font-size: 11.5px !important; line-height: 1.35; color: #5d596f !important; }

/* ── 47 · НЕБЕТО НА „СЪЗВЕЗДИЕТО“ — нощно синьо, не патладжан ── */
html body #roomOverlay .ro-lav .cs-svg .cs-sky { fill: #1d2a5c; }

/* ── 48 · ДРЕБНОТО ДА СЕ ЧЕТЕ: обясненията 13 px, етикетите ≥ 11.5 px, броячът по-тъмен ── */
html body #roomOverlay .ro-lav #roRoom .jr-card :is(p.jr-privacy, p.cs-note) { font-size: 13px !important; line-height: 1.5; }
html body #roomOverlay .ro-lav #roRoom .ask-card .ask-line,
html body #roomOverlay .ro-lav #roRoom .pl-dn-priv { font-size: 13px; }
html body #roomOverlay .ro-lav #roRoom .pl-dn-ml.pl-soft { font-size: 11.5px; }
html body #roomOverlay .ro-lav #roRoom .jr-card .nl-idea { font-size: 13px !important; line-height: 1.45; }   /* „Не-списъкът“: идеите-бутони бяха 12.5 px */
html body #roomOverlay .ro-lav #roRoom .sec-head .sec-n { font-size: 11.5px !important; color: #a92f63 !important; }
@media (max-width: 370px) {
  html body #roomOverlay .ro-lav #roRoom .pl-dn-ml.pl-soft { font-size: 11.5px; padding: 4px 5px; }
}

/* ── 49 · НОЩ (html[data-theme="dark"]) — без патладжан, плюшът в светъл кръг ── */
html[data-theme="dark"] body #roomOverlay .ro-lav .pl-dn-st.is-reply { background-color: #2b3872; box-shadow: inset 0 0 0 1.5px rgba(245, 156, 187, .5), 0 2px 0 #18214a; }
html[data-theme="dark"] body #roomOverlay .ro-lav .pl-dn-st.is-reply::before { background: #2b3872; }
html[data-theme="dark"] body #roomOverlay .ro-lav .br-circle {
  background-color: #2b3872;
  background-image: radial-gradient(circle at 34% 26%, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 50%), radial-gradient(circle at 60% 110%, rgba(245, 156, 187, .38) 0, rgba(245, 156, 187, 0) 70%);
}
html[data-theme="dark"] body #roomOverlay .ro-lav .bg-badge,
html[data-theme="dark"] body #roomOverlay .ro-lav .bg-badge.got {
  background-color: #2b3872 !important; background-image: none !important;
  border-color: rgba(227, 195, 156, .45); box-shadow: 0 3px 0 rgba(0, 0, 0, .3) !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .bg-badge::after { border-color: rgba(255, 255, 255, .18); }
html[data-theme="dark"] body #roomOverlay .ro-lav .bg-badge strong { color: #fff !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .bg-badge small { color: #c9cbe3 !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .cs-svg .cs-sky { fill: #131b45; }
html[data-theme="dark"] body #roomOverlay .ro-lav .cs-svg { border-radius: 16px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14); }
html[data-theme="dark"] body #roomOverlay .ro-lav #roRoom .sec-head .sec-n { color: #ffc9dd !important; }
html[data-theme="dark"] body #roomOverlay .ro-lav .ask-card .ask-mic.ask-mic { background-color: #fff !important; background-blend-mode: normal !important; border-color: rgba(255, 255, 255, .85) !important; }
/* избраното нощем — нощно синьо с розов ръб, не сливово #5a2c55 (§5 и §17 — видяно: dn20_sled_D_01 „Днес за теб“) */
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-chip.on,
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win.on,
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win[aria-pressed="true"],
html[data-theme="dark"] body #roomOverlay .ro-lav .jr-wins .jr-win.done {
  background-color: #2b3872 !important; border-color: rgba(245, 156, 187, .75) !important;
  box-shadow: 0 0 0 2px rgba(245, 156, 187, .45), 0 3px 0 #18214a !important; color: #ffe6ef !important;
}

/* ── 50 · „ПУКНИ БАЛОНЧЕТО“ (#bubGame, само от дневника) — довършване на §35 ──
   МЕРЕНО (dn20_gL_balon.jpg): горната лента „0 пукнати · 27 с“ се чупеше — „пукнати“ горе, „·“ долу
   (flex + анонимни текстови парчета); краят — голи 🎈 😊 💜 (обвива ги js/pl-dnevnik.js „ДОРИСУВАНЕТО“). */
html body #bubGame .bub-hud { white-space: nowrap; gap: 8px; padding: 6px 8px 6px 18px; font-variant-numeric: tabular-nums lining-nums; }
/* кръгчето на стикера тук — общо с ключалката, виж §51 */
html body #bubGame .bub-done :is(p, .jr-btn) > .pl-dn-em:not(:first-child) { margin-left: .2em; margin-right: 0; }
html body #bubGame .bub-done p:first-child > .pl-dn-em:first-child { margin-left: 0; margin-right: .22em; }
/* резултатът е ЧИСЛО — на Georgia „0 пукнати“ се чете „о пукнати“ (старинните цифри, видяно на снимка) → Nunito */
html body #bubGame .bub-done p:first-child { font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; font-weight: 800; font-variant-numeric: lining-nums tabular-nums; }
/* 🪤 БАЛОНЧЕТАТА НЕ ИЗЛИТАХА: css/touch.css:707 спира ВСЯКА анимация извън #roomOverlay, докато стая е
   отворена (≤ 599 px), а #bubGame е дете на <body> → bubRise стоеше на първия кадър, балончетата чакаха
   под екрана (мерено: top 851–871 px при екран 844, transform = identity след 3.3 с). css/pl-popravki.css
   пуска наново четеца, търсенето, SOS… но не и играта на дневника → тук, само за #bubGame. */
@media (max-width: 599px) {
  html.ro-otvorena body > #bubGame.bub-overlay,
  html.ro-otvorena body > #bubGame.bub-overlay * { animation-play-state: running !important; }
}

/* ── 51 · КЛЮЧАЛКАТА НА ДНЕВНИКА (#pinOverlay — само тя, по id; extras.js:862) ──
   МЕРЕНО (dn20_iL_11_pinprozorec.jpg, СВЕТЛА тема): кутия-патладжан #2a2640 с бутони #383253,
   Comfortaa (extras.css:76-88), голо 🔒 в заглавието — единственото тъмнолилаво нещо по пътя към дневника.
   Сега: кремав филц с шев като картите, кръгли филцови копчета, златни точки (пълната — розова). */
html body #pinOverlay.br-overlay { background: rgba(29, 42, 92, .45); overflow-y: auto; align-items: safe center; padding: 16px 0; box-sizing: border-box; }
/* с отворен „изход“ (забравен ПИН) кутията ставаше 915 px при екран 844 → горе се режеше (снимка dn20_pL_izhod):
   копчетата се свиват, а слоят вече се превърта (safe center не реже горния ръб) */
html body #pinOverlay .pin-box:has(.pin-exit:not([hidden])) .pin-pad { grid-template-columns: repeat(3, 56px); gap: 8px 14px; }
html body #pinOverlay .pin-box:has(.pin-exit:not([hidden])) .pin-pad button { width: 56px; height: 56px; font-size: 20px; }
html body #pinOverlay .pin-box {
  position: relative; width: min(340px, calc(100vw - 32px)); box-sizing: border-box; padding: 26px 20px 20px;
  background-color: #fffaf3; background-image: var(--ui-felt); background-size: 160px 160px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .72); border-radius: 26px;
  box-shadow: 0 4px 0 rgba(198, 166, 134, .35), 0 24px 48px rgba(29, 42, 92, .3);
}
html body #pinOverlay .pin-box::after { content: ''; position: absolute; inset: 7px; border-radius: 20px; border: 1.5px dashed rgba(196, 160, 124, .5); pointer-events: none; }
html body #pinOverlay .pin-title { font-family: var(--pl-serif, Georgia, serif) !important; font-size: 20px !important; font-weight: 700; line-height: 1.25; color: #1d2a5c; margin: 0 0 16px; white-space: nowrap; }
html body #pinOverlay .pin-dots span { width: 15px; height: 15px; background: #fff; box-shadow: inset 0 0 0 2px #d9b98f; }
html body #pinOverlay .pin-dots span.f { background: #e56d99; box-shadow: inset 0 0 0 2px #c9447a; }
html body #pinOverlay .pin-pad { grid-template-columns: repeat(3, 66px); gap: 12px 16px; }
html body #pinOverlay .pin-pad button {
  position: relative; z-index: 1; width: 66px; height: 66px; border-radius: 50%;
  background-color: #fff; background-image: var(--ui-felt); background-size: 120px 120px; background-blend-mode: multiply;
  border: 1px solid rgba(214, 186, 158, .72); box-shadow: 0 3px 0 rgba(198, 166, 134, .42), inset 0 2px 0 rgba(255, 255, 255, .9);
  color: #1d2a5c; font-family: Nunito, Nunito-fallback, system-ui, sans-serif !important; font-size: 23px; font-weight: 800; font-variant-numeric: lining-nums;
}
html body #pinOverlay .pin-pad button:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(198, 166, 134, .42); }
html body #pinOverlay .pin-pad button:focus-visible { outline: 3px solid #b8376f; outline-offset: 2px; }
html body #pinOverlay .pin-msg { color: #a92f63; font-size: 13.5px; font-weight: 800; min-height: 1.2em; }
html body #pinOverlay .pin-forgot { color: #1d2a5c; font-weight: 800; }
html body #pinOverlay .pin-exit { position: relative; z-index: 1; }
html body #pinOverlay .pin-exit p { color: #3b3f5c; font-size: 13.5px; }
html body #pinOverlay :is(.jr-chip, .jr-btn) { position: relative; z-index: 1; }
html body #pinOverlay .pl-dn-em,
html body #bubGame .pl-dn-em {
  display: inline-grid; width: 1.6em; height: 1.6em; margin: -.3em .2em -.3em 0; vertical-align: -.36em;
  border-radius: 50%; color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: none !important;
  background-repeat: no-repeat !important; background-blend-mode: multiply; background-color: var(--pl-plt, #fde6ef);
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9), 0 2px 6px rgba(110, 76, 52, .2);
}
html[data-theme="dark"] body #pinOverlay.br-overlay { background: rgba(8, 12, 32, .72); }
html[data-theme="dark"] body #pinOverlay .pin-box { background-color: rgba(31, 43, 92, .97); background-image: none; border-color: rgba(255, 255, 255, .14); box-shadow: 0 24px 48px rgba(0, 0, 0, .5); }
html[data-theme="dark"] body #pinOverlay .pin-box::after { border-color: rgba(255, 255, 255, .16); }
html[data-theme="dark"] body #pinOverlay .pin-title { color: #fff; }
html[data-theme="dark"] body #pinOverlay .pin-dots span { background: #1d2757; box-shadow: inset 0 0 0 2px rgba(227, 195, 156, .65); }
html[data-theme="dark"] body #pinOverlay .pin-dots span.f { background: #f59cbb; box-shadow: none; }
html[data-theme="dark"] body #pinOverlay .pin-pad button { background-color: #2b3872; background-image: none; border-color: rgba(255, 255, 255, .16); box-shadow: 0 3px 0 #18214a; color: #fff; }
html[data-theme="dark"] body #pinOverlay .pin-msg { color: #ffc9dd; }
html[data-theme="dark"] body #pinOverlay .pin-forgot { color: #c9cbe3; }
html[data-theme="dark"] body #pinOverlay .pin-exit p { color: #e8e9f5; }
@media (prefers-reduced-motion: reduce) { html body #pinOverlay .pin-pad button:active { transform: none; } }

/* ── 52 · ТЪРСАЧКАТА — линейна лупа вместо системното 🔍 (знакът го маха js/pl-dnevnik.js само щом това е тук) ── */
html body #roomOverlay .ro-lav .sec-nav .sec-find[data-pl-dn-lupa] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d7f7a' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4L21 21'/%3E%3C/svg%3E"), var(--ui-felt) !important;
  background-size: 22px 22px, 150px 150px !important; background-position: 16px center, 0 0 !important;
  background-repeat: no-repeat, repeat !important; background-blend-mode: normal, multiply !important;
  padding-left: 46px !important;
}
html[data-theme="dark"] body #roomOverlay .ro-lav .sec-nav .sec-find[data-pl-dn-lupa] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9cbe3' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.4 15.4L21 21'/%3E%3C/svg%3E") !important;
  background-size: 22px 22px !important; background-position: 16px center !important; background-repeat: no-repeat !important; background-blend-mode: normal !important;
}
/* ── 53 · СЕДМИЦАТА: плочките бяха 39 px широки (< 40 за пръст, obikolka dn20_sled_L) → по-тесни пролуки ── */
html body #roomOverlay .ro-lav .jr-week { gap: 4px !important; }
/* край 20.10 */