/* ------------------ Hatırlatma paneli ------------------ */

.reminder-panel {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(250, 204, 21, 0.34);
  border-radius: 16px;
  background:
    radial-gradient(
      circle at top right,
      rgba(250, 204, 21, 0.12),
      transparent 45%
    ),
    var(--box-bg);
}

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

.reminder-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.reminder-title {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
}

.reminder-description {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.5;
}

.reminder-close {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
}

.reminder-label {
  display: block;
  margin-top: 13px;
  margin-bottom: 5px;
  color: var(--text-secondary);
  font-size: 11px;
}

.reminder-time {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  border-radius: 12px;
  background: transparent;
  color: var(--text-primary);
  font-size: 14px;
  outline: none;
}

body[data-theme="light"] .reminder-time {
  background: rgba(248, 250, 252, 0.92);
  color: var(--text-dark);
}

.reminder-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 10px;
}

.reminder-primary-btn,
.reminder-secondary-btn {
  min-height: 40px;
  padding: 9px 10px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}

.reminder-primary-btn {
  border: none;
  background: linear-gradient(
    135deg,
    var(--accent-orange1),
    var(--accent-orange2)
  );
  color: #1b1b1b;
}

.reminder-secondary-btn {
  border: 1px solid rgba(148, 163, 184, 0.45);
  background: transparent;
  color: var(--text-primary);
}

.reminder-status {
  margin-top: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(34, 197, 94, 0.1);
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.4;
}

.reminder-warning {
  margin-top: 8px;
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1.45;
  opacity: 0.78;
}

@media (max-width: 420px) {
  .reminder-actions {
    grid-template-columns: 1fr;
  }
}

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        sans-serif;
    }

    :root {
      --bg-page: radial-gradient(circle at top, #dde9f7, #020617);
      --card-bg: rgba(15, 23, 42, 0.94);
      --card-bg-light: rgba(248, 250, 252, 0.98);
      --card-border: rgba(148, 163, 184, 0.35);
      --text-primary: #f9fafb;
      --text-secondary: #cbd5f5;
      --text-dark: #0f172a;
      --accent-yellow: #ffea00;
      --accent-orange1: #ffb300;
      --accent-orange2: #ff6f00;
      --accent-green1: #22c55e;
      --accent-green2: #84cc16;
      --box-bg: rgba(15, 23, 42, 0.85);
      --box-bg-light: rgba(241, 245, 249, 0.9);
    }

    body {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--bg-page);
      color: var(--text-primary);
    }

    body[data-theme="light"] {
      --bg-page: radial-gradient(circle at top, #e5f0ff, #e2e8f0);
      --card-bg: var(--card-bg-light);
      --text-primary: #0f172a;
      --text-secondary: #475569;
      --box-bg: var(--box-bg-light);
    }

    .card {
      background: var(--card-bg);
      border-radius: 24px;
      padding: 20px 22px 26px;
      width: 100%;
      max-width: 520px;
      box-shadow: 0 22px 50px rgba(15, 23, 42, 0.8);
      border: 1px solid var(--card-border);
      backdrop-filter: blur(12px);
    }

    .header-row {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 10px;
    }

    .title {
      font-size: 24px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--accent-yellow);
      margin-bottom: 4px;
    }

    .subtitle {
      font-size: 13px;
      opacity: 0.85;
      color: var(--text-secondary);
    }

    .header-actions {
      display: flex;
      gap: 6px;
    }

    .install-app-btn { border-color: rgba(94, 234, 212, .35) !important; color: #99f6e4 !important; }
    .connection-banner { position: sticky; top: 0; z-index: 1000; box-sizing: border-box; width: min(760px, calc(100% - 24px)); margin: 8px auto 0; padding: 9px 13px; border: 1px solid rgba(251, 191, 36, .38); border-radius: 12px; background: rgba(69, 26, 3, .96); color: #fef3c7; font-size: 10px; font-weight: 700; line-height: 1.45; text-align: center; box-shadow: 0 10px 30px rgba(2, 6, 23, .32); }
    body[data-theme="light"] .connection-banner { background: rgba(255, 251, 235, .98); color: #78350f; }
    .app-update-banner { position: fixed; right: 14px; bottom: 14px; z-index: 1200; display: flex; align-items: center; gap: 10px; max-width: calc(100% - 28px); padding: 11px 12px; border: 1px solid rgba(94, 234, 212, .4); border-radius: 14px; background: rgba(15, 23, 42, .97); color: #e2e8f0; font-size: 10px; font-weight: 700; box-shadow: 0 18px 50px rgba(2,6,23,.45); }
    .app-update-banner[hidden] { display: none; }
    .app-update-banner button { padding: 8px 10px; border: 0; border-radius: 999px; background: #5eead4; color: #052e2b; font-size: 9px; font-weight: 850; cursor: pointer; }
    .install-guide-backdrop { position: fixed; inset: 0; z-index: 1300; display: grid; place-items: end center; padding: 14px; background: rgba(2, 6, 23, .72); backdrop-filter: blur(5px); }
    .install-guide-backdrop[hidden] { display: none; }
    .install-guide { box-sizing: border-box; width: min(480px, 100%); padding: 18px; border: 1px solid rgba(94, 234, 212, .32); border-radius: 22px 22px 16px 16px; background: #0f172a; box-shadow: 0 28px 80px rgba(2,6,23,.6); }
    .install-guide-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
    .install-guide-heading p { margin: 0 0 3px; color: #5eead4; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    .install-guide-heading h2 { margin: 0; color: #f8fafc; font-size: 20px; }
    .install-guide-heading button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(148,163,184,.13); color: #cbd5e1; font-size: 20px; cursor: pointer; }
    .install-guide ol { display: grid; gap: 9px; margin: 15px 0 11px; padding: 0; list-style: none; }
    .install-guide li { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 13px; background: rgba(30,41,59,.75); color: #cbd5e1; font-size: 11px; line-height: 1.45; }
    .install-guide li > strong { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: rgba(94,234,212,.14); color: #5eead4; }
    .install-guide > p { margin: 0; color: #94a3b8; font-size: 9px; line-height: 1.5; }
    .install-guide-done { width: 100%; min-height: 42px; margin-top: 13px; border: 0; border-radius: 999px; background: linear-gradient(135deg,#5eead4,#34d399); color: #052e2b; font-size: 10px; font-weight: 850; cursor: pointer; }
    body[data-theme="light"] .install-guide { background: #fff; }
    body[data-theme="light"] .install-guide-heading h2 { color: #0f172a; }
    body[data-theme="light"] .install-guide li { background: #f1f5f9; color: #334155; }

    .icon-btn {
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.5);
      background: rgba(15, 23, 42, 0.7);
      color: var(--text-primary);
      padding: 6px 10px;
      font-size: 11px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
    }

    body[data-theme="light"] .icon-btn {
      background: rgba(248, 250, 252, 0.9);
    }

    .field-label {
      font-size: 12px;
      margin-top: 12px;
      margin-bottom: 4px;
      opacity: 0.9;
    }

    .select {
      width: 100%;
      padding: 8px 10px;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.6);
      background: rgba(15, 23, 42, 0.7);
      color: var(--text-primary);
      font-size: 13px;
      outline: none;
      margin-bottom: 12px;
    }

    body[data-theme="light"] .select {
      background: rgba(248, 250, 252, 0.95);
      color: var(--text-dark);
    }
.dhikr-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
  margin-bottom: 14px;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.55);
}

body[data-theme="light"] .dhikr-tabs {
  background: rgba(226, 232, 240, 0.72);
}

.dhikr-tab {
  min-width: 0;
  min-height: 58px;
  padding: 7px 4px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    transform 0.08s ease;
}

.dhikr-tab:hover {
  background: rgba(148, 163, 184, 0.12);
}

.dhikr-tab:active {
  transform: scale(0.97);
}

.dhikr-tab.active {
  color: #1b1b1b;
  border-color: rgba(255, 234, 0, 0.75);
  background: linear-gradient(
    135deg,
    var(--accent-yellow),
    var(--accent-orange1)
  );
  box-shadow: 0 6px 18px rgba(255, 179, 0, 0.25);
}

.dhikr-tab-icon {
  font-size: 17px;
  line-height: 1;
}
       .arabic {
      text-align: center;
      font-size: 26px;
      line-height: 1.8;
      margin-top: 4px;
      margin-bottom: 6px;
      font-family: "Noto Naskh Arabic", "Traditional Arabic", serif;
      direction: rtl;
      unicode-bidi: isolate;
    }


    .translit {
      text-align: center;
      font-size: 13px;
      opacity: 0.9;
      margin-bottom: 4px;
    }

    .small-btn {
      display: block;
      margin: 0 auto 6px;
      font-size: 11px;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.7);
      padding: 4px 10px;
      background: transparent;
      color: var(--text-secondary);
      cursor: pointer;
    }

    .meaning {
      text-align: center;
      font-size: 13px;
      opacity: 0.9;
      margin-bottom: 12px;
      color: var(--text-secondary);
    }

    .section-title {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      opacity: 0.9;
      margin-bottom: 6px;
    }

    .row {
      display: flex;
      gap: 8px;
      margin-bottom: 10px;
    }

    .row > div {
      flex: 1;
    }

    .counter-box {
      background: var(--box-bg);
      border-radius: 16px;
      padding: 10px 12px;
      margin-bottom: 12px;
      border: 1px solid rgba(148, 163, 184, 0.25);
    }

    .counter-label {
      font-size: 11px;
      opacity: 0.8;
      margin-bottom: 2px;
    }

    .counter-value {
      font-size: 22px;
      font-weight: 700;
    }

    .progress-wrapper {
      margin-top: 4px;
      background: rgba(15, 23, 42, 0.9);
      border-radius: 999px;
      overflow: hidden;
      height: 8px;
    }

    body[data-theme="light"] .progress-wrapper {
      background: rgba(226, 232, 240, 0.9);
    }

    .progress-bar {
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, #22c55e, #84cc16);
      transition: width 0.2s ease;
    }

    .progress-text {
      margin-top: 4px;
      font-size: 11px;
      opacity: 0.82;
    }

    .input-inline {
      display: flex;
      gap: 6px;
      margin-top: 8px;
    }

    .input-inline input {
      flex: 1;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.7);
      padding: 6px 10px;
      font-size: 13px;
      background: transparent;
      color: var(--text-primary);
      outline: none;
    }

    body[data-theme="light"] .input-inline input {
      background: rgba(248, 250, 252, 0.95);
      color: var(--text-dark);
    }

    .input-inline button {
      border-radius: 999px;
      border: none;
      background: linear-gradient(135deg, #22c55e, #16a34a);
      color: #f9fafb;
      font-size: 12px;
      padding: 8px 14px;
      cursor: pointer;
      white-space: nowrap;
    }

    .streak-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(34, 197, 94, 0.14);
      font-size: 11px;
      margin-top: 8px;
    }

    body[data-theme="light"] .streak-badge {
      background: rgba(34, 197, 94, 0.08);
    }

    .small {
      font-size: 11px;
      opacity: 0.74;
      margin-top: 5px;
    }

    .btn-main {
      width: 100%;
      padding: 16px;
      margin-top: 10px;
      border-radius: 999px;
      border: none;
      cursor: pointer;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      transition: transform 0.08s ease, box-shadow 0.08s ease, opacity 0.2s ease;
      background: linear-gradient(135deg, #ffb300, #ff6f00);
      color: #1b1b1b;
      box-shadow: 0 14px 32px rgba(0, 0, 0, 0.75);
    }

    .btn-main:active {
      transform: translateY(2px) scale(0.99);
      box-shadow: 0 7px 16px rgba(0, 0, 0, 0.5);
      opacity: 0.96;
    }

    .btn-main.pulse {
      animation: pulse 0.25s ease-out;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.03);
      }
      100% {
        transform: scale(1);
      }
    }

    .note {
      margin-top: 6px;
      font-size: 11px;
      opacity: 0.78;
      text-align: center;
    }

    .footer-actions {
      margin-top: 8px;
      display: flex;
      justify-content: center;
    }

    .quote {
      margin-top: 10px;
      font-size: 12px;
      text-align: center;
    }

    .quote-source {
      font-size: 11px;
      opacity: 0.7;
      margin-top: 2px;
    }

    .faq {
      margin-top: 14px;
      border-radius: 14px;
      border: 1px dashed rgba(148, 163, 184, 0.6);
      padding: 8px 10px;
      font-size: 12px;
    }

    .faq-toggle {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
    }

    .faq-toggle button {
      font-size: 11px;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.7);
      padding: 3px 8px;
      background: transparent;
      color: var(--text-secondary);
      cursor: pointer;
    }

    .faq-body {
      margin-top: 6px;
      display: none;
    }

    .faq-body ul {
      margin-left: 18px;
      margin-top: 4px;
    }

    .faq-body li {
      margin-bottom: 2px;
    }

    .toast {
      position: fixed;
      left: 50%;
      top: 12px;
      transform: translateX(-50%);
      padding: 8px 16px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 0.96);
      border: 1px solid rgba(250, 204, 21, 0.7);
      color: #fefce8;
      font-size: 13px;
      display: flex;
      align-items: center;
      gap: 8px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.18s ease, transform 0.18s ease;
      z-index: 50;
    }

    .toast.show {
      opacity: 1;
      transform: translateX(-50%) translateY(4px);
    }

 @media (max-width: 600px) {
  body {
    align-items: flex-start;
    padding-bottom: 92px;
  }

  .card {
    margin: 12px;
    padding: 18px 16px 30px;
  }

  .title {
    font-size: 20px;
  }

  .arabic {
    font-size: 22px;
  }

  .btn-main {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: auto;
    margin: 0;
    z-index: 100;
    box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.75),
      0 0 0 1px rgba(255, 255, 255, 0.15);
  }
}
	  .consent-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  font-size: 11px;
  line-height: 1.45;
  color: var(--text-secondary);
}

.consent-row input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 2px;
  accent-color: var(--accent-green1);
}

.consent-row label {
  cursor: pointer;
}

.privacy-details {
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 12px;
  font-size: 11px;
  color: var(--text-secondary);
}

.privacy-details summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--text-primary);
}

.campaign-attribution { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding: 9px 10px; border: 1px solid rgba(94, 234, 212, .24); border-radius: 10px; background: rgba(94, 234, 212, .06); color: var(--text-secondary); font-size: 9px; line-height: 1.4; }
.campaign-attribution[hidden] { display: none; }
.campaign-attribution strong { color: var(--text-primary); }
.campaign-attribution button { flex: 0 0 auto; padding: 5px 8px; border: 1px solid rgba(148, 163, 184, .28); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 8px; cursor: pointer; }

.campaign-builder { margin: 14px 0; border: 1px solid rgba(56, 189, 248, .28); border-radius: 18px; background: radial-gradient(circle at top right, rgba(14, 165, 233, .1), transparent 42%), var(--box-bg); overflow: hidden; }
.campaign-builder > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 16px; cursor: pointer; list-style: none; }
.campaign-builder > summary::-webkit-details-marker { display: none; }
.campaign-builder > summary span { min-width: 0; }
.campaign-builder > summary small { display: block; color: #7dd3fc; font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.campaign-builder > summary strong { display: block; margin-top: 3px; color: var(--text-primary); font-size: 14px; }
.campaign-builder > summary em { flex: 0 0 auto; padding: 6px 8px; border-radius: 999px; background: rgba(56, 189, 248, .1); color: #7dd3fc; font-size: 8px; font-style: normal; font-weight: 750; }
.campaign-builder-body { padding: 0 16px 16px; border-top: 1px solid rgba(148, 163, 184, .16); }
.campaign-builder-body > p:first-child { margin: 12px 0 0; color: var(--text-secondary); font-size: 10px; line-height: 1.5; }
.campaign-builder-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 11px; }
.campaign-builder-grid label, .campaign-builder-output > label { color: var(--text-secondary); font-size: 8px; font-weight: 760; }
.campaign-builder-grid select, .campaign-builder-grid input, .campaign-builder-output input { box-sizing: border-box; width: 100%; min-height: 39px; margin-top: 4px; padding: 8px 9px; border: 1px solid rgba(148, 163, 184, .28); border-radius: 9px; background: rgba(15, 23, 42, .22); color: var(--text-primary); font-size: 9px; }
.campaign-builder-create { min-height: 38px; margin-top: 9px; padding: 8px 12px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #38bdf8, #2dd4bf); color: #083344; font-size: 9px; font-weight: 850; cursor: pointer; }
.campaign-builder-output { margin-top: 11px; padding: 10px; border: 1px solid rgba(45, 212, 191, .23); border-radius: 11px; background: rgba(45, 212, 191, .05); }
.campaign-builder-output[hidden] { display: none; }
.campaign-builder-output > div { display: flex; gap: 6px; }
.campaign-builder-output input { min-width: 0; flex: 1; }
.campaign-builder-output button { flex: 0 0 auto; margin-top: 4px; padding: 7px 10px; border: 0; border-radius: 9px; background: #2dd4bf; color: #042f2e; font-size: 8px; font-weight: 850; cursor: pointer; }
.campaign-builder-output a { display: inline-flex; margin-top: 7px; color: #7dd3fc; font-size: 8px; font-weight: 750; }
.campaign-builder-note { margin: 9px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.45; }
body[data-theme="light"] .campaign-builder-grid select, body[data-theme="light"] .campaign-builder-grid input, body[data-theme="light"] .campaign-builder-output input { background: rgba(255,255,255,.86); }
@media (max-width: 560px) { .campaign-builder-grid { grid-template-columns: 1fr; } .campaign-builder-output > div { flex-direction: column; } }

.privacy-text {
  margin-top: 8px;
  line-height: 1.5;
}

.privacy-text p {
  margin-bottom: 8px;
}

.privacy-text a {
  color: var(--accent-yellow);
  overflow-wrap: anywhere;
}
	  .stats-details {
  margin-bottom: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 16px;
  background: var(--box-bg);
  overflow: hidden;
}

.stats-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-primary);
  user-select: none;
}

.stats-details summary::-webkit-details-marker {
  display: none;
}

.stats-details-hint {
  font-size: 11px;
  font-weight: 400;
  color: var(--text-secondary);
}

.stats-details[open] .stats-details-hint {
  font-size: 0;
}

.stats-details[open] .stats-details-hint::after {
  content: "Gizle";
  font-size: 11px;
}

.stats-details-content {
  padding: 0 10px 2px;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.stats-details-content .counter-box {
  margin-top: 10px;
  margin-bottom: 10px;
}
	  /* ------------------ HCM destek kartı ------------------ */

.hcm-card {
  position: relative;
  margin-top: 20px;
  margin-bottom: 14px;
  border: 1px solid rgba(245, 158, 11, 0.35);
  border-radius: 20px;
  background:
    radial-gradient(
      circle at top right,
      rgba(245, 158, 11, 0.15),
      transparent 38%
    ),
    var(--box-bg);
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.25);
}

.hcm-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  color: #fef3c7;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.03em;
  backdrop-filter: blur(8px);
}

.hcm-image-link {
  display: block;
  overflow: hidden;
  background: rgba(15, 23, 42, 0.6);
}

.hcm-image {
  display: block;
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.hcm-image-link:hover .hcm-image {
  transform: scale(1.025);
}

.hcm-content {
  padding: 15px;
}

.hcm-brand-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}

.hcm-logo-mark {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    var(--accent-orange1),
    var(--accent-orange2)
  );
  color: #1b1b1b;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.04em;
  box-shadow: 0 7px 18px rgba(245, 158, 11, 0.22);
}

.hcm-brand-name {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 700;
}

.hcm-brand-category {
  margin-top: 2px;
  color: var(--text-secondary);
  font-size: 10px;
}

.hcm-title {
  margin-bottom: 6px;
  color: var(--text-primary);
  font-size: 17px;
  line-height: 1.3;
}

.hcm-description {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

.hcm-features {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.hcm-features span {
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-secondary);
  font-size: 10px;
}

.hcm-button {
  width: 100%;
  margin-top: 14px;
  padding: 11px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 999px;
  background: linear-gradient(
    135deg,
    var(--accent-orange1),
    var(--accent-orange2)
  );
  color: #1b1b1b;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  transition:
    transform 0.1s ease,
    box-shadow 0.18s ease;
  box-shadow: 0 8px 22px rgba(245, 158, 11, 0.2);
}

.hcm-button:hover {
  box-shadow: 0 10px 26px rgba(245, 158, 11, 0.3);
}

.hcm-button:active {
  transform: scale(0.985);
}

.hcm-disclosure {
  margin-top: 9px;
  color: var(--text-secondary);
  font-size: 9px;
  line-height: 1.4;
  text-align: center;
  opacity: 0.7;
}

body[data-theme="light"] .hcm-badge {
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(248, 250, 252, 0.9);
  color: #92400e;
}

body[data-theme="light"] .hcm-card {
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.13);
}
/* ------------------ Klavye odak stilleri ------------------ */

/*
 * Klavyeyle Tab kullanıldığında hangi öğenin seçili
 * olduğunu belirgin biçimde gösterir.
 */
:where(
  a[href],
  button,
  input,
  select,
  textarea,
  summary,
  [role="button"],
  [role="tab"],
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 3px solid #fbbf24;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(251, 191, 36, 0.25);
}

/*
 * Açık temada daha yüksek kontrastlı odak rengi kullanılır.
 */
body[data-theme="light"]
  :where(
    a[href],
    button,
    input,
    select,
    textarea,
    summary,
    [role="button"],
    [role="tab"],
    [tabindex]:not([tabindex="-1"])
  ):focus-visible {
  outline-color: #1d4ed8;
  box-shadow: 0 0 0 6px rgba(29, 78, 216, 0.2);
}

/*
 * Form alanlarının odak çerçevesinin kutuya
 * daha yakın görünmesini sağlar.
 */
:where(input, select, textarea):focus-visible {
  outline-offset: 2px;
}

/*
 * Windows yüksek kontrast modunda odak göstergesini korur.
 */
@media (forced-colors: active) {
  :where(
    a[href],
    button,
    input,
    select,
    textarea,
    summary,
    [role="button"],
    [role="tab"],
    [tabindex]:not([tabindex="-1"])
  ):focus-visible {
    outline: 3px solid Highlight;
    box-shadow: none;
  }
}
/* ------------------ Hareket azaltma desteği ------------------ */

@media (prefers-reduced-motion: reduce) {
  /*
   * İşletim sisteminde “Hareketi azalt” seçiliyse
   * animasyon ve geçişleri kaldırır.
   */
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }

  /*
   * Basma sırasında gerçekleşen büyüme,
   * küçülme ve sıçrama hareketlerini kaldırır.
   */
  .dhikr-tab:active,
  .btn-main:active,
  .btn-main.pulse,
  .hcm-button:active {
    transform: none !important;
  }

  /*
   * Reklam görselinin üzerine gelindiğinde
   * büyümesini engeller.
   */
  .hcm-image-link:hover .hcm-image {
    transform: none !important;
  }

  /*
   * Toast hareket etmeden doğrudan görünür.
   * Yatay merkezleme korunur.
   */
  .toast.show {
    transform: translateX(-50%) !important;
  }
}
/* ------------------ Marka açıklaması ------------------ */

.brand-area {
  min-width: 0;
  max-width: 310px;
}

.brand-description {
  margin: 0;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.brand-area .subtitle {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.4;
}

/* Mobil ekranda başlık alanını daha kompakt tutar. */
@media (max-width: 600px) {
  .brand-area {
    max-width: 235px;
  }

  .brand-description {
    font-size: 11px;
  }

  .brand-area .subtitle {
    font-size: 10px;
  }
}
/* ------------------ Mahrem Mod ------------------ */

.privacy-mode-box {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(52, 211, 153, 0.28);
  border-radius: 14px;
  background: rgba(16, 185, 129, 0.08);
}

.privacy-mode-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.privacy-mode-header .section-title {
  margin-bottom: 5px;
}

.privacy-mode-status {
  margin-top: 10px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.privacy-switch {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  width: 52px;
  height: 30px;
  cursor: pointer;
}

.privacy-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.privacy-switch-slider {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.55);
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.privacy-switch-slider::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.3);
  transition: transform 0.2s ease;
}

.privacy-switch input:checked + .privacy-switch-slider {
  border-color: #10b981;
  background: #10b981;
}

.privacy-switch input:checked + .privacy-switch-slider::before {
  transform: translateX(22px);
}

.privacy-switch input:focus-visible + .privacy-switch-slider {
  outline: 3px solid #fbbf24;
  outline-offset: 3px;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body[data-theme="light"] .privacy-mode-box {
  border-color: rgba(5, 150, 105, 0.3);
  background: rgba(16, 185, 129, 0.09);
}

body[data-theme="light"]
  .privacy-switch input:focus-visible
  + .privacy-switch-slider {
  outline-color: #1d4ed8;
}

@media (prefers-reduced-motion: reduce) {
  .privacy-switch-slider,
  .privacy-switch-slider::before {
    transition: none;
  }
}
/* ------------------ Yeni başlayanlar rehberi ------------------ */

.beginner-guide {
  margin: 4px 0 14px;
  border: 1px solid rgba(52, 211, 153, 0.3);
  border-radius: 16px;
  background: rgba(16, 185, 129, 0.07);
  overflow: hidden;
}

.beginner-guide summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  cursor: pointer;
  list-style: none;
  color: var(--text-primary);
  user-select: none;
}

.beginner-guide summary::-webkit-details-marker {
  display: none;
}

.beginner-guide-title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.beginner-guide-hint {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--text-secondary);
}

.beginner-guide[open] .beginner-guide-hint {
  font-size: 0;
}

.beginner-guide[open] .beginner-guide-hint::after {
  content: "Gizle";
  font-size: 11px;
}

.beginner-guide-content {
  padding: 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}

.beginner-guide-content section + section {
  margin-top: 16px;
}

.beginner-guide-content h2 {
  margin: 0 0 5px;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.4;
}

.beginner-guide-content p {
  margin: 0;
}

.beginner-guide-content ol {
  margin: 6px 0 0;
  padding-left: 20px;
}

.beginner-guide-content li + li {
  margin-top: 4px;
}

.beginner-guide-meanings {
  display: grid;
  gap: 8px;
  margin: 8px 0 0;
}

.beginner-guide-meanings div {
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.16);
}

.beginner-guide-meanings dt {
  color: var(--text-primary);
  font-weight: 700;
}

.beginner-guide-meanings dd {
  margin: 2px 0 0;
}

.beginner-guide-note {
  margin-top: 16px !important;
  padding: 10px;
  border-left: 3px solid var(--accent-yellow);
  border-radius: 8px;
  background: rgba(245, 158, 11, 0.08);
  font-size: 11px;
}

body[data-theme="light"] .beginner-guide {
  border-color: rgba(5, 150, 105, 0.28);
  background: rgba(16, 185, 129, 0.06);
}

body[data-theme="light"] .beginner-guide-meanings div {
  background: rgba(248, 250, 252, 0.7);
}

/* ------------------ Bugün / günlük rutin motoru ------------------ */

.today-panel {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(52, 211, 153, 0.34);
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(52, 211, 153, 0.13), transparent 40%),
    var(--box-bg);
}

.today-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.today-kicker {
  margin: 0 0 3px;
  color: #6ee7b7;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.today-title {
  margin: 0;
  color: var(--text-primary);
  font-size: 22px;
  line-height: 1.15;
}

.today-description {
  max-width: 340px;
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.5;
}

.today-progress-ring {
  --today-progress: 0%;
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#34d399 var(--today-progress), rgba(148, 163, 184, 0.2) 0);
  position: relative;
}

.today-progress-ring::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: inherit;
  background: var(--box-bg);
}

.today-progress-ring span {
  position: relative;
  z-index: 1;
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 800;
}

.today-progress-track {
  height: 7px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.2);
}

.today-progress-fill {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #10b981, #84cc16);
  transition: width 0.2s ease;
}

.today-summary {
  margin: 7px 0 12px;
  color: var(--text-secondary);
  font-size: 11px;
}

.pace-coach { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0 13px; padding: 11px 12px; border: 1px solid rgba(56, 189, 248, .26); border-radius: 14px; background: rgba(14, 165, 233, .06); }
.pace-coach[hidden] { display: none; }
.pace-coach > div:first-child { min-width: 0; }
.pace-coach p { margin: 0 0 3px; color: #7dd3fc; font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.pace-coach h3 { margin: 0; color: var(--text-primary); font-size: 12px; }
.pace-coach span { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 8px; line-height: 1.45; }
.pace-coach-actions { display: flex; flex: 0 0 auto; gap: 5px; }
.pace-coach-actions[hidden] { display: none; }
.pace-coach-actions button { min-height: 31px; padding: 6px 8px; border: 1px solid rgba(125, 211, 252, .25); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 8px; font-weight: 760; cursor: pointer; }
.pace-coach-actions button:hover { border-color: rgba(125, 211, 252, .55); color: #bae6fd; }
.pace-coach.is-answered { border-color: rgba(52, 211, 153, .24); background: rgba(16, 185, 129, .06); }
@media (max-width: 640px) { .pace-coach { align-items: stretch; flex-direction: column; } .pace-coach-actions { display: grid; grid-template-columns: 1fr; } }

.routine-list {
  display: grid;
  gap: 7px;
}

body.focus-mode-open { overflow: hidden; }

.focus-mode {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(2, 6, 23, 0.84);
  backdrop-filter: blur(10px);
}

.focus-mode[hidden] { display: none; }

.focus-mode-card {
  position: relative;
  width: min(100%, 440px);
  padding: 30px 22px 22px;
  border: 1px solid rgba(94, 234, 212, 0.32);
  border-radius: 24px;
  background: radial-gradient(circle at top, rgba(16, 185, 129, 0.18), transparent 48%), #0f172a;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
  color: #f8fafc;
  text-align: center;
}

.focus-mode-close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: #94a3b8;
  font-size: 24px;
  cursor: pointer;
}

.focus-mode-symbol {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 0 auto 13px;
  border-radius: 50%;
  background: rgba(94, 234, 212, 0.11);
  color: #5eead4;
  font-size: 29px;
  animation: focus-breathe 4s ease-in-out infinite;
}

@keyframes focus-breathe {
  50% { transform: scale(1.08); box-shadow: 0 0 28px rgba(94, 234, 212, 0.15); }
}

.focus-mode-kicker { margin: 0 0 7px; color: #facc15; font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.focus-mode-card h3 { margin: 0; font-size: 20px; line-height: 1.35; }
.focus-mode-card > p:not(.focus-mode-kicker) { margin: 12px auto 0; color: #cbd5e1; font-size: 12px; line-height: 1.65; }
.focus-mode-card .focus-mode-note { color: #94a3b8; font-size: 10px; }
.focus-mode-actions { display: grid; gap: 8px; margin-top: 20px; }
.focus-mode-actions button { min-height: 42px; border-radius: 999px; font-size: 11px; font-weight: 800; cursor: pointer; }
#focusModeCompleteBtn { border: 0; background: linear-gradient(135deg, #5eead4, #10b981); color: #052e2b; }
#focusModePauseBtn { border: 1px solid rgba(148, 163, 184, .35); background: transparent; color: #cbd5e1; }

@media (prefers-reduced-motion: reduce) {
  .focus-mode-symbol { animation: none; }
}

.routine-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 8px 9px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 13px;
  background: rgba(148, 163, 184, 0.06);
}

.routine-item.is-complete {
  border-color: rgba(52, 211, 153, 0.4);
  background: rgba(16, 185, 129, 0.1);
}

.routine-check {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  accent-color: #10b981;
  cursor: pointer;
}

.routine-label {
  min-width: 0;
  flex: 1;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.35;
  cursor: pointer;
}

.routine-item.is-complete .routine-label {
  color: var(--text-secondary);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.routine-open,
.routine-defer,
.routine-source,
.routine-delete {
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 10px;
  cursor: pointer;
  text-decoration: none;
}

.routine-source { white-space: nowrap; color: #6ee7b7; }

.routine-defer { white-space: nowrap; }

.deferred-routines {
  margin-top: 3px;
  padding: 9px 10px;
  border: 1px dashed rgba(148, 163, 184, .3);
  border-radius: 12px;
  color: var(--text-secondary);
}

.deferred-routines summary { font-size: 10px; font-weight: 800; cursor: pointer; }
.deferred-routine-row { display: flex; align-items: center; gap: 8px; padding-top: 8px; font-size: 10px; }
.deferred-routine-row span { min-width: 0; flex: 1; }
.deferred-routine-row button { flex: 0 0 auto; padding: 5px 8px; border: 1px solid rgba(94, 234, 212, .3); border-radius: 999px; background: transparent; color: #5eead4; font-size: 9px; cursor: pointer; }

.routine-delete {
  width: 30px;
  padding: 0;
  font-size: 14px;
}

.routine-add-form {
  display: flex;
  gap: 7px;
  margin-top: 11px;
}

.routine-add-form input {
  min-width: 0;
  flex: 1;
  padding: 9px 11px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  border-radius: 999px;
  background: transparent;
  color: var(--text-primary);
  font-size: 12px;
}

.routine-add-form button {
  padding: 9px 12px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #10b981, #16a34a);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.today-gentle-note {
  margin: 10px 0 0;
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1.45;
  text-align: center;
}

body[data-theme="light"] .today-panel {
  border-color: rgba(5, 150, 105, 0.28);
}

body[data-theme="light"] .today-kicker {
  color: #047857;
}

body[data-theme="light"] .routine-item {
  background: rgba(255, 255, 255, 0.66);
}

body[data-theme="light"] .routine-add-form input {
  background: rgba(255, 255, 255, 0.78);
  color: var(--text-dark);
}

@media (max-width: 430px) {
  .today-panel {
    padding: 14px 12px;
  }

  .routine-add-form {
    align-items: stretch;
    flex-direction: column;
  }

  .routine-add-form button {
    min-height: 39px;
  }
}

/* Güzel Davet Rehberi */
.invitation-guide { margin: 14px 0; padding: 18px; border: 1px solid rgba(96, 165, 250, .31); border-radius: 20px; background: linear-gradient(145deg, rgba(30, 64, 175, .11), rgba(15, 23, 42, .24)); }
.invitation-guide-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.invitation-guide-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.invitation-guide-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.invitation-guide-kicker { color: #93c5fd !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.invitation-guide-heading > span { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(96, 165, 250, .32); border-radius: 999px; color: #bfdbfe; font-size: 8px; font-weight: 750; }
.invitation-scenarios { display: flex; gap: 7px; margin-top: 13px; padding-bottom: 3px; overflow-x: auto; }
.invitation-scenarios button { flex: 0 0 auto; min-height: 35px; padding: 7px 10px; border: 1px solid rgba(148, 163, 184, .27); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 9px; font-weight: 730; cursor: pointer; }
.invitation-scenarios button.active { border-color: #60a5fa; background: rgba(59, 130, 246, .13); color: #bfdbfe; }
.invitation-card { margin-top: 10px; padding: 15px; border: 1px solid rgba(96, 165, 250, .25); border-radius: 15px; background: rgba(59, 130, 246, .06); }
.invitation-card-label { margin: 0 0 5px !important; color: #93c5fd !important; font-size: 8px !important; font-weight: 830; letter-spacing: .08em; text-transform: uppercase; }
.invitation-card h3 { margin: 0; font-size: 15px; line-height: 1.4; }
.invitation-card > p:not(.invitation-card-label) { margin: 7px 0 0; color: var(--text-secondary); font-size: 10px; line-height: 1.6; }
.invitation-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 11px; }
.invitation-columns > div { padding: 11px; border: 1px solid rgba(52, 211, 153, .22); border-radius: 11px; background: rgba(16, 185, 129, .05); }
.invitation-columns .invitation-avoid { border-color: rgba(251, 113, 133, .22); background: rgba(244, 63, 94, .05); }
.invitation-columns h4 { margin: 0; color: #86efac; font-size: 9px; }
.invitation-columns .invitation-avoid h4 { color: #fda4af; }
.invitation-columns ul { margin: 7px 0 0; padding-left: 16px; color: var(--text-secondary); font-size: 8px; line-height: 1.55; }
.invitation-columns li + li { margin-top: 4px; }
.invitation-message-box { margin-top: 10px; padding: 12px; border: 1px dashed rgba(96, 165, 250, .33); border-radius: 11px; }
.invitation-message-box > span { color: #93c5fd; font-size: 8px; font-weight: 820; text-transform: uppercase; }
.invitation-message-box p { margin: 6px 0 0; color: var(--text-primary); font-size: 10px; line-height: 1.55; }
.invitation-message-box button { margin-top: 9px; min-height: 34px; padding: 7px 10px; border: 0; border-radius: 999px; background: #60a5fa; color: #172554; font-size: 9px; font-weight: 800; cursor: pointer; }
.invitation-sources { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.invitation-sources a { padding: 6px 8px; border: 1px solid rgba(96, 165, 250, .25); border-radius: 999px; color: #93c5fd; font-size: 8px; font-weight: 730; text-decoration: none; }
.invitation-boundary { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.55; }
body[data-theme="light"] .invitation-guide { background: rgba(239, 246, 255, .87); }
body[data-theme="light"] .invitation-guide-kicker, body[data-theme="light"] .invitation-guide-heading > span, body[data-theme="light"] .invitation-card-label, body[data-theme="light"] .invitation-message-box > span, body[data-theme="light"] .invitation-sources a { color: #1d4ed8 !important; }
@media (max-width: 560px) { .invitation-columns { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .invitation-guide { padding: 14px 12px; } .invitation-guide-heading { flex-direction: column; } }

@media (prefers-reduced-motion: reduce) {
  .today-progress-fill {
    transition: none;
  }
}

/* ------------------ Kişisel başlangıç yolu ------------------ */

/* ------------------ İçerik kaynak ve güven sistemi ------------------ */

/* ------------------ Uygulama navigasyonu ------------------ */

.app-navigation {
  position: sticky;
  top: 8px;
  z-index: 40;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 14px 0;
  padding: 5px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 15px;
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.18);
  backdrop-filter: blur(14px);
}

.app-navigation button {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.app-navigation button.active {
  background: linear-gradient(135deg, #facc15, #f59e0b);
  color: #1b1b1b;
}

[data-app-view].app-view-hidden { display: none !important; }

.home-dashboard {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 20px;
  background: var(--box-bg);
}

.home-dashboard-heading p { margin: 0 0 4px; color: #6ee7b7; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.home-dashboard-heading h2 { margin: 0; color: var(--text-primary); font-size: 17px; }
.home-dashboard-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.home-dashboard-actions button { display: grid; grid-template-columns: 30px 1fr; gap: 1px 8px; align-items: center; padding: 11px; border: 1px solid rgba(148, 163, 184, 0.24); border-radius: 13px; background: rgba(148, 163, 184, 0.06); color: var(--text-primary); text-align: left; cursor: pointer; }
.home-dashboard-actions button > span { grid-row: 1 / 3; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(52, 211, 153, 0.11); color: #6ee7b7; font-size: 15px; }
.home-dashboard-actions strong { font-size: 10px; line-height: 1.3; }
.home-dashboard-actions small { color: var(--text-secondary); font-size: 8px; line-height: 1.35; }

.dhikr-workspace { display: block; }

body[data-theme="light"] .app-navigation { background: rgba(255, 255, 255, 0.92); }

@media (max-width: 620px) {
  .home-dashboard-actions { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  body { padding-bottom: 78px; }
  .app-navigation { position: fixed; top: auto; right: 10px; bottom: 10px; left: 10px; z-index: 100; max-width: 620px; margin: 0 auto; border-radius: 17px; }
  .app-navigation button { min-height: 48px; flex-direction: column; gap: 2px; font-size: 8px; }
  .app-navigation button > span:first-child { font-size: 15px; }
}

.content-source-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0 12px;
  padding: 10px 11px;
  border: 1px solid rgba(52, 211, 153, 0.3);
  border-radius: 13px;
  background: rgba(16, 185, 129, 0.07);
}

.content-source-main, .content-source-meta { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.content-type { padding: 4px 7px; border-radius: 999px; background: rgba(52, 211, 153, 0.14); color: #86efac; font-size: 9px; font-weight: 800; }
.content-source-main a { color: #6ee7b7; font-size: 10px; font-weight: 700; text-decoration: none; }
.content-source-main a:hover { text-decoration: underline; }
.content-source-meta { justify-content: flex-end; color: var(--text-secondary); font-size: 9px; }
.content-source-meta button { padding: 5px 7px; border: 1px solid rgba(148, 163, 184, 0.3); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 9px; cursor: pointer; }
.content-reviewed { color: var(--text-secondary); font-size: 9px; }
.dua-report-button { padding: 6px 8px; border: 1px solid rgba(148, 163, 184, 0.3); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 9px; cursor: pointer; }
.guide-safety-note { margin: 12px 0 0; padding: 10px; border-left: 3px solid rgba(52, 211, 153, 0.55); border-radius: 8px; background: rgba(16, 185, 129, 0.07); color: var(--text-secondary); font-size: 10px; line-height: 1.5; }

.editorial-trust {
  margin: 14px 0;
  border: 1px solid rgba(52, 211, 153, 0.28);
  border-radius: 16px;
  background: var(--box-bg);
  overflow: hidden;
}

.editorial-trust summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 14px; color: var(--text-primary); font-size: 11px; font-weight: 800; cursor: pointer; }
.editorial-trust summary small { color: var(--text-secondary); font-size: 9px; font-weight: 600; }
.editorial-trust-content { padding: 0 14px 14px; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.editorial-trust-content p { margin: 0 0 9px; }
.editorial-trust-content ul { margin: 0; padding-left: 18px; }
.editorial-trust-content li + li { margin-top: 5px; }
.editorial-review-date { margin: 11px 0 0 !important; color: #6ee7b7; font-weight: 700; }

/* Verilerim ve Mahremiyet Merkezi */
.data-privacy-center { margin: 14px 0; padding: 18px; border: 1px solid rgba(34, 211, 238, .29); border-radius: 20px; background: linear-gradient(145deg, rgba(8, 145, 178, .09), rgba(15, 23, 42, .22)); }
.data-privacy-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.data-privacy-heading h2 { margin: 3px 0 6px; font-size: 18px; }
.data-privacy-heading p { margin: 0; color: var(--text-secondary); font-size: 10px; line-height: 1.5; }
.data-privacy-kicker { color: #67e8f9 !important; font-size: 9px !important; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.data-privacy-heading > span { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(34, 211, 238, .3); border-radius: 999px; color: #a5f3fc; font-size: 8px; font-weight: 750; }
.data-privacy-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 13px; }
.data-privacy-summary article { padding: 10px; border: 1px solid rgba(148, 163, 184, .21); border-radius: 11px; background: rgba(34, 211, 238, .04); }
.data-privacy-summary span, .data-privacy-summary small { display: block; color: var(--text-secondary); font-size: 8px; }
.data-privacy-summary span { font-weight: 780; text-transform: uppercase; }
.data-privacy-summary strong { display: block; margin: 4px 0 2px; font-size: 13px; }
.data-category-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7px; margin-top: 10px; }
.data-category-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 10px; color: var(--text-secondary); font-size: 9px; }
.data-category-item strong { color: var(--text-primary); font-size: 10px; }
.data-privacy-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.data-privacy-actions button { min-height: 37px; padding: 8px 11px; border: 1px solid rgba(148, 163, 184, .28); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 760; cursor: pointer; }
.data-privacy-actions .data-export-button { border: 0; background: linear-gradient(135deg, #22d3ee, #34d399); color: #083344; }
.data-privacy-actions .data-delete-button { border-color: rgba(248, 113, 113, .35); color: #fca5a5; }
.data-privacy-status { min-height: 14px; margin: 9px 0 0; color: #67e8f9; font-size: 8px; font-weight: 720; }
.data-privacy-boundary { margin-top: 8px; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.55; }
.data-privacy-boundary code { color: #a5f3fc; }
.data-privacy-boundary a { color: #67e8f9; }
body[data-theme="light"] .data-privacy-center { background: rgba(236, 254, 255, .86); }
body[data-theme="light"] .data-privacy-kicker, body[data-theme="light"] .data-privacy-heading > span, body[data-theme="light"] .data-privacy-status, body[data-theme="light"] .data-privacy-boundary a, body[data-theme="light"] .data-privacy-boundary code { color: #0e7490 !important; }
@media (max-width: 560px) { .data-privacy-summary { grid-template-columns: 1fr; } .data-category-list { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .data-privacy-center { padding: 14px 12px; } .data-privacy-heading { flex-direction: column; } }

/* İçerik Düzeltme ve Güven Merkezi */
.correction-center { margin: 14px 0; padding: 18px; border: 1px solid rgba(248, 113, 113, .28); border-radius: 20px; background: linear-gradient(145deg, rgba(127, 29, 29, .09), rgba(15, 23, 42, .22)); }
.correction-center-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.correction-center-heading h2 { margin: 3px 0 6px; font-size: 18px; }
.correction-center-heading p { margin: 0; color: var(--text-secondary); font-size: 10px; line-height: 1.5; }
.correction-center-kicker { color: #fca5a5 !important; font-size: 9px !important; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.correction-center-heading > span { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(248, 113, 113, .3); border-radius: 999px; color: #fecaca; font-size: 8px; font-weight: 750; }
.correction-form { display: grid; gap: 9px; margin-top: 13px; }
.correction-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.correction-form label { color: var(--text-secondary); font-size: 9px; font-weight: 700; line-height: 1.45; }
.correction-form input, .correction-form select, .correction-form textarea { box-sizing: border-box; width: 100%; min-height: 40px; margin-top: 5px; padding: 9px 10px; border: 1px solid rgba(148, 163, 184, .29); border-radius: 10px; background: rgba(15, 23, 42, .23); color: var(--text-primary); font: inherit; font-size: 10px; }
.correction-form textarea { resize: vertical; }
.correction-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.correction-actions button, .correction-output button { min-height: 36px; padding: 8px 11px; border: 1px solid rgba(148, 163, 184, .28); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 760; cursor: pointer; }
.correction-actions .correction-primary, .correction-output button { border: 0; background: linear-gradient(135deg, #f87171, #fb923c); color: #450a0a; }
.correction-output { margin-top: 11px; padding: 12px; border: 1px solid rgba(248, 113, 113, .25); border-radius: 12px; background: rgba(248, 113, 113, .05); }
.correction-output[hidden] { display: none; }
.correction-output > div { display: flex; justify-content: space-between; gap: 8px; font-size: 9px; }
.correction-output > div span { color: #fca5a5; }
.correction-output pre { overflow-x: auto; margin: 9px 0; padding: 9px; border-radius: 8px; background: rgba(15, 23, 42, .2); color: var(--text-secondary); font: inherit; font-size: 8px; line-height: 1.55; white-space: pre-wrap; }
.correction-policy { margin-top: 11px; padding: 10px 11px; border-left: 3px solid #f87171; border-radius: 8px; background: rgba(248, 113, 113, .06); }
.correction-policy strong { font-size: 9px; }
.correction-policy p { margin: 4px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
.correction-log { margin-top: 10px; border-top: 1px solid rgba(148, 163, 184, .18); }
.correction-log summary { display: flex; justify-content: space-between; gap: 8px; padding-top: 10px; color: #fca5a5; font-size: 9px; font-weight: 780; cursor: pointer; }
.correction-log summary span { color: var(--text-secondary); font-size: 8px; }
.correction-log-empty { margin-top: 8px; padding: 10px; border: 1px dashed rgba(148, 163, 184, .24); border-radius: 9px; color: var(--text-secondary); font-size: 8px; line-height: 1.5; text-align: center; }
.correction-log-item { margin-top: 8px; padding: 10px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 9px; }
.correction-log-item h4 { margin: 0; font-size: 10px; }
.correction-log-item p { margin: 5px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .correction-center { background: rgba(254, 242, 242, .86); }
body[data-theme="light"] .correction-center-kicker, body[data-theme="light"] .correction-center-heading > span, body[data-theme="light"] .correction-output > div span, body[data-theme="light"] .correction-log summary { color: #b91c1c !important; }
body[data-theme="light"] .correction-form input, body[data-theme="light"] .correction-form select, body[data-theme="light"] .correction-form textarea { background: rgba(255, 255, 255, .88); }
@media (max-width: 560px) { .correction-form-grid { grid-template-columns: 1fr; } }
@media (max-width: 430px) { .correction-center { padding: 14px 12px; } .correction-center-heading { flex-direction: column; } }

body[data-theme="light"] .content-type, body[data-theme="light"] .content-source-main a, body[data-theme="light"] .editorial-review-date { color: #047857; }

@media (max-width: 560px) {
  .content-source-card { align-items: flex-start; flex-direction: column; }
  .content-source-meta { justify-content: flex-start; }
  .editorial-trust summary { align-items: flex-start; flex-direction: column; }
}

/* ------------------ Gelir ve etki şeffaflığı ------------------ */

.impact-transparency {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(245, 158, 11, 0.32);
  border-radius: 20px;
  background: radial-gradient(circle at top left, rgba(245, 158, 11, 0.1), transparent 42%), var(--box-bg);
}

.impact-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.impact-kicker { margin: 0 0 4px; color: #fbbf24; font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.impact-heading h2 { margin: 0; color: var(--text-primary); font-size: 17px; }
.impact-heading p:not(.impact-kicker) { max-width: 430px; margin: 6px 0 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.impact-status { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: rgba(245, 158, 11, 0.14); color: #fcd34d; font-size: 9px; font-weight: 800; }

.impact-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
.impact-facts article { padding: 11px; border: 1px solid rgba(148, 163, 184, 0.22); border-radius: 13px; background: rgba(148, 163, 184, 0.05); }
.impact-facts span { display: block; color: var(--text-secondary); font-size: 8px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.impact-facts strong { display: block; margin-top: 5px; color: var(--text-primary); font-size: 11px; line-height: 1.35; }
.impact-facts small { display: block; margin-top: 5px; color: var(--text-secondary); font-size: 9px; line-height: 1.45; }
.impact-policy { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.impact-policy div { position: relative; padding: 11px 9px; border: 1px solid rgba(52, 211, 153, .22); border-radius: 12px; background: rgba(16, 185, 129, .05); }
.impact-policy span { width: 22px; height: 22px; display: grid; place-items: center; margin-bottom: 7px; border-radius: 50%; background: rgba(52, 211, 153, .13); color: #6ee7b7; font-size: 9px; font-weight: 850; }
.impact-policy strong { display: block; color: var(--text-primary); font-size: 9px; line-height: 1.35; }
.impact-policy small { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 8px; line-height: 1.45; }
.impact-ledger { margin-top: 12px; padding: 13px; border: 1px solid rgba(245, 158, 11, .24); border-radius: 14px; background: rgba(245, 158, 11, .04); }
.impact-ledger-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.impact-ledger-heading p { margin: 0 0 3px; color: #fbbf24; font-size: 8px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.impact-ledger-heading h3 { margin: 0; color: var(--text-primary); font-size: 13px; }
.impact-ledger-heading > span { flex: 0 0 auto; padding: 5px 7px; border-radius: 999px; background: rgba(148, 163, 184, .1); color: var(--text-secondary); font-size: 8px; font-weight: 720; }
.impact-readiness { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-top: 11px; }
.impact-readiness-item { padding: 8px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 9px; color: var(--text-secondary); font-size: 8px; line-height: 1.4; }
.impact-readiness-item::before { content: "○"; display: block; margin-bottom: 4px; color: #94a3b8; font-size: 12px; }
.impact-readiness-item.complete { border-color: rgba(52, 211, 153, .3); background: rgba(16, 185, 129, .06); }
.impact-readiness-item.complete::before { content: "✓"; color: #6ee7b7; }
.impact-report-empty { margin-top: 9px; padding: 11px; border: 1px dashed rgba(148, 163, 184, .25); border-radius: 10px; color: var(--text-secondary); font-size: 9px; line-height: 1.5; text-align: center; }
.impact-report-card { margin-top: 9px; padding: 11px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 11px; }
.impact-report-card h4 { margin: 0; font-size: 11px; }
.impact-report-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 8px; }
.impact-report-values div { padding: 7px; border-radius: 8px; background: rgba(148, 163, 184, .06); }
.impact-report-values span { display: block; color: var(--text-secondary); font-size: 7px; text-transform: uppercase; }
.impact-report-values strong { display: block; margin-top: 3px; font-size: 9px; }
.impact-report-card a { display: inline-flex; margin-top: 8px; color: #fbbf24; font-size: 8px; font-weight: 730; }
.impact-report-schema { margin-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); }
.impact-report-schema summary { padding-top: 9px; color: #fbbf24; font-size: 9px; font-weight: 760; cursor: pointer; }
.impact-schema-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 8px; }
.impact-schema-grid span { padding: 7px 8px; border-radius: 8px; background: rgba(148, 163, 184, .06); color: var(--text-secondary); font-size: 8px; }
.impact-ledger-updated { margin: 9px 0 0; color: var(--text-secondary); font-size: 7px; }

.impact-method { margin-top: 10px; border-top: 1px solid rgba(148, 163, 184, 0.2); }
.impact-method summary { padding: 11px 0 2px; color: #fbbf24; font-size: 10px; font-weight: 800; cursor: pointer; }
.impact-method div { padding-top: 8px; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.impact-method ol { margin: 0; padding-left: 18px; }
.impact-method li + li { margin-top: 5px; }
.impact-method p { margin: 10px 0 0; padding: 9px; border-radius: 9px; background: rgba(245, 158, 11, 0.07); }
.hcm-disclosure a { color: inherit; font-weight: 700; }

body[data-theme="light"] .impact-kicker,
body[data-theme="light"] .impact-method summary,
body[data-theme="light"] .impact-status { color: #92400e; }
body[data-theme="light"] .impact-ledger-heading p, body[data-theme="light"] .impact-report-schema summary, body[data-theme="light"] .impact-report-card a { color: #92400e; }

@media (max-width: 620px) {
  .impact-facts, .impact-policy { grid-template-columns: 1fr; }
  .impact-readiness { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  .impact-transparency { padding: 14px 12px; }
  .impact-heading { flex-direction: column; }
  .impact-ledger-heading { flex-direction: column; }
  .impact-schema-grid, .impact-report-values { grid-template-columns: 1fr; }
}

.journey-panel {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(250, 204, 21, 0.3);
  border-radius: 20px;
  background:
    radial-gradient(circle at top left, rgba(250, 204, 21, 0.1), transparent 42%),
    var(--box-bg);
}

.journey-panel.gps-from-link {
  border-color: rgba(94, 234, 212, .5);
  box-shadow: 0 0 0 1px rgba(94, 234, 212, .08), 0 15px 45px rgba(8, 145, 178, .08);
}

.gentle-return {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 14px 0;
  padding: 14px 16px;
  border: 1px solid rgba(94, 234, 212, .3);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(13, 148, 136, .14), rgba(15, 23, 42, .18));
}

.gentle-return[hidden] { display: none; }
.gentle-return-icon { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 13px; background: rgba(94, 234, 212, .12); color: #5eead4; font-size: 20px; }
.gentle-return-copy { min-width: 0; flex: 1; }
.gentle-return-copy p { margin: 0 0 3px; color: #5eead4; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.gentle-return-copy h2 { margin: 0; color: var(--text-primary); font-size: 15px; }
.gentle-return-copy span { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 10px; line-height: 1.5; }
.gentle-return-actions { display: flex; flex: 0 0 auto; gap: 7px; }
.gentle-return-actions button { min-height: 35px; padding: 7px 10px; border-radius: 999px; font-size: 9px; font-weight: 800; cursor: pointer; }
#gentleReturnStartBtn { border: 0; background: linear-gradient(135deg, #5eead4, #34d399); color: #052e2b; }
#gentleReturnDismissBtn { border: 1px solid rgba(148, 163, 184, .3); background: transparent; color: var(--text-secondary); }

@media (max-width: 560px) {
  .gentle-return { align-items: flex-start; flex-wrap: wrap; }
  .gentle-return-actions { width: 100%; }
  .gentle-return-actions button:first-child { flex: 1; }
}

.journey-heading-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.journey-kicker,
.journey-result-label {
  margin: 0 0 4px;
  color: var(--accent-yellow);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.journey-title {
  margin: 0;
  color: var(--text-primary);
  font-size: 17px;
  line-height: 1.3;
}

.journey-description {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.5;
}

.journey-change {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 10px;
  cursor: pointer;
}

.journey-options {
  display: grid;
  gap: 8px;
  margin-top: 13px;
}

.journey-wizard[hidden] { display: none; }
.journey-step-row { display: flex; align-items: center; gap: 9px; margin-top: 13px; color: var(--text-secondary); font-size: 9px; font-weight: 800; }
.journey-step-track { flex: 1; height: 5px; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, 0.2); }
.journey-step-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #facc15, #10b981); transition: width .2s ease; }
.journey-question { margin: 12px 0 0; color: var(--text-primary); font-size: 13px; font-weight: 800; line-height: 1.4; }
.journey-back { margin-top: 9px; padding: 5px 0; border: 0; background: transparent; color: var(--text-secondary); font-size: 10px; font-weight: 700; cursor: pointer; }

.journey-options[hidden] {
  display: none;
}

.journey-option {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 14px;
  background: rgba(148, 163, 184, 0.06);
  color: var(--text-primary);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, transform 0.08s ease;
}

.journey-option:hover {
  border-color: rgba(250, 204, 21, 0.55);
  background: rgba(250, 204, 21, 0.08);
}

.journey-option:active {
  transform: scale(0.99);
}

.journey-option.is-recommended { position: relative; border-color: rgba(94, 234, 212, .62); background: rgba(45, 212, 191, .09); }
.journey-option > em { flex: 0 0 auto; margin-left: auto; padding: 5px 7px; border-radius: 999px; background: rgba(94, 234, 212, .12); color: #5eead4; font-size: 8px; font-style: normal; font-weight: 800; }

.journey-option-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(250, 204, 21, 0.1);
  font-size: 18px;
}

.journey-option span:last-child {
  min-width: 0;
}

.journey-option strong {
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

.journey-option small {
  display: block;
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1.4;
}

.journey-result {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 13px;
  padding: 13px;
  border: 1px solid rgba(52, 211, 153, 0.34);
  border-radius: 15px;
  background: rgba(16, 185, 129, 0.08);
}

.journey-result[hidden] {
  display: none;
}

.journey-result-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(52, 211, 153, 0.13);
  font-size: 19px;
}

.journey-result-content {
  min-width: 0;
  flex: 1;
}

.journey-result-content h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.35;
}

.journey-result-content > p:not(.journey-result-label) {
  margin: 5px 0 0;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.5;
}

.gps-route {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 11px;
}

.gps-route article {
  padding: 9px;
  border: 1px solid rgba(94, 234, 212, .22);
  border-radius: 11px;
  background: rgba(15, 23, 42, .18);
}

.gps-route article > span { width: 21px; height: 21px; display: grid; place-items: center; margin-bottom: 6px; border-radius: 50%; background: rgba(94, 234, 212, .12); color: #5eead4; font-size: 8px; font-weight: 850; }
.gps-route strong { display: block; color: var(--accent-yellow); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.gps-route p { margin: 5px 0 0; color: var(--text-secondary); font-size: 9px; line-height: 1.48; }
.gps-boundary { margin: 8px 0 0 !important; padding-left: 8px; border-left: 2px solid rgba(148, 163, 184, .35); font-size: 8px !important; }

.journey-plan-preview {
  margin-top: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(52, 211, 153, 0.25);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.22);
  color: var(--text-primary);
  font-size: 10px;
}

.journey-plan-preview strong { display: block; margin-bottom: 6px; color: var(--accent-yellow); }
.journey-plan-preview ul { display: grid; gap: 5px; margin: 0; padding-left: 17px; line-height: 1.4; }

.journey-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.journey-primary-action,
.journey-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.journey-primary-action {
  border: 0;
  background: linear-gradient(135deg, #facc15, #f59e0b);
  color: #1b1b1b;
}

.journey-primary-action:disabled {
  opacity: 0.68;
  cursor: default;
}

.journey-secondary-action {
  border: 1px solid rgba(148, 163, 184, 0.38);
  background: transparent;
  color: var(--text-primary);
}

body[data-theme="light"] .journey-panel {
  border-color: rgba(202, 138, 4, 0.28);
}

body[data-theme="light"] .journey-option {
  background: rgba(255, 255, 255, 0.7);
}

@media (max-width: 430px) {
  .journey-panel {
    padding: 14px 12px;
  }

  .journey-heading-row {
    flex-direction: column;
  }

  .journey-change {
    align-self: flex-start;
  }

  .gps-route { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .journey-option {
    transition: none;
  }
}

/* ------------------ Duruma göre dua ------------------ */

/* ------------------ İslam'ı keşfet ------------------ */

.islam-discovery {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(52, 211, 153, 0.34);
  border-radius: 20px;
  background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 44%), var(--box-bg);
}

.discovery-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.discovery-kicker, .discovery-card-label { margin: 0 0 4px; color: #6ee7b7; font-size: 9px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.discovery-heading h2 { margin: 0; color: var(--text-primary); font-size: 18px; }
.discovery-heading p:not(.discovery-kicker) { max-width: 410px; margin: 6px 0 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.discovery-progress { width: 50px; height: 50px; flex: 0 0 auto; display: grid; place-content: center; border: 1px solid rgba(52, 211, 153, 0.35); border-radius: 50%; background: rgba(16, 185, 129, 0.08); text-align: center; }
.discovery-progress strong { color: var(--text-primary); font-size: 12px; }
.discovery-progress span { color: var(--text-secondary); font-size: 7px; }

.discovery-topic-list { display: flex; gap: 6px; margin-top: 14px; padding-bottom: 3px; overflow-x: auto; scrollbar-width: thin; }
.discovery-topic-list button { flex: 0 0 auto; padding: 8px 10px; border: 1px solid rgba(148, 163, 184, 0.25); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 9px; font-weight: 700; cursor: pointer; }
.discovery-topic-list button.active { border-color: rgba(52, 211, 153, 0.65); background: rgba(16, 185, 129, 0.13); color: #a7f3d0; }
.discovery-topic-list button.completed::after { content: " ✓"; color: #6ee7b7; }

.discovery-card { margin-top: 10px; padding: 14px; border: 1px solid rgba(148, 163, 184, 0.23); border-radius: 15px; background: rgba(15, 23, 42, 0.2); }
.discovery-card.bridge-from-link { border-color: rgba(52, 211, 153, .7); box-shadow: 0 0 0 3px rgba(16, 185, 129, .08); }
.source-bridge-arrival { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -3px -3px 11px; padding: 8px 9px; border-radius: 10px; background: rgba(16, 185, 129, .12); color: #a7f3d0; font-size: 9px; font-weight: 720; line-height: 1.4; }
.source-bridge-arrival[hidden] { display: none; }
.source-bridge-arrival button { flex: 0 0 auto; padding: 4px 6px; border: 0; background: transparent; color: #6ee7b7; font: inherit; text-decoration: underline; cursor: pointer; }
.discovery-card h3 { margin: 0; color: var(--text-primary); font-size: 15px; }
.discovery-card > p:not(.discovery-card-label) { margin: 7px 0 0; color: var(--text-secondary); font-size: 11px; line-height: 1.6; }
.discovery-source-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.discovery-source-list a { padding: 6px 8px; border-radius: 999px; background: rgba(52, 211, 153, 0.09); color: #6ee7b7; font-size: 9px; font-weight: 700; text-decoration: none; }
.discovery-source-list a:hover { text-decoration: underline; }
.discovery-card-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.discovery-card-actions button { min-height: 34px; padding: 7px 10px; border: 0; border-radius: 999px; background: #10b981; color: #052e24; font-size: 9px; font-weight: 800; cursor: pointer; }
.discovery-card-actions button.completed { background: rgba(52, 211, 153, 0.13); color: #86efac; }
.discovery-card-actions button:disabled { cursor: default; opacity: .78; }
.discovery-card-actions .discovery-secondary { border: 1px solid rgba(148, 163, 184, 0.3); background: transparent; color: var(--text-secondary); }
.question-compass { margin-top: 12px; padding: 13px; border: 1px solid rgba(96, 165, 250, .28); border-radius: 15px; background: rgba(59, 130, 246, .045); }
.question-compass-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.question-compass-heading p { margin: 0 0 3px; color: #93c5fd; font-size: 8px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.question-compass-heading h3 { margin: 0; color: var(--text-primary); font-size: 14px; }
.question-compass-heading > span { flex: 0 0 auto; padding: 5px 7px; border-radius: 999px; background: rgba(59, 130, 246, .1); color: #bfdbfe; font-size: 8px; font-weight: 760; }
.question-compass-intro { margin: 7px 0 0; color: var(--text-secondary); font-size: 9px; line-height: 1.55; }
.question-compass-form { margin-top: 10px; }
.question-compass-form > label { display: block; margin-bottom: 5px; color: var(--text-secondary); font-size: 8px; font-weight: 760; }
.question-compass-form > div { display: flex; gap: 7px; }
.question-compass-form input { min-width: 0; flex: 1; min-height: 38px; padding: 9px 10px; border: 1px solid rgba(148, 163, 184, .27); border-radius: 10px; background: rgba(15, 23, 42, .2); color: var(--text-primary); font-size: 10px; }
.question-compass-form button, .question-compass-result button { min-height: 38px; padding: 8px 11px; border: 0; border-radius: 10px; background: #3b82f6; color: #eff6ff; font-size: 9px; font-weight: 800; cursor: pointer; }
.question-compass-result { margin-top: 9px; padding: 11px; border: 1px solid rgba(96, 165, 250, .25); border-radius: 11px; background: rgba(59, 130, 246, .07); }
.question-compass-result[hidden] { display: none; }
.question-compass-result > span { color: #93c5fd; font-size: 8px; font-weight: 820; text-transform: uppercase; }
.question-compass-result h4 { margin: 4px 0 0; color: var(--text-primary); font-size: 12px; }
.question-compass-result p { margin: 5px 0 9px; color: var(--text-secondary); font-size: 9px; line-height: 1.5; }
.question-compass-result[data-result-type="emergency"] { border-color: rgba(248, 113, 113, .45); background: rgba(239, 68, 68, .08); }
.question-compass-result[data-result-type="emergency"] > span { color: #fca5a5; }
.question-compass-result[data-result-type="emergency"] button { background: #dc2626; }
.discovery-boundary { margin: 10px 0 0; color: var(--text-secondary); font-size: 9px; line-height: 1.5; }
.discovery-next { margin-top: 12px; padding: 14px; border: 1px solid rgba(52, 211, 153, .34); border-radius: 15px; background: linear-gradient(145deg, rgba(16, 185, 129, .1), rgba(15, 23, 42, .18)); }
.discovery-next[hidden] { display: none; }
.discovery-next-heading { display: flex; gap: 9px; align-items: flex-start; }
.discovery-next-heading > span { font-size: 21px; }
.discovery-next-heading p { margin: 0 0 3px; color: #6ee7b7; font-size: 8px; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.discovery-next-heading h3 { margin: 0; color: var(--text-primary); font-size: 14px; line-height: 1.4; }
.discovery-next-intro { margin: 8px 0 0; color: var(--text-secondary); font-size: 9px; line-height: 1.55; }
.discovery-next-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.discovery-next-options button { display: block; min-height: 64px; padding: 10px; border: 1px solid rgba(148, 163, 184, .24); border-radius: 11px; background: rgba(15, 23, 42, .16); color: var(--text-primary); text-align: left; cursor: pointer; }
.discovery-next-options button:last-child { grid-column: 1 / -1; }
.discovery-next-options button.selected { border-color: #34d399; background: rgba(16, 185, 129, .13); }
.discovery-next-options strong { display: block; font-size: 9px; line-height: 1.35; }
.discovery-next-options small { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 8px; line-height: 1.45; }
.discovery-next-footer { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-top: 9px; }
.discovery-next-footer p { margin: 0; color: #6ee7b7; font-size: 8px; font-weight: 720; }
.discovery-next-footer button { flex: 0 0 auto; padding: 6px 8px; border: 0; background: transparent; color: var(--text-secondary); font-size: 8px; text-decoration: underline; cursor: pointer; }

body[data-theme="light"] .discovery-card { background: rgba(255, 255, 255, 0.65); }
body[data-theme="light"] .source-bridge-arrival { color: #065f46; }
body[data-theme="light"] .question-compass-heading p, body[data-theme="light"] .question-compass-result > span { color: #1d4ed8; }
body[data-theme="light"] .question-compass-heading > span { color: #1e40af; }
body[data-theme="light"] .question-compass-form input { background: rgba(255, 255, 255, .85); }
body[data-theme="light"] .discovery-topic-list button.active,
body[data-theme="light"] .discovery-source-list a { color: #047857; }
body[data-theme="light"] .discovery-next { background: rgba(236, 253, 245, .78); }
body[data-theme="light"] .discovery-next-heading p, body[data-theme="light"] .discovery-next-footer p { color: #047857; }
body[data-theme="light"] .discovery-next-options button { background: rgba(255, 255, 255, .75); }

@media (max-width: 430px) {
  .islam-discovery { padding: 14px 12px; }
  .discovery-heading { align-items: flex-start; }
  .discovery-next-options { grid-template-columns: 1fr; }
  .discovery-next-options button:last-child { grid-column: auto; }
  .discovery-next-footer { align-items: flex-start; flex-direction: column; }
  .question-compass-heading, .question-compass-form > div { flex-direction: column; }
  .question-compass-form input, .question-compass-form button { width: 100%; }
}

/* ------------------ 7 günlük manevi başlangıç ------------------ */

/* ------------------ 60 saniyelik başlangıç ------------------ */
.minute-start {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(94, 234, 212, .26);
  border-radius: 22px;
  background: radial-gradient(circle at 92% 10%, rgba(94, 234, 212, .12), transparent 35%),
    linear-gradient(145deg, rgba(15, 118, 110, .16), rgba(15, 23, 42, .72));
  box-shadow: 0 18px 46px rgba(2, 6, 23, .2);
}
.minute-start-intro, .minute-start-session-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.minute-start-kicker { margin: 0 0 5px; color: #5eead4; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.minute-start h2, .minute-start h3 { margin: 0; color: var(--text-primary); font-size: 18px; line-height: 1.25; }
.minute-start-intro p:not(.minute-start-kicker), .minute-step-text { max-width: 610px; margin: 7px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.65; }
.minute-start-primary, .minute-start-secondary, .minute-start-close, .minute-dhikr button {
  border: 0; cursor: pointer; font: inherit;
}
.minute-start-primary { min-height: 42px; padding: 10px 15px; border-radius: 999px; background: linear-gradient(135deg, #5eead4, #34d399); color: #052e2b; font-size: 11px; font-weight: 850; }
.minute-start-secondary { min-height: 42px; padding: 10px 15px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 11px; font-weight: 780; }
.minute-start-close { width: 36px; height: 36px; border-radius: 50%; background: rgba(148, 163, 184, .12); color: var(--text-secondary); font-size: 20px; }
.minute-timer { display: flex; align-items: baseline; justify-content: center; gap: 6px; margin: 18px auto 12px; }
.minute-timer span { color: #f8fafc; font-size: 48px; font-weight: 850; line-height: 1; font-variant-numeric: tabular-nums; }
.minute-timer small { color: var(--text-secondary); font-size: 12px; }
.minute-step-text { margin-right: auto; margin-left: auto; text-align: center; }
.minute-dhikr { margin: 14px auto 0; padding: 15px; border: 1px solid rgba(94, 234, 212, .2); border-radius: 18px; background: rgba(2, 6, 23, .2); text-align: center; }
.minute-dhikr strong { display: block; color: #f8fafc; font-size: 27px; line-height: 1.7; }
.minute-dhikr span { display: block; color: #5eead4; font-size: 13px; font-weight: 800; }
.minute-dhikr p { margin: 5px 0 12px; color: var(--text-secondary); font-size: 12px; }
.minute-dhikr button { min-width: 180px; padding: 11px 16px; border-radius: 999px; background: rgba(94, 234, 212, .14); color: #ccfbf1; font-size: 11px; font-weight: 800; }
.minute-dhikr button b { display: inline-block; min-width: 24px; margin-left: 7px; padding: 3px 7px; border-radius: 999px; background: #5eead4; color: #052e2b; }
.minute-start-actions { display: flex; justify-content: center; gap: 9px; margin-top: 16px; }
.minute-start-note { margin: 11px 0 0; color: var(--text-secondary); font-size: 10px; text-align: center; }
body[data-theme="light"] .minute-start { background: radial-gradient(circle at 92% 10%, rgba(13, 148, 136, .12), transparent 35%), rgba(255,255,255,.78); }
body[data-theme="light"] .minute-timer span, body[data-theme="light"] .minute-dhikr strong { color: #0f172a; }
body[data-theme="light"] .minute-dhikr { background: rgba(240, 253, 250, .75); }
@media (max-width: 600px) {
  .minute-start { padding: 15px; border-radius: 18px; }
  .minute-start-intro { align-items: stretch; flex-direction: column; }
  .minute-start-intro .minute-start-primary { width: 100%; }
  .minute-start-actions { flex-direction: column; }
}

/* ------------------ Yumuşak istikrar ------------------ */
.single-focus { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 13px 0; padding: 14px; border: 1px solid rgba(250, 204, 21, .32); border-radius: 17px; background: radial-gradient(circle at 95% 15%, rgba(250, 204, 21, .12), transparent 35%), rgba(15, 23, 42, .25); }
.single-focus-copy { min-width: 0; }
.single-focus-copy > p { margin: 0 0 4px; color: #fde047; font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.single-focus-copy h3 { margin: 0; color: var(--text-primary); font-size: 15px; line-height: 1.35; }
.single-focus-copy span { display: block; margin-top: 5px; color: var(--text-secondary); font-size: 9px; line-height: 1.45; }
.single-focus-actions { display: flex; flex: 0 0 auto; gap: 7px; }
.single-focus-actions button { min-height: 37px; padding: 8px 11px; border-radius: 999px; font-size: 9px; font-weight: 800; cursor: pointer; }
.single-focus-actions button:first-child { border: 0; background: linear-gradient(135deg, #fde047, #fbbf24); color: #422006; }
.single-focus-actions button:not(:first-child) { border: 1px solid rgba(148, 163, 184, .28); background: transparent; color: var(--text-secondary); }
.single-focus.is-complete { border-color: rgba(52, 211, 153, .32); background: rgba(16, 185, 129, .09); }
.single-focus.is-complete .single-focus-copy > p { color: #6ee7b7; }
body[data-theme="light"] .single-focus { background: rgba(254, 252, 232, .88); }
@media (max-width: 640px) { .single-focus { align-items: stretch; flex-direction: column; } .single-focus-actions { flex-direction: column; } }

.gentle-consistency { margin: 14px 0; padding: 18px; border: 1px solid rgba(52, 211, 153, .3); border-radius: 20px; background: linear-gradient(145deg, rgba(6, 78, 59, .16), rgba(15, 23, 42, .3)); }
.consistency-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.consistency-kicker { margin: 0 0 4px; color: #6ee7b7; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.consistency-heading h2 { margin: 0; color: var(--text-primary); font-size: 20px; }
.consistency-heading p:not(.consistency-kicker) { max-width: 560px; margin: 6px 0 0; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.consistency-month { min-width: 105px; padding: 10px; border: 1px solid rgba(52, 211, 153, .25); border-radius: 14px; text-align: center; }
.consistency-month strong { display: block; color: #6ee7b7; font-size: 22px; }
.consistency-month span { display: block; margin-top: 2px; color: var(--text-secondary); font-size: 8px; line-height: 1.35; }
.consistency-week { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; margin-top: 15px; }
.consistency-day { display: grid; min-height: 62px; place-items: center; align-content: center; gap: 5px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 13px; background: rgba(15, 23, 42, .22); }
.consistency-day span { color: var(--text-secondary); font-size: 8px; font-weight: 750; }
.consistency-day i { width: 12px; height: 12px; border: 2px solid rgba(148, 163, 184, .42); border-radius: 50%; }
.consistency-day small { color: var(--text-secondary); font-size: 8px; }
.consistency-day.is-active { border-color: rgba(52, 211, 153, .4); background: rgba(16, 185, 129, .1); }
.consistency-day.is-active i { border-color: #34d399; background: #34d399; box-shadow: 0 0 0 4px rgba(52, 211, 153, .1); }
.consistency-day.is-today { outline: 2px solid rgba(94, 234, 212, .16); }
.consistency-summary-grid { display: grid; grid-template-columns: .7fr .7fr 1.6fr; gap: 8px; margin-top: 10px; }
.consistency-summary-grid article { padding: 11px; border-radius: 13px; background: rgba(15, 23, 42, .22); }
.consistency-summary-grid span { display: block; color: var(--text-secondary); font-size: 8px; }
.consistency-summary-grid strong { display: block; margin-top: 4px; color: var(--text-primary); font-size: 12px; line-height: 1.4; }
.consistency-message strong { color: #a7f3d0; font-size: 10px; }
.consistency-boundary { margin: 10px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.45; }
body[data-theme="light"] .gentle-consistency { background: rgba(236, 253, 245, .88); }
body[data-theme="light"] .consistency-day, body[data-theme="light"] .consistency-summary-grid article { background: rgba(255,255,255,.78); }
body[data-theme="light"] .consistency-message strong { color: #047857; }
@media (max-width: 600px) { .consistency-heading { flex-direction: column; } .consistency-month { width: 100%; box-sizing: border-box; } .consistency-week { gap: 4px; } .consistency-day { min-height: 56px; } .consistency-summary-grid { grid-template-columns: 1fr 1fr; } .consistency-message { grid-column: 1 / -1; } }

/* ------------------ Mahrem manevi günlük ------------------ */
.private-journal { margin: 14px 0; padding: 18px; border: 1px solid rgba(167, 139, 250, .3); border-radius: 20px; background: linear-gradient(145deg, rgba(76, 29, 149, .13), rgba(15, 23, 42, .3)); }
.private-journal-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.private-journal-kicker { margin: 0 0 4px; color: #c4b5fd; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.private-journal-heading h2 { margin: 0; color: var(--text-primary); font-size: 20px; }
.private-journal-heading p:not(.private-journal-kicker) { margin: 6px 0 0; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.private-journal-heading > span { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(167, 139, 250, .25); border-radius: 999px; color: #ddd6fe; font-size: 8px; font-weight: 750; }
.private-journal-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.private-journal-form label { display: grid; gap: 6px; color: var(--text-primary); font-size: 9px; font-weight: 750; }
.private-journal-form input, .private-journal-form textarea { box-sizing: border-box; width: 100%; padding: 10px 11px; border: 1px solid rgba(148, 163, 184, .27); border-radius: 12px; outline: none; resize: vertical; background: rgba(15, 23, 42, .24); color: var(--text-primary); font: inherit; font-size: 11px; line-height: 1.5; }
.private-journal-form input:focus, .private-journal-form textarea:focus { border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, .1); }
.private-journal-form label:nth-child(4) { grid-column: 1 / -1; }
.private-journal-actions { display: flex; grid-column: 1 / -1; gap: 8px; }
.private-journal-actions button { min-height: 39px; padding: 9px 13px; border-radius: 999px; font-size: 9px; font-weight: 800; cursor: pointer; }
.private-journal-actions button:first-child { border: 0; background: linear-gradient(135deg, #c4b5fd, #a78bfa); color: #2e1065; }
.private-journal-actions button:last-child { border: 1px solid rgba(148, 163, 184, .28); background: transparent; color: var(--text-secondary); }
.private-journal-status { min-height: 16px; margin: 9px 0 0; color: #c4b5fd; font-size: 9px; font-weight: 700; }
.private-journal-boundary { margin: 6px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .private-journal { background: rgba(245, 243, 255, .9); }
body[data-theme="light"] .private-journal-heading > span, body[data-theme="light"] .private-journal-status { color: #6d28d9; }
body[data-theme="light"] .private-journal-form input, body[data-theme="light"] .private-journal-form textarea { background: rgba(255,255,255,.84); }
@media (max-width: 600px) { .private-journal-heading { flex-direction: column; } .private-journal-form { grid-template-columns: 1fr; } .private-journal-form label:nth-child(4), .private-journal-actions { grid-column: auto; } .private-journal-actions { flex-direction: column; } }


.seven-day-panel {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(167, 139, 250, 0.35);
  border-radius: 20px;
  background: radial-gradient(circle at top right, rgba(139, 92, 246, 0.12), transparent 42%), var(--box-bg);
}

.seven-day-panel[hidden] { display: none; }

.seven-day-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.seven-day-kicker {
  margin: 0 0 4px;
  color: #c4b5fd;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.seven-day-heading h2 {
  margin: 0;
  color: var(--text-primary);
  font-size: 17px;
}

.seven-day-heading p:not(.seven-day-kicker) {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.5;
}

.seven-day-day {
  flex: 0 0 auto;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.16);
  color: #ddd6fe;
  font-size: 10px;
  font-weight: 800;
}

.seven-day-progress {
  height: 7px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.18);
}

.seven-day-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8b5cf6, #22c55e);
  transition: width 0.2s ease;
}

.seven-day-summary {
  margin: 7px 0 11px;
  color: var(--text-secondary);
  font-size: 10px;
}

.seven-day-task-list { display: grid; gap: 8px; }

.seven-day-task {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 10px 11px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 13px;
  background: rgba(148, 163, 184, 0.06);
}

.seven-day-task input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: #8b5cf6; }
.seven-day-task > span { min-width: 0; flex: 1; color: var(--text-primary); font-size: 11px; line-height: 1.4; }

.seven-day-task-action {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(167, 139, 250, 0.42);
  border-radius: 999px;
  background: transparent;
  color: #ddd6fe;
  font-size: 9px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

.seven-day-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.seven-day-footer p { margin: 0; color: var(--text-secondary); font-size: 9px; line-height: 1.45; }
.seven-day-footer button { flex: 0 0 auto; border: 0; background: transparent; color: var(--text-secondary); font-size: 9px; text-decoration: underline; cursor: pointer; }

body[data-theme="light"] .seven-day-day { color: #6d28d9; }
body[data-theme="light"] .seven-day-task-action { color: #6d28d9; }

@media (max-width: 430px) {
  .seven-day-panel { padding: 14px 12px; }
  .seven-day-heading, .seven-day-footer { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .seven-day-progress span { transition: none; }
}

.dua-panel {
  margin: 14px 0;
  padding: 16px;
  border: 1px solid rgba(96, 165, 250, 0.32);
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 42%),
    var(--box-bg);
}

.dua-kicker,
.dua-card-label {
  margin: 0 0 4px;
  color: #93c5fd;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dua-panel-heading h2,
.dua-card-card-header h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: 17px;
  line-height: 1.35;
}

.dua-panel-heading > p:last-child,
.dua-context,
.dua-safety-note {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.55;
}

.dua-situation-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 13px;
}

.dua-situation-list button {
  min-height: 42px;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.06);
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 650;
  cursor: pointer;
}

.dua-situation-list button:hover,
.dua-situation-list button.active {
  border-color: rgba(96, 165, 250, 0.7);
  background: rgba(59, 130, 246, 0.13);
}

.dua-card {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, 0.35);
  border-radius: 15px;
  background: rgba(15, 23, 42, 0.24);
}

.dua-card[hidden] { display: none; }

.dua-card-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.dua-verified {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.13);
  color: #86efac;
  font-size: 9px;
  font-weight: 800;
}

.dua-arabic {
  margin: 15px 0 7px;
  color: var(--text-primary);
  font-family: "Noto Naskh Arabic", "Traditional Arabic", serif;
  font-size: 23px;
  line-height: 1.85;
  text-align: center;
}

.dua-transliteration {
  margin: 0;
  color: var(--text-secondary);
  font-size: 11px;
  font-style: italic;
  line-height: 1.55;
  text-align: center;
}

.dua-meaning-box {
  margin-top: 12px;
  padding: 10px 11px;
  border-radius: 11px;
  background: rgba(59, 130, 246, 0.09);
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.55;
}

.dua-meaning-box strong { color: var(--text-primary); }
.dua-meaning-box p { margin: 3px 0 0; }

.dua-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.dua-plan-button,
.dua-actions a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 750;
  cursor: pointer;
  text-decoration: none;
}

.dua-plan-button {
  border: 0;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
}

.dua-actions a {
  border: 1px solid rgba(148, 163, 184, 0.35);
  color: var(--text-primary);
}

.dua-safety-note {
  padding-top: 10px;
  font-size: 10px;
}

body[data-theme="light"] .dua-kicker,
body[data-theme="light"] .dua-card-label { color: #1d4ed8; }

body[data-theme="light"] .dua-card { background: rgba(255, 255, 255, 0.68); }

@media (max-width: 430px) {
  .dua-panel { padding: 14px 12px; }
  .dua-situation-list { grid-template-columns: 1fr; }
}

/* Sabah / akşam zikirleri */
.daily-adhkar {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(245, 158, 11, 0.34);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(120, 53, 15, 0.14), rgba(15, 23, 42, 0.22));
}

.adhkar-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.adhkar-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.adhkar-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.55; }
.adhkar-kicker { color: #fbbf24 !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }

.adhkar-progress {
  min-width: 72px;
  padding: 9px 8px;
  border: 1px solid rgba(245, 158, 11, 0.36);
  border-radius: 14px;
  text-align: center;
}
.adhkar-progress strong { display: block; font-size: 16px; }
.adhkar-progress span { color: var(--text-secondary); font-size: 8px; }

.adhkar-period-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 14px;
  padding: 4px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 13px;
}
.adhkar-period-tabs button {
  min-height: 39px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-secondary);
  font-weight: 780;
  cursor: pointer;
}
.adhkar-period-tabs button.active { background: rgba(245, 158, 11, 0.18); color: #fbbf24; }
.adhkar-period-note { margin: 10px 0; color: var(--text-secondary); font-size: 10px; }

.adhkar-list { display: grid; gap: 8px; }
.adhkar-item {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 13px;
  background: rgba(15, 23, 42, 0.2);
}
.adhkar-item.completed { border-color: rgba(34, 197, 94, 0.42); background: rgba(34, 197, 94, 0.06); }
.adhkar-check {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(245, 158, 11, 0.55);
  border-radius: 9px;
  background: transparent;
  color: #052e16;
  font-weight: 900;
  cursor: pointer;
}
.adhkar-item.completed .adhkar-check { border-color: #22c55e; background: #22c55e; }
.adhkar-copy h3 { margin: 0 0 4px; font-size: 13px; }
.adhkar-copy strong { display: block; color: var(--text-primary); font-size: 10px; }
.adhkar-copy p { margin: 5px 0; color: var(--text-secondary); font-size: 10px; line-height: 1.5; }
.adhkar-copy a { color: #fbbf24; font-size: 9px; font-weight: 720; text-decoration: none; }

.adhkar-footer { margin-top: 12px; }
.adhkar-footer button {
  width: 100%;
  min-height: 40px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #111827;
  font-weight: 850;
  cursor: pointer;
}
.adhkar-footer p { margin: 9px 0 0; color: var(--text-secondary); font-size: 9px; line-height: 1.5; }

body[data-theme="light"] .daily-adhkar { background: rgba(255, 251, 235, 0.8); }
body[data-theme="light"] .adhkar-item { background: rgba(255, 255, 255, 0.72); }

@media (max-width: 430px) {
  .daily-adhkar { padding: 14px 12px; }
  .adhkar-heading { align-items: center; }
}

/* Kur'an okuma günlüğü */
.quran-tracker {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(16, 185, 129, 0.34);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(6, 78, 59, 0.17), rgba(15, 23, 42, 0.24));
}
.quran-tracker-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.quran-tracker-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.quran-tracker-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.55; }
.quran-tracker-kicker { color: #6ee7b7 !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.quran-streak { min-width: 70px; padding: 9px 8px; border: 1px solid rgba(16, 185, 129, .35); border-radius: 14px; text-align: center; }
.quran-streak strong { display: block; font-size: 17px; }
.quran-streak span { color: var(--text-secondary); font-size: 8px; }
.quran-summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 14px 0; }
.quran-summary-grid div { min-width: 0; padding: 10px 7px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 11px; text-align: center; }
.quran-summary-grid strong { display: block; overflow: hidden; color: var(--text-primary); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.quran-summary-grid span { color: var(--text-secondary); font-size: 8px; }
.quran-log-form { display: grid; grid-template-columns: 1.6fr .65fr; gap: 9px; }
.quran-log-form label { color: var(--text-secondary); font-size: 9px; font-weight: 720; }
.quran-log-form label > input,
.quran-log-form textarea,
.quran-duration-field { width: 100%; margin-top: 5px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 10px; background: rgba(15, 23, 42, .25); color: var(--text-primary); font: inherit; }
.quran-log-form label > input { min-height: 40px; padding: 9px 10px; }
.quran-duration-field { display: flex; align-items: center; min-height: 40px; padding-right: 9px; }
.quran-duration-field input { min-width: 0; width: 100%; border: 0; outline: 0; padding: 9px 4px 9px 10px; background: transparent; color: var(--text-primary); }
.quran-duration-field span { color: var(--text-secondary); }
.quran-note-field { grid-column: 1 / -1; }
.quran-note-field small { font-weight: 500; }
.quran-log-form textarea { box-sizing: border-box; resize: vertical; padding: 9px 10px; }
.quran-log-form > button { grid-column: 1 / -1; min-height: 40px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #10b981, #059669); color: #03251c; font-weight: 850; cursor: pointer; }
.quran-log-history { margin-top: 14px; }
.quran-log-history > h3 { margin: 0 0 8px; font-size: 12px; }
.quran-empty-state { padding: 12px; border: 1px dashed rgba(148, 163, 184, .28); border-radius: 11px; color: var(--text-secondary); font-size: 10px; text-align: center; }
.quran-log-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; padding: 9px 10px; border-top: 1px solid rgba(148, 163, 184, .18); }
.quran-log-item strong { display: block; font-size: 11px; }
.quran-log-item span { color: var(--text-secondary); font-size: 9px; }
.quran-log-item p { margin: 4px 0 0; color: var(--text-secondary); font-size: 9px; line-height: 1.45; }
.quran-log-item button { flex: 0 0 auto; width: 28px; height: 28px; border: 1px solid rgba(148, 163, 184, .26); border-radius: 50%; background: transparent; color: var(--text-secondary); cursor: pointer; }
.quran-tracker-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.quran-tracker-footer a,
.quran-tracker-footer button { border: 0; background: transparent; color: #6ee7b7; font-size: 9px; font-weight: 750; cursor: pointer; text-decoration: none; }
.quran-tracker-footer button { color: var(--text-secondary); }
body[data-theme="light"] .quran-tracker { background: rgba(236, 253, 245, .82); }
body[data-theme="light"] .quran-log-form label > input,
body[data-theme="light"] .quran-log-form textarea,
body[data-theme="light"] .quran-duration-field { background: rgba(255, 255, 255, .8); }
@media (max-width: 430px) {
  .quran-tracker { padding: 14px 12px; }
  .quran-log-form { grid-template-columns: 1fr; }
  .quran-log-form label,
  .quran-note-field,
  .quran-log-form > button { grid-column: 1; }
}

/* Namaza İlk Adım */
.prayer-starter { margin: 14px 0; padding: 18px; border: 1px solid rgba(96, 165, 250, .34); border-radius: 20px; background: linear-gradient(145deg, rgba(30, 64, 175, .12), rgba(15, 23, 42, .24)); }
.prayer-starter-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.prayer-starter-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.prayer-starter-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.55; }
.prayer-starter-kicker { color: #93c5fd !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.prayer-starter-status { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(96, 165, 250, .35); border-radius: 999px; color: #bfdbfe; font-size: 9px; font-weight: 800; }
.prayer-levels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 14px; }
.prayer-levels button { min-height: 68px; padding: 11px; border: 1px solid rgba(148, 163, 184, .25); border-radius: 13px; background: rgba(148, 163, 184, .06); color: var(--text-primary); text-align: left; cursor: pointer; }
.prayer-levels button:hover { border-color: rgba(96, 165, 250, .6); background: rgba(59, 130, 246, .09); }
.prayer-levels strong, .prayer-levels small { display: block; }
.prayer-levels strong { font-size: 11px; }
.prayer-levels small { margin-top: 4px; color: var(--text-secondary); font-size: 9px; line-height: 1.4; }
.prayer-path { margin-top: 14px; }
.prayer-path[hidden], .prayer-levels[hidden] { display: none; }
.prayer-path-progress { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, .2); }
.prayer-path-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #60a5fa, #34d399); transition: width .2s ease; }
.prayer-path-summary { margin: 8px 0 11px; color: var(--text-secondary); font-size: 9px; }
.prayer-step-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.prayer-step-tabs button { min-height: 34px; border: 1px solid rgba(148, 163, 184, .23); border-radius: 9px; background: transparent; color: var(--text-secondary); font-size: 9px; font-weight: 750; cursor: pointer; }
.prayer-step-tabs button[aria-selected="true"] { border-color: #60a5fa; background: rgba(59, 130, 246, .13); color: #bfdbfe; }
.prayer-step-tabs button.is-complete::after { content: " ✓"; color: #34d399; }
.prayer-step-card { margin-top: 10px; padding: 13px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 13px; background: rgba(15, 23, 42, .18); }
.prayer-step-card h3 { margin: 0 0 6px; font-size: 14px; }
.prayer-step-card p { margin: 0; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.prayer-step-card a { display: inline-flex; margin-top: 9px; color: #93c5fd; font-size: 9px; font-weight: 750; text-decoration: none; }
.prayer-starter-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.prayer-starter-actions button { min-height: 36px; padding: 8px 11px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 750; cursor: pointer; }
.prayer-starter-actions button:first-child { border: 0; background: linear-gradient(135deg, #60a5fa, #34d399); color: #082f49; }
.prayer-trust-note { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .prayer-starter { background: rgba(239, 246, 255, .84); }
body[data-theme="light"] .prayer-starter-status, body[data-theme="light"] .prayer-step-tabs button[aria-selected="true"] { color: #1d4ed8; }
@media (max-width: 430px) { .prayer-starter { padding: 14px 12px; } .prayer-levels { grid-template-columns: 1fr; } .prayer-step-tabs { grid-template-columns: repeat(2, 1fr); } }

/* Bir İyilik Yap */
.goodness-panel { margin: 14px 0; padding: 18px; border: 1px solid rgba(244, 114, 182, .3); border-radius: 20px; background: linear-gradient(145deg, rgba(131, 24, 67, .12), rgba(15, 23, 42, .24)); }
.goodness-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.goodness-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.goodness-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.goodness-kicker { color: #f9a8d4 !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.goodness-private { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(244, 114, 182, .3); border-radius: 999px; color: #fbcfe8; font-size: 8px; font-weight: 750; }
.goodness-card { margin-top: 14px; padding: 15px; border: 1px solid rgba(244, 114, 182, .26); border-radius: 15px; background: rgba(244, 114, 182, .06); }
.goodness-category { color: #f9a8d4; font-size: 8px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.goodness-card h3 { margin: 6px 0; font-size: 15px; line-height: 1.4; }
.goodness-card p { margin: 0; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.goodness-card.is-complete { border-color: rgba(52, 211, 153, .4); background: rgba(16, 185, 129, .08); }
.goodness-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.goodness-actions button { min-height: 36px; padding: 8px 11px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 750; cursor: pointer; }
.goodness-actions .goodness-done { border: 0; background: linear-gradient(135deg, #f472b6, #fb7185); color: #3f071e; }
.goodness-custom-form { margin-top: 10px; }
.goodness-custom-form[hidden] { display: none; }
.goodness-custom-form label { display: block; margin-bottom: 5px; color: var(--text-secondary); font-size: 9px; font-weight: 700; }
.goodness-custom-form div { display: flex; gap: 7px; }
.goodness-custom-form input { min-width: 0; flex: 1; min-height: 39px; padding: 8px 10px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 10px; background: rgba(15, 23, 42, .24); color: var(--text-primary); font: inherit; font-size: 10px; }
.goodness-custom-form button { min-height: 39px; padding: 8px 13px; border: 0; border-radius: 10px; background: #f472b6; color: #3f071e; font-size: 9px; font-weight: 800; cursor: pointer; }
.goodness-note { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .goodness-panel { background: rgba(253, 242, 248, .86); }
body[data-theme="light"] .goodness-private, body[data-theme="light"] .goodness-category { color: #9d174d; }
body[data-theme="light"] .goodness-custom-form input { background: rgba(255, 255, 255, .85); }
@media (max-width: 430px) { .goodness-panel { padding: 14px 12px; } .goodness-heading { flex-direction: column; } .goodness-custom-form div { flex-direction: column; } }

/* Aklımdaki Sorular */
.questions-panel { margin: 14px 0; padding: 18px; border: 1px solid rgba(167, 139, 250, .32); border-radius: 20px; background: linear-gradient(145deg, rgba(76, 29, 149, .12), rgba(15, 23, 42, .24)); }
.questions-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.questions-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.questions-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.questions-kicker { color: #c4b5fd !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.questions-status { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(167, 139, 250, .32); border-radius: 999px; color: #ddd6fe; font-size: 8px; font-weight: 750; }
.crisis-open-button { flex: 0 0 auto; min-height: 35px; padding: 7px 10px; border: 1px solid rgba(251, 191, 36, .35); border-radius: 999px; background: rgba(120, 53, 15, .14); color: #fde68a; font-size: 9px; font-weight: 780; cursor: pointer; }
.questions-search { display: block; margin-top: 13px; }
.questions-search input { box-sizing: border-box; width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 12px; background: rgba(15, 23, 42, .24); color: var(--text-primary); font: inherit; font-size: 10px; }
.questions-list { display: flex; gap: 7px; margin-top: 10px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: thin; }
.questions-list button { flex: 0 0 auto; max-width: 210px; min-height: 38px; padding: 8px 11px; border: 1px solid rgba(148, 163, 184, .26); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 9px; font-weight: 720; cursor: pointer; }
.questions-list button[aria-selected="true"] { border-color: #a78bfa; background: rgba(139, 92, 246, .14); color: #ede9fe; }
.questions-empty { width: 100%; padding: 12px; color: var(--text-secondary); font-size: 10px; text-align: center; }
.question-answer { margin-top: 10px; padding: 15px; border: 1px solid rgba(167, 139, 250, .25); border-radius: 15px; background: rgba(139, 92, 246, .06); }
.question-answer-meta { display: flex; justify-content: space-between; gap: 10px; color: #c4b5fd; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.question-answer h3 { margin: 7px 0; font-size: 15px; line-height: 1.4; }
.question-short-answer { margin: 0; color: var(--text-primary); font-size: 11px; line-height: 1.6; }
.question-answer details { margin-top: 10px; border-top: 1px solid rgba(148, 163, 184, .18); }
.question-answer summary { padding-top: 10px; color: #c4b5fd; font-size: 9px; font-weight: 800; cursor: pointer; }
.question-answer details p { margin: 8px 0 0; color: var(--text-secondary); font-size: 10px; line-height: 1.6; }
.question-sources { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.question-sources a { padding: 6px 8px; border: 1px solid rgba(167, 139, 250, .27); border-radius: 999px; color: #c4b5fd; font-size: 8px; font-weight: 730; text-decoration: none; }
.question-action { margin-top: 11px; min-height: 36px; padding: 8px 12px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #a78bfa, #60a5fa); color: #1e1b4b; font-size: 9px; font-weight: 820; cursor: pointer; }
.questions-boundary { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .questions-panel { background: rgba(245, 243, 255, .86); }
body[data-theme="light"] .questions-status, body[data-theme="light"] .questions-kicker, body[data-theme="light"] .question-answer-meta, body[data-theme="light"] .question-answer summary, body[data-theme="light"] .question-sources a { color: #6d28d9; }
body[data-theme="light"] .questions-search input { background: rgba(255, 255, 255, .85); }
body[data-theme="light"] .questions-list button[aria-selected="true"] { color: #5b21b6; }
@media (max-width: 430px) { .questions-panel { padding: 14px 12px; } .questions-heading { flex-direction: column; } }

/* ------------------ Güvenli destek yönlendirmesi ------------------ */
.crisis-support { margin: 14px 0; padding: 18px; border: 1px solid rgba(251, 191, 36, .38); border-radius: 20px; background: linear-gradient(145deg, rgba(120, 53, 15, .2), rgba(15, 23, 42, .32)); }
.crisis-support-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.crisis-support-kicker { margin: 0 0 4px; color: #fbbf24; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.crisis-support h2 { margin: 0; color: var(--text-primary); font-size: 20px; line-height: 1.3; }
.crisis-close-button { width: 36px; height: 36px; flex: 0 0 auto; border: 0; border-radius: 50%; background: rgba(148, 163, 184, .12); color: var(--text-secondary); font-size: 20px; cursor: pointer; }
.crisis-support-intro { margin: 11px 0; color: var(--text-primary); font-size: 12px; font-weight: 650; line-height: 1.65; }
.crisis-support-options { display: grid; gap: 9px; }
.crisis-option { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 15px; background: rgba(15, 23, 42, .24); }
.crisis-option > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: rgba(251, 191, 36, .14); color: #fcd34d; font-size: 13px; font-weight: 850; }
.crisis-option h3 { margin: 0; color: var(--text-primary); font-size: 12px; }
.crisis-option p { margin: 4px 0 0; color: var(--text-secondary); font-size: 10px; line-height: 1.5; }
.crisis-option a { min-width: 92px; padding: 9px 11px; border-radius: 999px; background: #fbbf24; color: #422006; font-size: 9px; font-weight: 850; text-align: center; text-decoration: none; }
.crisis-option-urgent { border-color: rgba(248, 113, 113, .42); }
.crisis-option-urgent > span { background: rgba(248, 113, 113, .16); color: #fca5a5; }
.crisis-option-urgent a { background: #ef4444; color: #fff; }
.crisis-next-step { margin-top: 11px; padding: 13px; border-radius: 15px; background: rgba(94, 234, 212, .08); }
.crisis-next-step strong { color: #99f6e4; font-size: 10px; }
.crisis-next-step p { margin: 5px 0 9px; color: var(--text-secondary); font-size: 10px; line-height: 1.55; }
.crisis-next-step button { min-height: 35px; padding: 8px 11px; border: 1px solid rgba(94, 234, 212, .32); border-radius: 999px; background: transparent; color: #99f6e4; font-size: 9px; font-weight: 800; cursor: pointer; }
.crisis-boundary { margin: 10px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .crisis-support { background: rgba(255, 251, 235, .92); }
body[data-theme="light"] .crisis-option { background: rgba(255,255,255,.82); }
body[data-theme="light"] .crisis-next-step strong { color: #0f766e; }
@media (max-width: 560px) { .crisis-option { grid-template-columns: 42px minmax(0, 1fr); } .crisis-option a { grid-column: 1 / -1; } .crisis-open-button { width: 100%; } }

/* Kaynaklı paylaşım kartları */
.share-center { margin: 14px 0; padding: 18px; border: 1px solid rgba(45, 212, 191, .31); border-radius: 20px; background: linear-gradient(145deg, rgba(13, 148, 136, .1), rgba(15, 23, 42, .24)); }
.share-center-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.share-center-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.share-center-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.share-center-kicker { color: #5eead4 !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.share-center-heading > span { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(45, 212, 191, .3); border-radius: 999px; color: #99f6e4; font-size: 8px; font-weight: 750; }
.share-card-types { display: flex; gap: 7px; margin-top: 13px; padding-bottom: 3px; overflow-x: auto; }
.share-card-types button { flex: 0 0 auto; min-height: 35px; padding: 7px 10px; border: 1px solid rgba(148, 163, 184, .27); border-radius: 999px; background: transparent; color: var(--text-secondary); font-size: 9px; font-weight: 730; cursor: pointer; }
.share-card-types button[aria-selected="true"] { border-color: #2dd4bf; background: rgba(20, 184, 166, .13); color: #99f6e4; }
.share-card-preview { position: relative; overflow: hidden; margin-top: 10px; padding: 20px; border: 1px solid rgba(45, 212, 191, .3); border-radius: 17px; background: radial-gradient(circle at 90% 10%, rgba(45, 212, 191, .19), transparent 34%), linear-gradient(145deg, #0f172a, #082f49); color: #f8fafc; }
.share-card-preview::after { content: ""; position: absolute; right: -45px; bottom: -45px; width: 125px; height: 125px; border: 1px solid rgba(94, 234, 212, .18); border-radius: 50%; }
.share-card-brand { margin: 0 0 14px !important; color: #5eead4 !important; font-size: 8px !important; font-weight: 900; letter-spacing: .18em; }
.share-card-preview > span { color: #99f6e4; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.share-card-preview h3 { max-width: 560px; margin: 7px 0; font-size: 18px; line-height: 1.35; }
.share-card-preview > p:not(.share-card-brand) { max-width: 580px; margin: 0; color: #cbd5e1; font-size: 10px; line-height: 1.6; }
.share-card-preview a { position: relative; z-index: 1; display: inline-flex; margin-top: 13px; color: #5eead4; font-size: 8px; font-weight: 750; text-decoration: none; }
.share-center-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.share-center-actions button { min-height: 36px; padding: 8px 11px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 750; cursor: pointer; }
.share-center-actions .share-primary { border: 0; background: linear-gradient(135deg, #2dd4bf, #22c55e); color: #042f2e; }
.share-center-note { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .share-center { background: rgba(240, 253, 250, .87); }
body[data-theme="light"] .share-center-heading > span, body[data-theme="light"] .share-center-kicker, body[data-theme="light"] .share-card-types button[aria-selected="true"] { color: #0f766e; }
@media (max-width: 430px) { .share-center { padding: 14px 12px; } .share-center-heading { flex-direction: column; } .share-card-preview { padding: 16px; } }

/* Birlikte Başlayalım */
.together-journey { margin: 14px 0; padding: 20px; border: 1px solid rgba(167, 139, 250, .32); border-radius: 22px; background: radial-gradient(circle at 95% 5%, rgba(139, 92, 246, .16), transparent 32%), linear-gradient(145deg, rgba(30, 41, 59, .78), rgba(15, 23, 42, .72)); }
.together-heading, .together-active-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.together-heading h2 { margin: 4px 0 7px; font-size: 22px; line-height: 1.25; }
.together-heading p:not(.together-kicker) { max-width: 650px; margin: 0; color: var(--text-secondary); font-size: 10px; line-height: 1.6; }
.together-kicker, .together-active p, .together-incoming p { margin: 0 !important; color: #c4b5fd !important; font-size: 8px !important; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.together-heading > span, .together-active-head > strong { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(196, 181, 253, .32); border-radius: 999px; color: #ddd6fe; font-size: 9px; }
.together-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 15px; }
.together-option { min-height: 92px; padding: 13px; border: 1px solid rgba(148, 163, 184, .23); border-radius: 15px; background: rgba(15, 23, 42, .34); color: var(--text-primary); text-align: left; cursor: pointer; }
.together-option[aria-checked="true"] { border-color: #a78bfa; background: rgba(124, 58, 237, .15); box-shadow: inset 0 0 0 1px rgba(196, 181, 253, .16); }
.together-option span, .together-option strong, .together-option small { display: block; }
.together-option span { font-size: 17px; }.together-option strong { margin: 8px 0 4px; font-size: 10px; }.together-option small { color: var(--text-secondary); font-size: 8px; line-height: 1.45; }
.together-actions, .together-active-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.together-actions button, .together-active-actions button, .together-incoming button { min-height: 37px; padding: 8px 12px; border: 1px solid rgba(148, 163, 184, .27); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 780; cursor: pointer; }
.together-actions .together-primary, .together-active-actions .together-primary, .together-incoming button { border: 0; background: linear-gradient(135deg, #a78bfa, #7c3aed); color: white; }
.together-incoming { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; margin-top: 14px; padding: 14px; border: 1px solid rgba(167, 139, 250, .35); border-radius: 16px; background: rgba(76, 29, 149, .13); }
.together-incoming[hidden], .together-active[hidden] { display: none; }.together-incoming > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: rgba(167, 139, 250, .16); color: #ddd6fe; }
.together-incoming h3, .together-active h3 { margin: 4px 0; font-size: 15px; }.together-incoming small, .together-active small { color: var(--text-secondary); font-size: 9px; line-height: 1.5; }
.together-active { margin-top: 14px; padding: 16px; border: 1px solid rgba(167, 139, 250, .3); border-radius: 17px; background: rgba(15, 23, 42, .3); }
.together-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 14px; }.together-day { display: grid; min-height: 48px; place-items: center; border: 1px solid rgba(148, 163, 184, .22); border-radius: 12px; color: var(--text-secondary); font-size: 8px; }.together-day.is-done { border-color: rgba(167, 139, 250, .55); background: rgba(124, 58, 237, .18); color: #ddd6fe; }.together-day.is-today { box-shadow: inset 0 0 0 1px #a78bfa; }
.together-boundary { margin: 13px 0 0; padding-top: 10px; border-top: 1px solid rgba(148, 163, 184, .17); color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .together-journey { background: linear-gradient(145deg, #faf5ff, #f5f3ff); } body[data-theme="light"] .together-kicker, body[data-theme="light"] .together-active p, body[data-theme="light"] .together-incoming p { color: #6d28d9 !important; } body[data-theme="light"] .together-heading > span, body[data-theme="light"] .together-active-head > strong { color: #6d28d9; }
@media (max-width: 650px) { .together-options { grid-template-columns: 1fr; }.together-option { min-height: 76px; }.together-incoming { grid-template-columns: 38px 1fr; }.together-incoming button { grid-column: 1 / -1; }.together-days { gap: 4px; }.together-day { min-height: 42px; }.together-active-head { flex-direction: column; } }

/* Özel Gün Motoru / Cuma Kapısı */
.friday-gate { margin: 14px 0; padding: 20px; border: 1px solid rgba(251, 191, 36, .28); border-radius: 22px; background: radial-gradient(circle at 94% 8%, rgba(251, 191, 36, .13), transparent 30%), linear-gradient(145deg, rgba(30, 41, 59, .76), rgba(15, 23, 42, .7)); }
.friday-gate-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.friday-gate-heading h2 { margin: 4px 0 7px; font-size: 22px; }.friday-gate-heading p:not(.friday-gate-kicker) { max-width: 620px; margin: 0; color: var(--text-secondary); font-size: 10px; line-height: 1.6; }.friday-gate-kicker { margin: 0 !important; color: #fcd34d !important; font-size: 8px !important; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.friday-countdown { min-width: 92px; padding: 10px; border: 1px solid rgba(251, 191, 36, .28); border-radius: 15px; text-align: center; }.friday-countdown strong, .friday-countdown span { display: block; }.friday-countdown strong { color: #fde68a; font-size: 19px; }.friday-countdown span { margin-top: 3px; color: var(--text-secondary); font-size: 7px; }
.friday-preview-toggle { margin-top: 14px; min-height: 38px; padding: 8px 13px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #fbbf24, #d97706); color: #422006; font-size: 9px; font-weight: 820; cursor: pointer; }.friday-plan { margin-top: 13px; }.friday-plan[hidden] { display: none; }
.friday-tasks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.friday-task { position: relative; padding: 14px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 16px; background: rgba(15, 23, 42, .3); }.friday-task.is-done { border-color: rgba(251, 191, 36, .5); background: rgba(180, 83, 9, .13); }.friday-task > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: rgba(251, 191, 36, .12); color: #fde68a; font-size: 11px; }.friday-task h3 { margin: 10px 0 5px; font-size: 12px; }.friday-task p { min-height: 44px; margin: 0; color: var(--text-secondary); font-size: 8px; line-height: 1.55; }.friday-task a { display: inline-flex; margin-top: 9px; color: #fcd34d; font-size: 8px; text-decoration: none; }.friday-task button { width: 100%; min-height: 34px; margin-top: 10px; border: 1px solid rgba(251, 191, 36, .28); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 8px; font-weight: 760; cursor: pointer; }.friday-task.is-done button { border-color: transparent; background: rgba(251, 191, 36, .14); color: #fde68a; }
.friday-progress { margin-top: 11px; padding: 12px; border: 1px solid rgba(148, 163, 184, .18); border-radius: 14px; }.friday-progress > div:first-child { display: flex; justify-content: space-between; gap: 12px; color: var(--text-secondary); font-size: 8px; }.friday-progress strong { color: var(--text-primary); }.friday-progress-track { height: 6px; margin-top: 9px; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, .16); }.friday-progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fbbf24, #f59e0b); transition: width .25s ease; }.friday-boundary { margin: 11px 0 0; color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .friday-gate { background: linear-gradient(145deg, #fffbeb, #fefce8); } body[data-theme="light"] .friday-gate-kicker, body[data-theme="light"] .friday-task a { color: #a16207 !important; } body[data-theme="light"] .friday-countdown strong { color: #92400e; }
@media (max-width: 650px) { .friday-gate-heading { flex-direction: column; }.friday-countdown { display: flex; align-items: baseline; gap: 6px; min-width: 0; }.friday-tasks { grid-template-columns: 1fr; }.friday-task p { min-height: 0; } }

/* Kurucu Destekçi talep araştırması */
.supporter-research { margin: 14px 0; padding: 18px; border: 1px solid rgba(251, 191, 36, .32); border-radius: 20px; background: linear-gradient(145deg, rgba(146, 64, 14, .12), rgba(15, 23, 42, .24)); }
.supporter-research-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.supporter-research-heading h2 { margin: 3px 0 6px; font-size: 20px; }
.supporter-research-heading p { margin: 0; color: var(--text-secondary); font-size: 11px; line-height: 1.5; }
.supporter-research-kicker { color: #fcd34d !important; font-size: 9px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.supporter-research-heading > span { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(251, 191, 36, .34); border-radius: 999px; color: #fde68a; font-size: 8px; font-weight: 750; }
.supporter-free-core { margin-top: 13px; padding: 11px 12px; border-left: 3px solid #fbbf24; border-radius: 9px; background: rgba(251, 191, 36, .08); color: var(--text-secondary); font-size: 9px; line-height: 1.55; }
.supporter-free-core strong { color: #fde68a; }
.supporter-feature-fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; padding: 0; border: 0; }
.supporter-feature-fieldset legend { grid-column: 1 / -1; margin-bottom: 2px; color: var(--text-primary); font-size: 10px; font-weight: 800; }
.supporter-feature-fieldset label { display: flex; gap: 7px; align-items: center; padding: 9px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 10px; color: var(--text-secondary); font-size: 9px; }
.supporter-feature-fieldset input { accent-color: #fbbf24; }
.supporter-research-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 10px; }
.supporter-research-grid > label:last-child { grid-column: 1 / -1; }
.supporter-research-grid label, .supporter-note-label { color: var(--text-secondary); font-size: 9px; font-weight: 700; line-height: 1.45; }
.supporter-research-grid input, .supporter-research-grid select, .supporter-note-label textarea { box-sizing: border-box; width: 100%; min-height: 40px; margin-top: 5px; padding: 9px 10px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 10px; background: rgba(15, 23, 42, .24); color: var(--text-primary); font: inherit; font-size: 10px; }
.supporter-note-label { display: block; margin-top: 10px; }
.supporter-note-label textarea { resize: vertical; }
.supporter-research-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.supporter-research-actions button { min-height: 37px; padding: 8px 12px; border: 1px solid rgba(148, 163, 184, .3); border-radius: 999px; background: transparent; color: var(--text-primary); font-size: 9px; font-weight: 760; cursor: pointer; }
.supporter-research-actions .supporter-save { border: 0; background: linear-gradient(135deg, #fbbf24, #fb923c); color: #451a03; }
.supporter-research-status { min-height: 15px; margin: 9px 0 0; color: #fde68a; font-size: 9px; font-weight: 720; }
.supporter-research-boundary { margin: 8px 0 0; padding-top: 9px; border-top: 1px solid rgba(148, 163, 184, .18); color: var(--text-secondary); font-size: 8px; line-height: 1.5; }
body[data-theme="light"] .supporter-research { background: rgba(255, 251, 235, .88); }
body[data-theme="light"] .supporter-research-kicker, body[data-theme="light"] .supporter-research-heading > span, body[data-theme="light"] .supporter-free-core strong, body[data-theme="light"] .supporter-research-status { color: #92400e; }
body[data-theme="light"] .supporter-research-grid input, body[data-theme="light"] .supporter-research-grid select, body[data-theme="light"] .supporter-note-label textarea { background: rgba(255, 255, 255, .88); }
@media (max-width: 560px) { .supporter-feature-fieldset, .supporter-research-grid { grid-template-columns: 1fr; } .supporter-research-grid > label:last-child { grid-column: auto; } }
@media (max-width: 430px) { .supporter-research { padding: 14px 12px; } .supporter-research-heading { flex-direction: column; } }

/* Mahrem yedek geri yükleme */
.data-privacy-actions .data-import-label { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid rgba(96, 165, 250, .42); border-radius: 999px; background: rgba(37, 99, 235, .1); color: #bfdbfe; font-size: 9px; font-weight: 780; cursor: pointer; }
.data-privacy-actions .data-import-label:hover { background: rgba(37, 99, 235, .18); }
.data-privacy-actions .data-import-label:focus-within { outline: 2px solid #60a5fa; outline-offset: 2px; }
body[data-theme="light"] .data-privacy-actions .data-import-label { color: #1d4ed8; background: #eff6ff; }

/* Kurulu uygulama hızlı kısayol varışı */
.shortcut-arrival { animation: shortcut-arrival-ring 1.4s ease; scroll-margin-top: 82px; }
@keyframes shortcut-arrival-ring { 0%, 100% { box-shadow: none; } 30% { box-shadow: 0 0 0 4px rgba(45, 212, 191, .28), 0 0 28px rgba(45, 212, 191, .18); } }
@media (prefers-reduced-motion: reduce) { .shortcut-arrival { animation: none; outline: 2px solid rgba(45, 212, 191, .48); outline-offset: 4px; } }