/* ============================================================
   Apple Modu — Rapor Okuyucu
   Scope: html[data-theme="apple"]  (additive override, mevcut
   styles.css'e dokunmaz; her kural !important kullanmadan
   selector ağırlığıyla kazanır)
   Versiyon: 20260531a
   ============================================================ */

/* ── 1. RENK & TİPO DEĞİŞKENLERİ (Koyu tema — varsayılan) ── */
html[data-theme="apple"] {
  --bg:        #000000;
  --bg2:       #0b1310;
  --panel:     #111E18;
  --line:      rgba(62, 224, 142, 0.12);
  --accent:    #30D158;
  --accent2:   #25A244;
  --gold:      #FFD60A;
  --text:      #EAF2EC;
  --muted:     rgba(134, 163, 149, 0.85);
  --paper:     #FAFAF5;
  --ink:       #1A1914;
  --hl:        #FFE455;
  --hl-soft:   #FFF4C2;
  --rec:       #FF453A;
  --rail-w:    11px;
  --dock:      80px;

  /* easing değişkenleri */
  --spring-snappy:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring-smooth:  cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-dismiss:   cubic-bezier(0.4, 0, 1, 1);

  /* concentric corner radius */
  --r-xl:   24px;
  --r-lg:   16px;
  --r-md:   12px;
  --r-sm:    8px;
  --r-xs:    5px;
  --r-pill:  9999px;

  /* tip ölçüleri */
  --t-body:     17px;
  --t-subhead:  15px;
  --t-footnote: 13px;
  --t-caption:  12px;

  /* hız renk geçişi için başlangıç */
  --hl-dur: 120ms;

  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
               system-ui, sans-serif;
  font-feature-settings: 'kern' 1, 'liga' 0;
}

/* ── Açık renk şeması (prefers-color-scheme) ── */
@media (prefers-color-scheme: light) {
  html[data-theme="apple"] {
    --bg:    #000000;
    --bg2:   #0d0d0d;
    --panel: #1C1C1E;
    --line:  rgba(84, 84, 88, 0.55);
    --text:  #FFFFFF;
    --muted: rgba(235, 235, 245, 0.60);
  }
}

/* Kullanıcı açıkça dark istiyorsa (data-theme="apple-dark") */
html[data-theme="apple-dark"] {
  --bg:        #000000;
  --bg2:       #0b1310;
  --panel:     #111E18;
  --line:      rgba(62, 224, 142, 0.12);
  --accent:    #30D158;
  --accent2:   #25A244;
  --gold:      #FFD60A;
  --text:      #EAF2EC;
  --muted:     rgba(134, 163, 149, 0.85);
  --paper:     #FAFAF5;
  --ink:       #1A1914;
  --hl:        #FFE455;
  --hl-soft:   #FFF4C2;
  --rec:       #FF453A;
  --rail-w:    11px;
  --dock:      80px;
  --spring-snappy: cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-dismiss:  cubic-bezier(0.4, 0, 1, 1);
  --r-xl: 24px; --r-lg: 16px; --r-md: 12px;
  --r-sm:  8px; --r-xs:  5px; --r-pill: 9999px;
  --t-body: 17px; --t-subhead: 15px;
  --t-footnote: 13px; --t-caption: 12px;
  --hl-dur: 120ms;
}

/* ── 2. GENEL ZEMIN & GÖVDE ── */
html[data-theme="apple"] body,
html[data-theme="apple-dark"] body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
               system-ui, sans-serif;
  font-feature-settings: 'kern' 1, 'liga' 0;
  font-size: var(--t-body);
  line-height: 1.74;
  letter-spacing: -0.43px;
  background: var(--bg);
}

/* ── 3. PAPER (rapor kağıdı) ── */
html[data-theme="apple"] #paper,
html[data-theme="apple-dark"] #paper {
  background:    var(--paper);
  color:         var(--ink);
  border-radius: var(--r-lg);           /* 16px */
  margin:        0 9px;
  box-shadow:    0 6px 40px rgba(0, 0, 0, 0.45);
  font-family:   -apple-system, BlinkMacSystemFont, "SF Pro Text",
                 system-ui, sans-serif;
  font-size:     var(--t-body);
  line-height:   1.74;
  letter-spacing: -0.43px;
}

/* paper içi tipografi */
html[data-theme="apple"] #paper p,
html[data-theme="apple-dark"] #paper p {
  font-size:      1.02rem !important;
  line-height:    1.78 !important;
  letter-spacing: -0.011em !important;
  color:          #2b2925 !important;
  margin-bottom:  1.05rem !important;
}
html[data-theme="apple"] #paper h1,
html[data-theme="apple-dark"] #paper h1 {
  font-size:      1.5rem !important;
  line-height:    1.25 !important;
  font-weight:    700 !important;
  letter-spacing: -0.8px !important;
  color:          #0d3d2b !important;
}
html[data-theme="apple"] #paper h2,
html[data-theme="apple-dark"] #paper h2 {
  font-size:      1.2rem !important;
  font-weight:    700 !important;
  letter-spacing: -0.7px !important;
  margin-top:     1.9rem !important;
  color:          #0d3d2b !important;
}
html[data-theme="apple"] #paper h3,
html[data-theme="apple-dark"] #paper h3 {
  font-size:      1.05rem !important;
  font-weight:    600 !important;
  letter-spacing: -0.6px !important;
}
html[data-theme="apple"] #paper li,
html[data-theme="apple-dark"] #paper li {
  font-size:   1.02rem !important;
  line-height: 1.7 !important;
}

/* tablet max-width: ch birimi (font büyüyünce margin otomatik) */
@media (min-width: 760px) {
  html[data-theme="apple"] #paper,
  html[data-theme="apple-dark"] #paper {
    max-width: 65ch;
    margin: 0 auto;
  }
}

/* ── 4. KARAOKE KELİMELER ── */

/* taban (okunmamış) — 0.55 opaklık */
html[data-theme="apple"] .w,
html[data-theme="apple-dark"] .w {
  opacity:       0.55;
  border-radius: var(--r-xs);            /* 5px */
  padding:       0 0.5px;
  position:      relative;               /* ::after için */
  transition:
    background-color var(--hl-dur, 180ms) var(--spring-snappy),
    color            180ms ease,
    opacity          180ms ease,
    box-shadow       180ms ease;
}

/* okunan iz — sarı notasyon, opacity 0.30 */
html[data-theme="apple"] .w.read,
html[data-theme="apple-dark"] .w.read {
  background: rgba(255, 210, 80, 0.10);
  opacity:    0.30;
  border-radius: 4px;
  transition:
    background-color 300ms ease,
    opacity          300ms ease;
}

/* AKTİF KELİME — font-size/weight ASLA değişmez */
html[data-theme="apple"] .w.active,
html[data-theme="apple-dark"] .w.active {
  background: linear-gradient(175deg, #FFE455 0%, #FFCC2A 100%);
  color:      #1A1200;
  opacity:    1;
  box-shadow:
    0 1px 0 #C89B00,
    0 0 8px  rgba(255, 228, 85, 0.50),
    0 0 0 1.5px rgba(200, 155, 0, 0.35);
  border-radius:    var(--r-xs);         /* 5px */
  transition-duration: var(--hl-dur, 120ms);
  /* font-size ve font-weight DOKUNULMAZ */
}

/* Apple Music Sing sol→sağ dolum fill */
html[data-theme="apple"] .w.active::after,
html[data-theme="apple-dark"] .w.active::after {
  content:      '';
  position:     absolute;
  inset:        0;
  background:   linear-gradient(
    90deg,
    rgba(62, 224, 142, 0.4)  0%,
    rgba(62, 224, 142, 0.12) 100%
  );
  clip-path:    inset(0 calc(100% - var(--wfill, 0%)) 0 0);
  border-radius: var(--r-xs);
  pointer-events: none;
  transition:   clip-path 0.05s linear;
}

/* aktif cümle vurgusu */
html[data-theme="apple"] .sent-active,
html[data-theme="apple-dark"] .sent-active {
  background:  rgba(255, 247, 214, 0.50);
  border-radius: 7px;
  box-shadow:  0 0 0 3px rgba(255, 247, 214, 0.45);
  transition:
    background-color 200ms ease,
    box-shadow       200ms ease;
}

/* inaktif cümle — blur + scale + soluk */
html[data-theme="apple"] .w:not(.sent-active):not(.active),
html[data-theme="apple-dark"] .w:not(.sent-active):not(.active) {
  /* sentInactive efektleri zaten opacity ile sağlanıyor;
     filter/transform layout-bozucu olabilir, opts-in edilirse aşağıda */
}

/* reduced-motion güvenliği */
@media (prefers-reduced-motion: reduce) {
  html[data-theme="apple"] .w,
  html[data-theme="apple"] .w.active,
  html[data-theme="apple"] .w.read,
  html[data-theme="apple"] .sent-active,
  html[data-theme="apple-dark"] .w,
  html[data-theme="apple-dark"] .w.active,
  html[data-theme="apple-dark"] .w.read,
  html[data-theme="apple-dark"] .sent-active {
    transition-duration: 0.01ms !important;
    animation-duration:  0.01ms !important;
  }
}

/* ── 5. STICKY HEADER ── */
html[data-theme="apple"] #sticky-header,
html[data-theme="apple-dark"] #sticky-header {
  background:
    linear-gradient(
      180deg,
      rgba(11, 19, 16, 0.78) 0%,
      rgba(11, 19, 16, 0.78) 55%,
      transparent
    );
  -webkit-backdrop-filter: blur(16px) saturate(1.6);
  backdrop-filter:         blur(16px) saturate(1.6);
  font-size:     var(--t-footnote);       /* 13px */
  font-weight:   500;
  letter-spacing: 0px;
  color:         var(--text);
}

/* cross-fade animasyonu: JS .changing sınıfı ekleyince */
html[data-theme="apple"] #sticky-header.changing,
html[data-theme="apple-dark"] #sticky-header.changing {
  opacity:   0;
  transform: translateY(-3px);
  transition: opacity 200ms ease, transform 200ms ease;
}

/* ── 6. ALT DOCK — Liquid Glass ── */
html[data-theme="apple"] #dock,
html[data-theme="apple-dark"] #dock {
  background:              rgba(12, 20, 16, 0.55);
  -webkit-backdrop-filter: blur(24px) saturate(1.85) brightness(1.08);
  backdrop-filter:         blur(24px) saturate(1.85) brightness(1.08);
  border-top:  1px solid rgba(255, 255, 255, 0.14);
  box-shadow:
    inset 0  1px 0  rgba(255, 255, 255, 0.22),
          0 -1px 0  rgba(0, 0, 0, 0.12),
          0 -12px 40px rgba(0, 0, 0, 0.32);
}

/* Dock rim ışığı (üst kenar gradient) */
html[data-theme="apple"] #dock::before,
html[data-theme="apple-dark"] #dock::before {
  content:  '';
  position: absolute;
  top:   0; left:  0; right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 5%,
    rgba(255, 255, 255, 0.18) 50%,
    transparent 95%
  );
}

/* Dock accent glow (yeşil, accent rengi) */
html[data-theme="apple"] #dock::after,
html[data-theme="apple-dark"] #dock::after {
  content:  '';
  position: absolute;
  top: 0; left: 20%; right: 20%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(48, 209, 88, 0.35),
    transparent
  );
  pointer-events: none;
}

/* ── 7. KÖŞE TUŞLARI ── */
html[data-theme="apple"] .corner-btn,
html[data-theme="apple-dark"] .corner-btn {
  width:  44px;
  height: 44px;
  min-width:  44px;
  min-height: 44px;
  border-radius: 50%;
  background: transparent;
}
html[data-theme="apple"] .corner-btn svg,
html[data-theme="apple-dark"] .corner-btn svg {
  color: var(--muted);
  fill:  currentColor;
  width:  23px;
  height: 23px;
}
html[data-theme="apple"] .corner-btn:active,
html[data-theme="apple-dark"] .corner-btn:active {
  background: rgba(255, 255, 255, 0.08);
  transform:  scale(0.88);
  transition: transform 80ms ease-out, background 80ms ease;
}
html[data-theme="apple"] .corner-btn:active svg,
html[data-theme="apple-dark"] .corner-btn:active svg {
  color: var(--text);
}

/* ── 8. PLAY BUTONU (dock-play) ── */
html[data-theme="apple"] .dock-play,
html[data-theme="apple-dark"] .dock-play {
  background:  var(--accent);
  box-shadow:  0 2px 12px rgba(48, 209, 88, 0.55);
  border-radius: 50%;
  transition:
    transform  400ms var(--spring-snappy),
    box-shadow 400ms var(--spring-snappy);
}
html[data-theme="apple"] .dock-play:active,
html[data-theme="apple-dark"] .dock-play:active {
  transform:  translate(-50%, -50%) scale(0.91);
  box-shadow: 0 1px 4px rgba(48, 209, 88, 0.25);
  transition-duration: 80ms;
  transition-timing-function: ease-out;
}

/* sürükleme anında büyü */
html[data-theme="apple"] .dock-play.dragging,
html[data-theme="apple-dark"] .dock-play.dragging {
  transform:  translate(-50%, -50%) scale(1.18);
  box-shadow: 0 4px 20px rgba(48, 209, 88, 0.70);
}

/* ic-play / ic-pause — opacity morph (display:none yerine) */
html[data-theme="apple"] .dock-play .ic-play,
html[data-theme="apple"] .dock-play .ic-pause,
html[data-theme="apple-dark"] .dock-play .ic-play,
html[data-theme="apple-dark"] .dock-play .ic-pause {
  transition: opacity 180ms ease, transform 180ms ease;
}
html[data-theme="apple"] .dock-play.playing .ic-play,
html[data-theme="apple-dark"] .dock-play.playing .ic-play {
  display: none; /* JS mevcut davranışını bozmamak için korundu */
}

/* ── 9. SPEED TRACK ── */
html[data-theme="apple"] #speed-track::before,
html[data-theme="apple-dark"] #speed-track::before {
  height:        5px;
  border-radius: 5px;
  background:    rgba(255, 255, 255, 0.10);
  transition:    height 180ms var(--spring-snappy);
}
/* sürükleme anında track genişler */
html[data-theme="apple"] #speed-track.dragging::before,
html[data-theme="apple-dark"] #speed-track.dragging::before {
  height: 8px;
}
html[data-theme="apple"] #speed-track::after,
html[data-theme="apple-dark"] #speed-track::after {
  height:  5px;
  opacity: 0.45;
  background: var(--accent);
}

/* ── 10. SPEED VAL ── */
html[data-theme="apple"] #speed-val,
html[data-theme="apple-dark"] #speed-val {
  font-size:           var(--t-caption);   /* 11px */
  font-weight:         800;
  font-variant-numeric: tabular-nums;
  letter-spacing:      0.1px;
  color:               var(--accent);
  opacity:             0;
  transition:          opacity 120ms ease, transform 120ms var(--spring-snappy);
}
html[data-theme="apple"] #speed-track.dragging #speed-val,
html[data-theme="apple-dark"] #speed-track.dragging #speed-val {
  opacity: 1;
}

/* ── 11. SAĞ ŞERİT (RAIL) ── */
html[data-theme="apple"] #rail,
html[data-theme="apple-dark"] #rail {
  width: var(--rail-w);               /* 11px */
  opacity: 0;
  transition: opacity 0.4s ease;
}
/* scroll anında görünür (JS .scrolling class) */
html[data-theme="apple"] #reader.scrolling #rail,
html[data-theme="apple-dark"] #reader.scrolling #rail {
  opacity: 1;
}

html[data-theme="apple"] #rail-thumb,
html[data-theme="apple-dark"] #rail-thumb {
  background:    rgba(255, 255, 255, 0.32);
  border-radius: 6px;
  min-height:    26px;
  width:         calc(var(--rail-w) - 3px);
  box-shadow:    0 1px 3px rgba(0, 0, 0, 0.30);
  transition:    opacity 0.4s ease, width 0.2s ease;
}
/* scroll anında daha parlak */
html[data-theme="apple"] #reader.scrolling #rail-thumb,
html[data-theme="apple-dark"] #reader.scrolling #rail-thumb {
  background: rgba(255, 255, 255, 0.55);
}
/* dokunuşta thumb genişler */
html[data-theme="apple"] #rail:active #rail-thumb,
html[data-theme="apple-dark"] #rail:active #rail-thumb {
  width: 13px;
}

/* ── 12. READER GRADIENT OVERLAY'LERİ ── */
html[data-theme="apple"] #reader::before,
html[data-theme="apple-dark"] #reader::before {
  content:  '';
  position: fixed;
  top:   0; left: 0; right: var(--rail-w);
  height: calc(var(--safe-t) + 56px);
  background: linear-gradient(
    180deg,
    rgba(11, 19, 16, 0.92) 55%,
    transparent
  );
  pointer-events: none;
  z-index: 10;
}
html[data-theme="apple"] #reader::after,
html[data-theme="apple-dark"] #reader::after {
  content:  '';
  position: fixed;
  bottom: var(--dock); left: 0; right: var(--rail-w);
  height: 30vh;
  background: linear-gradient(
    0deg,
    rgba(11, 19, 16, 0.72) 0%,
    transparent
  );
  pointer-events: none;
  z-index: 10;
}

/* ── 13. RETURN BUTTON (scroll lock pill) ── */
html[data-theme="apple"] #return-btn,
html[data-theme="apple-dark"] #return-btn {
  position:    fixed;
  bottom:      calc(var(--dock) + 14px + var(--safe-b));
  right:       14px;
  z-index:     25;
  background:  var(--accent);
  color:       #06231a;
  font-size:   var(--t-caption);        /* 12px */
  font-weight: 700;
  padding:     7px 12px;
  border-radius: var(--r-pill);
  border: 0;
  cursor: pointer;
  opacity:   0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
html[data-theme="apple"] #return-btn.visible,
html[data-theme="apple-dark"] #return-btn.visible {
  opacity:   1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ── 14. BOTTOM SHEET'LER ── */
html[data-theme="apple"] .sheet,
html[data-theme="apple-dark"] .sheet {
  position:              fixed;          /* reader scroll'undan bağımsız */
  background:            var(--panel);
  border-top:            1px solid var(--line);
  border-radius:         var(--r-xl) var(--r-xl) 0 0;  /* 24px */
  padding:               8px 16px calc(20px + var(--safe-b));
  box-shadow:            0 -10px 50px rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(24px) saturate(1.85);
  backdrop-filter:         blur(24px) saturate(1.85);
  animation: appleSlideUp 320ms cubic-bezier(0.32, 0.72, 0, 1) both;
}
html[data-theme="apple"] .sheet.closing,
html[data-theme="apple-dark"] .sheet.closing {
  animation: appleSlideDown 180ms cubic-bezier(0.4, 0, 1, 1) both;
}

@keyframes appleSlideUp {
  from { transform: translateY(102%); }
  to   { transform: translateY(0); }
}
@keyframes appleSlideDown {
  from { transform: translateY(0); }
  to   { transform: translateY(100%); }
}

/* grip çizgisi — nötr beyaz (yeşilimsi kaldırıldı) */
html[data-theme="apple"] .sheet-grip,
html[data-theme="apple-dark"] .sheet-grip {
  width:         36px;
  height:        4px;
  border-radius: 2px;
  background:    rgba(255, 255, 255, 0.28);
  margin:        8px auto 16px;
}

/* menü grid butonları */
html[data-theme="apple"] .m-btn,
html[data-theme="apple-dark"] .m-btn {
  background:    rgba(255, 255, 255, 0.05);
  border:        1px solid var(--line);
  border-radius: var(--r-md);           /* 12px */
  color:         var(--text);
  font-size:     var(--t-subhead);      /* 15px */
  font-weight:   600;
  padding:       16px;
  transition:    transform 80ms ease-out, background 80ms ease;
}
html[data-theme="apple"] .m-btn:active,
html[data-theme="apple-dark"] .m-btn:active {
  background: rgba(255, 255, 255, 0.10);
  transform:  scale(0.97);
}

/* ── 15. TOAST ── */
html[data-theme="apple"] #toast,
html[data-theme="apple-dark"] #toast {
  background:              rgba(18, 30, 24, 0.96);
  border:                  1px solid var(--line);
  border-radius:           var(--r-md);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter:         blur(16px);
  font-size:     var(--t-footnote);
  color:         var(--text);
  box-shadow:    0 8px 30px rgba(0, 0, 0, 0.50);
  animation:     appleToastIn 280ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
html[data-theme="apple"] #toast.dismissing,
html[data-theme="apple-dark"] #toast.dismissing {
  animation: appleToastOut 200ms ease-in both;
}

@keyframes appleToastIn {
  from {
    opacity:   0;
    transform: translateX(-50%) translateY(-16px) scale(0.95);
  }
  to {
    opacity:   1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}
@keyframes appleToastOut {
  from {
    opacity:   1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
  to {
    opacity:   0;
    transform: translateX(-50%) translateY(8px) scale(0.97);
  }
}

/* ── 16. DÜĞMELER (primary / ghost) ── */
html[data-theme="apple"] .btn.primary,
html[data-theme="apple-dark"] .btn.primary {
  background:    var(--accent);
  color:         #06231a;
  border-radius: var(--r-md);
  transition:    transform 80ms ease-out, box-shadow 80ms ease;
}
html[data-theme="apple"] .btn.primary:active,
html[data-theme="apple-dark"] .btn.primary:active {
  transform:  scale(0.94);
  box-shadow: 0 1px 4px rgba(48, 209, 88, 0.25);
}
html[data-theme="apple"] .btn.ghost,
html[data-theme="apple-dark"] .btn.ghost {
  border:        1px solid var(--line);
  border-radius: var(--r-md);
  color:         var(--text);
  background:    transparent;
}

/* ── 17. KAYIT OVERLAY ── */
html[data-theme="apple"] .rec-card,
html[data-theme="apple-dark"] .rec-card {
  background:              rgba(18, 30, 24, 0.97);
  border:                  1px solid var(--line);
  border-radius:           var(--r-xl);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  backdrop-filter:         blur(20px) saturate(1.6);
}

/* ── 18. TOC BÖLÜM ÇUBUĞU ── */
html[data-theme="apple"] .toc-bar,
html[data-theme="apple-dark"] .toc-bar {
  background:    rgba(255, 255, 255, 0.06);
  border-radius: var(--r-sm);
}
html[data-theme="apple"] .toc-bar i,
html[data-theme="apple-dark"] .toc-bar i {
  background: var(--accent);
}

/* ── 19. GERİ BİLDİRİM / BURST ── */
html[data-theme="apple"] .burst-card,
html[data-theme="apple-dark"] .burst-card {
  background:    var(--panel);
  border:        1px solid var(--line);
  border-radius: var(--r-xl);
  box-shadow:    0 0 60px rgba(48, 209, 88, 0.25);
}

/* ── 20. ONBOARDING CARD ── */
html[data-theme="apple"] #onb-card,
html[data-theme="apple-dark"] #onb-card {
  background:    var(--panel);
  border:        1px solid var(--line);
  border-radius: var(--r-xl);           /* 24px */
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter:         blur(20px);
}

/* ── 21. BAŞLATMA İPUCU (start-hint) ── */
html[data-theme="apple"] #start-hint,
html[data-theme="apple-dark"] #start-hint {
  background:    var(--accent);
  color:         #06231a;
  border-radius: var(--r-pill);
  box-shadow:    0 8px 30px rgba(48, 209, 88, 0.50);
  font-size:     var(--t-subhead);
}

/* ── 22. TUR KARTI ── */
html[data-theme="apple"] #tour-card,
html[data-theme="apple-dark"] #tour-card {
  background:    var(--panel);
  border:        1px solid var(--line);
  border-radius: var(--r-lg);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter:         blur(20px);
}

/* ── 23. TEXTAREA & INPUT ── */
html[data-theme="apple"] textarea,
html[data-theme="apple-dark"] textarea {
  background:    rgba(255, 255, 255, 0.05);
  border:        1px solid var(--line);
  border-radius: var(--r-md);
  color:         var(--text);
  font-family:   inherit;
  font-size:     var(--t-subhead);
}
html[data-theme="apple"] textarea:focus,
html[data-theme="apple-dark"] textarea:focus {
  outline:       none;
  border-color:  var(--accent);
  box-shadow:    0 0 0 2px rgba(48, 209, 88, 0.20);
}

/* ── 24. STAR (değerlendirme) ── */
html[data-theme="apple"] .stars,
html[data-theme="apple-dark"] .stars {
  color: rgba(255, 255, 255, 0.18);
}
html[data-theme="apple"] .stars .st.on,
html[data-theme="apple-dark"] .stars .st.on {
  color: var(--gold);
}

/* ── 25. TEMA TOGGLE BUTONU DURUMU ── */
html[data-theme="apple"] [data-act="theme"],
html[data-theme="apple-dark"] [data-act="theme"] {
  border-color: var(--accent);
  color: var(--accent);
}