/* ===== layout ===== */
.overlay[data-v-1c5ed555]{
  position: fixed; inset: 0;
  display: grid; place-items: center;
  background: rgba(0,0,0,.25);
  overscroll-behavior: contain;
  /* z-index řídí :style */
}

/* desktop panel */
.panel[data-v-1c5ed555]{
  width: min(var(--w), 85vw);
  max-height: 88vh;
  overflow: hidden;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 60px rgba(0,0,0,.2);
  padding: 16px;
  display: flex; flex-direction: column; gap: 12px;
  will-change: transform;
  box-sizing: border-box;
  touch-action: pan-y;
  overscroll-behavior: contain;
  position: relative;
  /* z-index řídí :style */
}
.panel-content[data-v-1c5ed555]{
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 4px;
}
.drag-handle[data-v-1c5ed555]{ display:none;
}
.grabber[data-v-1c5ed555]{
  width:46px; height:4px; border-radius:999px; background:#d1d5db; display:block;
  margin: 6px auto 8px auto;
}
.head[data-v-1c5ed555]{ display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.title[data-v-1c5ed555]{ margin:0; font-size:18px;
}
.close-inline[data-v-1c5ed555]{
  color: #6b7280;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
}
.close-inline[data-v-1c5ed555]:active, .close-inline[data-v-1c5ed555]:hover{ background: #f3f4f6;
}
.foot[data-v-1c5ed555]{ display:flex; align-items:center; gap:8px; margin-top:4px
}

/* mobile fullscreen */
@media (max-width: 767px){
.overlay[data-v-1c5ed555]{ display:block;
}
.panel[data-v-1c5ed555]{
    position: fixed;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100dvw !important;
    height: 100dvh !important;
    max-height: none !important;
    border-radius: 12px 12px 0 0;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 14px
             calc(14px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
}
.drag-handle[data-v-1c5ed555]{ display:flex; align-items:center; justify-content:center;
}
.title[data-v-1c5ed555]{ font-size:20px;
}
}

/* přechody overlay + panel */
.sheet-enter-active[data-v-1c5ed555], .sheet-leave-active[data-v-1c5ed555]{ transition: opacity .24s ease;
}
.sheet-enter-from[data-v-1c5ed555], .sheet-leave-to[data-v-1c5ed555]{ opacity: 0;
}

/* desktop – jemné vyjetí */
@media (min-width: 768px){
.sheet-enter-active .panel[data-v-1c5ed555], .sheet-leave-active .panel[data-v-1c5ed555]{ transition: transform .26s ease;
}
.sheet-enter-from .panel[data-v-1c5ed555]{ transform: translateY(10px);
}
.sheet-enter-to   .panel[data-v-1c5ed555]{ transform: translateY(0);
}
.sheet-leave-from .panel[data-v-1c5ed555]{ transform: translateY(0);
}
.sheet-leave-to   .panel[data-v-1c5ed555]{ transform: translateY(10px);
}
}

/* mobile – vyjetí ze spodu / zajetí dolů */
@media (max-width: 767px){
.sheet-enter-active .panel[data-v-1c5ed555], .sheet-leave-active .panel[data-v-1c5ed555]{ transition: transform .28s ease;
}
.sheet-enter-from .panel[data-v-1c5ed555]{ transform: translateY(100%);
}
.sheet-enter-to   .panel[data-v-1c5ed555]{ transform: translateY(0%);
}
.sheet-leave-from .panel[data-v-1c5ed555]{ transform: translateY(0%);
}
.sheet-leave-to   .panel[data-v-1c5ed555]{ transform: translateY(100%);
}
}

.wrap[data-v-ee4742a8]{
  display:flex; flex-direction:column;
  height:100%; max-height:100%; min-height:0;
  overflow:hidden; gap:10px;
}

/* sticky meta header */
.meta[data-v-ee4742a8]{
  position:sticky; top:0; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:#fff; padding:6px 2px 8px 2px;
  border-bottom:1px solid #eef2f7;
  color:#334155; font-size:13px;
}
.meta .left[data-v-ee4742a8], .meta .right[data-v-ee4742a8]{ display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.meta .sep[data-v-ee4742a8]{ color:#94a3b8;
}
.link[data-v-ee4742a8]{ color:#0b63f6; text-decoration:none;
}
.link[data-v-ee4742a8]:hover{ text-decoration:underline;
}

/* scrollable doc */
.doc-scroll[data-v-ee4742a8]{
  flex:1 1 auto; min-height:0;
  overflow:auto; overscroll-behavior:contain;
  padding:10px 2px 14px 2px;
}

/* callout */
.callout[data-v-ee4742a8]{
  display:block; border:1px solid #e8f0ff; background:#f6faff;
  border-radius:12px; padding:12px; color:#0f172a; margin-bottom:10px;
}
.co-title[data-v-ee4742a8]{ display:flex; align-items:center; gap:8px; font-weight:800; color:#1e3a8a; margin-bottom:6px;
}
.co-title svg[data-v-ee4742a8]{ width:18px; height:18px;
}
.callout ul[data-v-ee4742a8]{ margin:0; padding-left:18px;
}

/* toc */
.toc[data-v-ee4742a8]{
  display:flex; flex-wrap:wrap; gap:8px 12px; margin:10px 0 14px 0;
}
.toc a[data-v-ee4742a8]{
  font-size:13px; color:#0b63f6; text-decoration:none;
  padding:4px 6px; border-radius:8px;
  background:#eef4ff; border:1px solid #cfe0ff;
}
.toc a[data-v-ee4742a8]:hover{ text-decoration:underline;
}

/* document typography */
h2[data-v-ee4742a8]{ font-size:18px; margin:14px 0 6px 0; color:#0f172a;
}
p[data-v-ee4742a8]{ margin:8px 0; color:#334155;
}
ul[data-v-ee4742a8]{ margin:8px 0 8px 18px; color:#334155;
}
.bullets li + li[data-v-ee4742a8]{ margin-top:4px;
}
.legal-note[data-v-ee4742a8]{ margin-top:18px; color:#64748b;
}

/* smaller on very small screens */
@media (max-width: 380px){
h2[data-v-ee4742a8]{ font-size:17px;
}
}

/* wrapper */
.wrap[data-v-2fa29712]{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* CTA */
.cta[data-v-2fa29712]{
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(2,8,23,.06);
}
.cta-btn[data-v-2fa29712]{
  width: 100%;
  height: 46px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  border: 1px solid #dadce0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  font-weight: 900;
  color:#111827;
}
.cta-btn[data-v-2fa29712]:hover{ background:#f8fafc;
}
.glogo[data-v-2fa29712]{ width:20px; height:20px; display:grid; place-items:center;
}
.glogo svg[data-v-2fa29712]{ width:18px; height:18px;
}
.cta-text[data-v-2fa29712]{ line-height:1;
}
.consent[data-v-2fa29712]{
  margin: 10px 4px 0;
  color:#6b7280;
  font-size:12px;
  line-height:1.35;
}
.linklike[data-v-2fa29712]{
  background:transparent; border:none; padding:0;
  color:#0b63f6; cursor:pointer; text-decoration:underline;
}
.linklike[data-v-2fa29712]:hover{ opacity:.9;
}

/* Card */
.card[data-v-2fa29712]{
  position: relative;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: linear-gradient(180deg, #eef6ff 0%, #ffffff 55%);
  box-shadow: 0 12px 30px rgba(2,8,23,.06);
  padding: 14px;
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.v-banner .card[data-v-2fa29712]{
  padding: 12px;
}

/* close */
.x[data-v-2fa29712]{
  position:absolute;
  top: 8px;
  right: 8px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: none;
  background: transparent;
  color:#0f172a;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.x[data-v-2fa29712]:hover{ background:#f1f5f9;
}

/* Header */
.head[data-v-2fa29712]{
  display:flex;
  align-items:flex-start;
  gap: 12px;
  padding-right: 34px; /* prostor pro X */
}
.badge[data-v-2fa29712]{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  color:#0b63f6;
  background: #eaf2ff;
  border: 1px solid #dbeafe;
  flex: 0 0 auto;
}
.badge svg[data-v-2fa29712]{ width: 20px; height: 20px;
}
.htxt[data-v-2fa29712]{ display:flex; flex-direction:column; gap:4px; min-width:0;
}
.title[data-v-2fa29712]{
  margin:0;
  font-size: 16px;
  font-weight: 900;
  color:#0f172a;
  letter-spacing:.1px;
}
.desc[data-v-2fa29712]{
  margin:0;
  font-size: 13px;
  color:#475569;
  line-height:1.35;
}

/* Benefits list */
.benefits[data-v-2fa29712]{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.benefits.grid[data-v-2fa29712]{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 560px){
.benefits.grid[data-v-2fa29712]{ grid-template-columns: 1fr 1fr;
}
}
.item[data-v-2fa29712]{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #eef2f7;
}
.ico[data-v-2fa29712]{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  color:#fff;
  flex:0 0 auto;
}
.ico svg[data-v-2fa29712]{ width: 18px; height: 18px;
}
.txt[data-v-2fa29712]{ display:flex; flex-direction:column; gap:2px; min-width:0;
}
.ititle[data-v-2fa29712]{ font-weight: 900; color:#0f172a; line-height:1.2;
}
.idesc[data-v-2fa29712]{ color:#6b7280; font-size: 13px; line-height:1.3;
}

/* Icon gradients */
.ico-follow[data-v-2fa29712]  { background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.ico-save[data-v-2fa29712]    { background: linear-gradient(135deg, #ec4899, #f43f5e);
}
.ico-magic[data-v-2fa29712]   { background: linear-gradient(135deg, #8b5cf6, #6366f1);
}
.ico-sync[data-v-2fa29712]    { background: linear-gradient(135deg, #10b981, #22c55e);
}
.ico-rate[data-v-2fa29712]    { background: linear-gradient(135deg, #0ea5e9, #3b82f6);
}
.ico-watchdog[data-v-2fa29712]{ background: linear-gradient(135deg, #0b63f6, #22c55e);
}
.ico-spam[data-v-2fa29712]    { background: linear-gradient(135deg, #64748b, #94a3b8);
}
.ico-free[data-v-2fa29712]    { background: linear-gradient(135deg, #16a34a, #22c55e);
}

/* Dark mode */
@media (prefers-color-scheme: dark){
.cta[data-v-2fa29712]{ background:#0b1220; border-color:#223049; box-shadow:none;
}
.cta-btn[data-v-2fa29712]{ background:#0b1220; color:#e6edf7; border-color:#2a3958;
}
.cta-btn[data-v-2fa29712]:hover{ background:#0d1628;
}
.consent[data-v-2fa29712]{ color:#a8b3c7;
}
.linklike[data-v-2fa29712]{ color:#7db2ff;
}
.card[data-v-2fa29712]{
    background: linear-gradient(180deg, #0b1220 0%, #0c1526 60%);
    border-color:#223049;
    box-shadow:none;
}
.x[data-v-2fa29712]{ color:#c7d2fe;
}
.x[data-v-2fa29712]:hover{ background:#19253b;
}
.badge[data-v-2fa29712]{ background:#101f3b; border-color:#1f3b66; color:#7db2ff;
}
.title[data-v-2fa29712]{ color:#e6edf7;
}
.desc[data-v-2fa29712]{ color:#b8c3d6;
}
.item[data-v-2fa29712]{ background:#0b1220; border-color:#223049;
}
.ititle[data-v-2fa29712]{ color:#e6edf7;
}
.idesc[data-v-2fa29712]{ color:#a8b3c7;
}
}

/* Reuse stejných stylů, jen jiný gradient ikonky */
.chip-toggle[data-v-053afe4b]{
  --on: #0b63f6;
  --ico-bg: linear-gradient(135deg, #f59e0b, #fbbf24); /* FOLLOWED */
  display:flex; align-items:center; gap:10px;
  width:100%;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#fff;
  cursor:pointer;
  text-align:left;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.chip-toggle[data-v-053afe4b]:hover{ background:#f8fafc;
}
.chip-toggle.on[data-v-053afe4b]{
  border-color: var(--on);
  box-shadow: 0 0 0 3px rgba(11,99,246,.08) inset;
  background: #eef5ff;
}
.chip-toggle.disabled[data-v-053afe4b]{ opacity:.55; cursor:default;
}
.ico[data-v-053afe4b]{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:grid; place-items:center; color:#fff;
  background: var(--ico-bg);
}
.ico svg[data-v-053afe4b]{ width:18px; height:18px;
}
.txt[data-v-053afe4b]{ display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0;
}
.txt strong[data-v-053afe4b]{ color:#111827; line-height:1.1;
}
.sub[data-v-053afe4b]{ color:#6b7280; font-size:12px;
}
.knob[data-v-053afe4b]{
  width:36px; height:22px; border-radius:999px; position:relative; flex:0 0 auto;
  background:#e5e7eb;
  transition: background .15s ease;
}
.chip-toggle.on .knob[data-v-053afe4b]{ background: var(--on);
}
.knob[data-v-053afe4b]::after{
  content:''; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%;
  background:#fff; transition: transform .15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.chip-toggle.on .knob[data-v-053afe4b]::after{ transform: translateX(14px);
}

.content-wrap[data-v-bb9894f3]{
  display:flex;
  flex-direction:column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  gap: 10px;
}

/* QUICK area */
.quick[data-v-bb9894f3]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.link[data-v-bb9894f3]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:2px 0;
}
.link[data-v-bb9894f3]:hover{ text-decoration:underline;
}
.link.danger[data-v-bb9894f3]{ color:#ef4444;
}

/* ---------- ZDROJE wrapper ---------- */
.sources-sec[data-v-bb9894f3]{
  flex:1 1 auto;
  height: 100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-sizing:border-box;
  min-height: 300px;
  background:#fff;
}

/* ---------- TABS ---------- */
.tabs[data-v-bb9894f3]{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  margin-bottom:12px;
}
.tab[data-v-bb9894f3]{
  appearance:none;
  border:none;
  background:#fff;
  padding:10px 12px;
  cursor:pointer;
  font-weight:800;
  color:#111827;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.tab + .tab[data-v-bb9894f3]{ border-left:1px solid #e5e7eb;
}
.tab[data-v-bb9894f3]:hover{ background:#f8fafc;
}
.tab.active[data-v-bb9894f3]{
  background:#eef4ff;
  color:#1e40af;
}
.tab-badge[data-v-bb9894f3]{
  font-size:12px;
  color:#374151;
  padding:2px 8px;
  border-radius:999px;
  background:#f1f5f9;
}
.tab-ic[data-v-bb9894f3]{ width:18px; height:18px; display:inline-grid; place-items:center;
}
.tab-ic svg[data-v-bb9894f3]{ width:18px; height:18px; display:block;
}
.tab-panel[data-v-bb9894f3]{ display:flex; flex-direction:column; gap:10px;
}

/* ---------- SEARCH ---------- */
.search[data-v-bb9894f3]{
  position:relative;
  display:flex; align-items:center; gap:8px;
  border:1px solid #e5e7eb; border-radius:12px;
  padding:6px 10px; background:#fff;
}
.search .ic[data-v-bb9894f3]{ width:18px; height:18px; color:#6b7280; flex:0 0 auto;
}
.search input[data-v-bb9894f3]{
  flex:1 1 auto; min-width:0; border:none; outline:none; background:transparent;
  font-size:14px; color:#111827;
}
.search .clear[data-v-bb9894f3]{
  border:none; background:transparent; cursor:pointer; font-size:18px; line-height:1; color:#6b7280;
  padding:2px 6px; border-radius:8px;
}
.search .clear[data-v-bb9894f3]:hover{ background:#f3f4f6
}
.list-title[data-v-bb9894f3]{ margin:0;
}

/* ---------- FILTRY patřící k seznamu "Objevuj další" ---------- */
.list-filters[data-v-bb9894f3]{
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px 12px;
  background:#fff;
}
.lf-head[data-v-bb9894f3]{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.lf-left[data-v-bb9894f3]{ display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
}
.lf-title[data-v-bb9894f3]{ font-size:14px; font-weight:800; color:#111827;
}
.lf-summary[data-v-bb9894f3]{ font-size:13px; color:#374151;
}
.lf-actions[data-v-bb9894f3]{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.active-topic-filters[data-v-bb9894f3]{ margin-top:8px;
}
.aft-chips[data-v-bb9894f3]{ display:flex; flex-wrap:wrap; gap:8px;
}
.chip[data-v-bb9894f3]{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  font-size:13px; color:#111827;
  cursor:pointer;
}
.chip[data-v-bb9894f3]:hover{ background:#f8fafc;
}
.chip.on[data-v-bb9894f3]{ border-color:#cfe0ff; background:#eef5ff; color:#0b63f6;
}
.chip .x[data-v-bb9894f3]{ font-weight:700; margin-left:2px;
}
.dot[data-v-bb9894f3]{ width:8px; height:8px; border-radius:999px; background:#94a3b8; display:inline-block;
}

/* ---------- topics body (pod list-filters) ---------- */
.topics-body[data-v-bb9894f3]{ display:flex; flex-direction:column; gap:10px; margin-top:10px; align-items:center; justify-content: center;}

/* grid okruhů */
.main-grid[data-v-bb9894f3]{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
@media (min-width: 500px){
.main-grid[data-v-bb9894f3]{ grid-template-columns:1fr 1fr 1fr;
}
}
@media (min-width: 760px){
.main-grid[data-v-bb9894f3]{ grid-template-columns:1fr 1fr 1fr 1fr;
}
}
.main-card[data-v-bb9894f3]{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
}
.main-card[data-v-bb9894f3]:hover{ background:#f8fafc;
}
.main-card.active[data-v-bb9894f3]{
  border-color:#0b63f6;
  box-shadow:0 0 0 3px rgba(11,99,246,.08) inset;
  background:#eef4ff;
}
.main-ico[data-v-bb9894f3]{ font-size:18px; line-height:1;
}
.main-name[data-v-bb9894f3]{ font-size:14px; font-weight:600; color:#111827;
}
.main-count[data-v-bb9894f3]{
  font-size:12px; color:#374151;
  padding:2px 6px; border-radius:999px; background:#f1f5f9;
}
.no-main[data-v-bb9894f3]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* detailní témata */
.subtopics-sec[data-v-bb9894f3]{ display:flex; flex-direction:column; gap:8px;
}
.subtopics-head[data-v-bb9894f3]{ display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.subtopics-head h5[data-v-bb9894f3]{ margin:0; font-size:14px; color:#111827;
}
.subtopics-body[data-v-bb9894f3]{
  display:flex; flex-direction:column; gap:8px;
  border:1px solid #e5e7eb; border-radius:12px; padding:8px 10px; background:#fff;
}
.topic-search-wrap[data-v-bb9894f3]{ background:#fff; padding:2px 0 6px; z-index:2;
}
.topic-search[data-v-bb9894f3]{ width:100%; padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}
.chips-scroll[data-v-bb9894f3]{ overflow:auto; overscroll-behavior:contain; padding-right:2px;
}
.topics-scroll-limit[data-v-bb9894f3]{ max-height: clamp(160px, 40vh, 360px);
}
.topics[data-v-bb9894f3]{ display:flex; flex-wrap:wrap; gap:8px; padding-top:6px;
}
.topic-chip[data-v-bb9894f3]{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap;
}
.topic-chip[data-v-bb9894f3]:hover{ background:#f8fafc;
}
.topic-chip.active[data-v-bb9894f3]{ border-color:#0b63f6; background:#eef4ff; color:#1e40af;
}
.topic-chip.more[data-v-bb9894f3]{ border-style:dashed; color:#374151;
}
.no-topics[data-v-bb9894f3]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* ---------- seznam zdrojů ---------- */
.src-grid[data-v-bb9894f3]{
  list-style:none; padding:0; margin:0;
  display:grid; grid-template-columns:1fr; gap:8px;
  width:100%; max-width:100%; box-sizing:border-box;
}
@media (min-width:560px){
.src-grid[data-v-bb9894f3]{ grid-template-columns:1fr 1fr;
}
}
.src-row[data-v-bb9894f3]{
  border:1px solid #e5e7eb; border-radius:12px; background:#fff;
  min-width:0; max-width:100%; overflow:hidden; box-sizing:border-box;
}
.src-label[data-v-bb9894f3]{
  display:flex; align-items:center; gap:10px; padding:8px 10px; width:100%;
  min-width:0; max-width:calc(100% - 20px);
}
.src-icon[data-v-bb9894f3]{
  width:22px; height:22px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.src-title[data-v-bb9894f3]{
  flex:1 1 auto; min-width:0; max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Akční tlačítko */
.src-action[data-v-bb9894f3]{
  flex:0 0 auto;
  width:28px; height:28px; line-height:26px; text-align:center;
  border:1px solid #0b63f6; color:#0b63f6; background:#fff;
  border-radius:999px; font-weight:800; cursor:pointer; padding:0;
}
.src-action[data-v-bb9894f3]:hover{ background:#eef5ff
}
.src-action.danger[data-v-bb9894f3]{ border-color:#ef4444; color:#ef4444
}
.src-action.danger[data-v-bb9894f3]:hover{ background:#fff1f1
}
.empty[data-v-bb9894f3]{
  grid-column:1 / -1;
  color:#6b7280; font-size:14px; padding:8px 2px;
}

/* přechod */
.fade-enter-active[data-v-bb9894f3], .fade-leave-active[data-v-bb9894f3] { transition: opacity .15s ease;
}
.fade-enter-from[data-v-bb9894f3], .fade-leave-to[data-v-bb9894f3] { opacity: 0;
}

.search-form[data-v-58aa4f1e]{ display:flex; flex-direction:column; gap:12px;
}

/* ====== Sekce: Hledání ====== */
.search-sec[data-v-58aa4f1e]{
  display:flex; flex-direction:column; gap:10px;
  padding:10px 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
}
.search-head[data-v-58aa4f1e]{ display:flex; align-items:center; justify-content:space-between;
}
.search-title[data-v-58aa4f1e]{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px;
}
.icon.magnifier[data-v-58aa4f1e]{ width:18px; height:18px; color:#0b63f6;
}
.search-input[data-v-58aa4f1e]{
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid #dbe7ff; background:#fff; color:#111827; font-size:16px;
}
.search-input[data-v-58aa4f1e]:focus{ outline:none
}
.filter-warning[data-v-58aa4f1e]{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:10px 12px; border:1px solid #f59e0b66; border-radius:10px;
  background:#fff7ed; color:#7c2d12;
}
.filter-warning mark[data-v-58aa4f1e]{
  background:#fde68a; color:#7c2d12; padding:2px 6px; border-radius:6px;
}
.ic-warn[data-v-58aa4f1e]{ width:18px; height:18px;
}
.fw-text[data-v-58aa4f1e]{ display:flex; align-items:center; gap:6px;
}
.search-actions[data-v-58aa4f1e]{ display:flex; gap:8px; justify-content:flex-end; align-items:center; flex-wrap:wrap;
}

/* slide-in */
.slidein-enter-active[data-v-58aa4f1e], .slidein-leave-active[data-v-58aa4f1e]{ transition: transform .18s ease, opacity .18s ease;
}
.slidein-enter-from[data-v-58aa4f1e]{ transform: translateX(-10px); opacity: 0;
}
.slidein-enter-to[data-v-58aa4f1e]{ transform: translateX(0); opacity: 1;
}
.slidein-leave-from[data-v-58aa4f1e]{ transform: translateX(0); opacity: 1;
}
.slidein-leave-to[data-v-58aa4f1e]{ transform: translateX(-10px); opacity: 0;
}
.btn[data-v-58aa4f1e]{ height:38px; padding:0 14px; border-radius:999px; border:none; cursor:pointer; font-weight:700; display:inline-flex; align-items:center; gap:8px;
}
.btn .icon[data-v-58aa4f1e]{ width:18px; height:18px;
}
.btn.primary[data-v-58aa4f1e]{ background:#0b63f6; color:#fff;
}
.btn.ghost[data-v-58aa4f1e]{ background:#eef4ff; color:#0b63f6;
}
.btn.tiny[data-v-58aa4f1e]{ height:28px; padding:0 10px; font-size:12px;
}
.btn.tiny.danger[data-v-58aa4f1e]{ background:#fef3f2; color:#b42318; border:1px solid #fecaca;
}
.btn.accent[data-v-58aa4f1e]{ background:#f59e0b; color:#fff; box-shadow:0 6px 14px rgba(245,158,11,.25);
}
.btn.accent.dimmed[data-v-58aa4f1e]{ opacity:.5; cursor:not-allowed;
}
.limit-msg[data-v-58aa4f1e]{ color:#ef4444; font-size:12px; margin: -4px 2px 0 auto; text-align:right;
}
.hint[data-v-58aa4f1e]{ margin:0; color:#6b7280; font-size:12px;
}
.visually-hidden[data-v-58aa4f1e]{ position:absolute!important; clip:rect(1px,1px,1px,1px); padding:0;border:0;height:1px;width:1px;overflow:hidden;
}

/* ===== Topics ===== */
.topics-sec[data-v-58aa4f1e]{
  display:flex; flex-direction:column; gap:8px;
  padding:10px 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
}
.topics-head[data-v-58aa4f1e]{ display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.topics-right[data-v-58aa4f1e]{ display:flex; align-items:center; gap:10px;
}
.topics-title[data-v-58aa4f1e]{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px;
}
.topics-title .folder[data-v-58aa4f1e]{ width:18px; height:18px; color:#0b63f6;
}
.topics-count[data-v-58aa4f1e]{ color:#6b7280; font-size:12px;
}
.topics-loading[data-v-58aa4f1e], .topics-empty[data-v-58aa4f1e]{ color:#6b7280; font-size:13px;
}
.topics-login-hint[data-v-58aa4f1e]{
  color:#6b7280;
  font-size:13px;
}
.topics-grid[data-v-58aa4f1e]{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:8px;
}
@media (min-width:560px){
.topics-grid[data-v-58aa4f1e]{ grid-template-columns:1fr 1fr;
}
}
.topic-item[data-v-58aa4f1e]{ display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid #e5e7eb; border-radius:12px; padding:6px 8px; background:#fafafa;
}
.topic-chip[data-v-58aa4f1e]{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
.topic-chip[data-v-58aa4f1e]:hover{ background:#f8fafc;
}
.topic-name[data-v-58aa4f1e]{ max-width: 220px; overflow:hidden; text-overflow:ellipsis;
}
.topic-badge[data-v-58aa4f1e]{
  display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 6px;
  background:#0b63f6; color:#fff; border-radius:999px; font-size:12px; font-weight:800;
}
.topic-ops[data-v-58aa4f1e]{ display:flex; gap:10px; flex:0 0 auto;
}
.dog[data-v-58aa4f1e]{ margin-left:6px; font-size:14px;
}

/* ===== Quick Searches ===== */
.qs-sec[data-v-58aa4f1e]{
  display:flex; flex-direction:column; gap:8px;
  padding:10px 12px; border:1px solid #e5e7eb; border-radius:12px; background:#fff;
}
.qs-head[data-v-58aa4f1e]{ display:flex; align-items:center; justify-content:space-between;
}
.qs-title[data-v-58aa4f1e]{ display:flex; align-items:center; gap:8px; margin:0; font-size:15px;
}
.qs-title .bolt[data-v-58aa4f1e]{ width:18px; height:18px; color:#f59e0b;
}
.qs-count[data-v-58aa4f1e]{ color:#6b7280; font-size:12px;
}
.qs-login-hint[data-v-58aa4f1e], .qs-loading[data-v-58aa4f1e], .qs-empty[data-v-58aa4f1e]{ color:#6b7280; font-size:13px;
}
.qs-scroll[data-v-58aa4f1e]{
  max-height: 420px;
  overflow: auto;
  padding-right: 2px;
  overscroll-behavior: contain;
}
.qs-grid[data-v-58aa4f1e]{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr; gap:8px;
}
@media (min-width:560px){
.qs-grid[data-v-58aa4f1e]{ grid-template-columns:1fr 1fr;
}
}
.qs-item[data-v-58aa4f1e]{ display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid #e5e7eb; border-radius:12px; padding:6px 8px; background:#fafafa;
}
.qs-chip[data-v-58aa4f1e]{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
}
.qs-chip[data-v-58aa4f1e]:hover{ background:#f8fafc;
}
.qs-ops[data-v-58aa4f1e]{ display:flex; gap:10px; flex:0 0 auto;
}
.link[data-v-58aa4f1e]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:0; font-size:12px;
}
.link[data-v-58aa4f1e]:hover{ text-decoration:underline;
}
.link.danger[data-v-58aa4f1e]{ color:#ef4444;
}

/* ===== Modal ===== */
.modal-backdrop[data-v-58aa4f1e]{
  position: fixed; inset: 0;
  background: rgba(17,24,39,.45);
  display: flex; align-items: center; justify-content: center;
  z-index: 99999;
}
.modal[data-v-58aa4f1e]{
  width: min(560px, calc(100vw - 24px));
  background:#fff; color:#111827; border-radius:16px; border:1px solid #e5e7eb;
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  padding:16px 16px 14px; display:flex; flex-direction:column; gap:10px;
}
.modal h4[data-v-58aa4f1e]{ margin:0; font-size:18px;
}
.modal-desc[data-v-58aa4f1e]{ margin:0; color:#6b7280; font-size:13px;
}
.modal-label[data-v-58aa4f1e]{ font-weight:600; font-size:13px;
}
.modal-input[data-v-58aa4f1e]{
  padding:11px 12px; border-radius:10px; border:1px solid #dbe7ff;
  background:#fff; color:#111827; font-size:15px;
}
.terms-area[data-v-58aa4f1e]{ min-height: 140px; resize: vertical;
}
.modal-error[data-v-58aa4f1e]{ color:#ef4444; font-size:12px; margin:0;
}
.modal-actions[data-v-58aa4f1e]{ display:flex; justify-content:flex-end; gap:8px; margin-top:4px;
}
.limit-warn[data-v-58aa4f1e]{ color:#b91c1c; font-size:12px; margin-left:auto;
}
.terms-info[data-v-58aa4f1e]{ display:flex; gap:8px; align-items:center; justify-content:flex-end; color:#6b7280; font-size:12px;
}

/* 🐶 checkbox */
.watchdog[data-v-58aa4f1e]{
  display:flex; align-items:center; gap:8px;
  padding:8px 10px; border-radius:10px; border:1px solid #e5e7eb; background:#fafafa;
  width:max-content; margin-top:2px;
}
.watchdog input[data-v-58aa4f1e]{ transform: translateY(1px);
}
.watchdog .dog[data-v-58aa4f1e]{ font-size:16px;
}

.chip-toggle[data-v-725d9c55]{
  --on: #0b63f6;
  display:flex; align-items:center; gap:10px;
  width:100%;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#fff;
  cursor:pointer;
  text-align:left;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.chip-toggle[data-v-725d9c55]:hover{ background:#f8fafc;
}
.chip-toggle.on[data-v-725d9c55]{
  border-color: var(--on);
  box-shadow: 0 0 0 3px rgba(11,99,246,.08) inset;
  background: #eef5ff;
}
.chip-toggle.disabled[data-v-725d9c55]{ opacity:.55; cursor:default;
}
.ico[data-v-725d9c55]{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto;
  display:grid; place-items:center; color:#fff;
  background: linear-gradient(135deg, #ec4899, #f43f5e);
}
.ico svg[data-v-725d9c55]{ width:18px; height:18px;
}
.txt[data-v-725d9c55]{ display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0;
}
.txt strong[data-v-725d9c55]{ color:#111827; line-height:1.1;
}
.sub[data-v-725d9c55]{ color:#6b7280; font-size:12px;
}
.knob[data-v-725d9c55]{
  width:36px; height:22px; border-radius:999px; position:relative; flex:0 0 auto;
  background:#e5e7eb;
  transition: background .15s ease;
}
.chip-toggle.on .knob[data-v-725d9c55]{ background: var(--on);
}
.knob[data-v-725d9c55]::after{
  content:''; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%;
  background:#fff; transition: transform .15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.chip-toggle.on .knob[data-v-725d9c55]::after{ transform: translateX(14px);
}

.content-wrap[data-v-5a3d3a95]{
  display:flex;
  flex-direction:column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  gap: 10px;
}
.quick[data-v-5a3d3a95]{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.note[data-v-5a3d3a95]{ color:#6b7280;
}
.saved-sec[data-v-5a3d3a95]{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  min-height: 300px;
}
@media (min-width: 768px){
.saved-sec[data-v-5a3d3a95]{
    min-height: 220px;
    max-height: min(60vh, 520px);
}
}
.head[data-v-5a3d3a95]{ display:flex; align-items:center; gap:10px; justify-content:space-between; margin-bottom:6px;
}
.h[data-v-5a3d3a95]{ margin:0; font-size:16px;
}
.search[data-v-5a3d3a95]{
  flex: 0 0 280px;
  max-width: 60%;
  padding:8px 10px;
  border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}
.saved-list[data-v-5a3d3a95]{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:8px;
  width:100%; max-width:100%;
  box-sizing:border-box;
}
.row[data-v-5a3d3a95]{
  display:flex; align-items:center; gap:10px;
  border:1px solid #e5e7eb; border-radius:12px; background:#fff;
  padding:8px 10px; cursor:pointer;
  width:100%; max-width:100%; box-sizing:border-box;
  min-width:0;
}
.row[data-v-5a3d3a95]:hover{ background:#f8fafc;
}
.src-ic[data-v-5a3d3a95]{
  width:24px; height:24px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.row-main[data-v-5a3d3a95]{ min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:2px;
}
.src[data-v-5a3d3a95]{
  color:#6b7280; font-size:12px; line-height:1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.title[data-v-5a3d3a95]{
  color:#111827; font-weight:600; line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.chev[data-v-5a3d3a95]{ width:18px; height:18px; color:#94a3b8; flex:0 0 auto;
}
.loading[data-v-5a3d3a95]{ display:grid; place-items:center; padding:12px;
}
.loading.small[data-v-5a3d3a95]{ padding:6px;
}
.spinner[data-v-5a3d3a95]{ width: 24px; height: 24px; border-radius: 50%; border: 3px solid #e5e7eb; border-top-color: #0b63f6; animation: spin-5a3d3a95 .8s linear infinite;
}
@keyframes spin-5a3d3a95 {
to { transform: rotate(360deg);
}
}
.error[data-v-5a3d3a95]{ color:#b91c1c; padding:10px;
}
.empty[data-v-5a3d3a95]{ color:#6b7280; font-size:14px; padding:10px; text-align:center;
}
.end[data-v-5a3d3a95]{ color:#9aa3b2; font-size:12px; text-align:center; padding:6px 0;
}
.sentinel[data-v-5a3d3a95]{ list-style:none;
}

/* ===== layout / sheet ===== */
.overlay[data-v-0b3356ea]{ position:fixed; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.25); overscroll-behavior:contain; z-index:1010;
}
.panel[data-v-0b3356ea]{ width:min(var(--w),95vw); overflow:hidden; background:#fff; border-radius:16px; box-shadow:0 30px 60px rgba(0,0,0,.2); padding:16px; display:flex; flex-direction:column; gap:12px; will-change:transform; box-sizing:border-box; touch-action:pan-y;
}
.panel-content[data-v-0b3356ea]{ flex:1 1 auto; min-height:0; overflow:auto; display:flex; flex-direction:column; gap:12px; padding-bottom:4px;
}
.drag-handle[data-v-0b3356ea]{ display:none;
}
.grabber[data-v-0b3356ea]{ width:46px; height:4px; border-radius:999px; background:#d1d5db; display:block; margin:6px auto 8px;
}
.head[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.title[data-v-0b3356ea]{ margin:0; font-size:18px;
}
.x[data-v-0b3356ea]{ width:32px; height:32px; border-radius:8px; border:none; background:#fff; cursor:pointer;
}

/* přechody */
.sheet-enter-active[data-v-0b3356ea], .sheet-leave-active[data-v-0b3356ea]{ transition: opacity .24s ease;
}
.sheet-enter-from[data-v-0b3356ea], .sheet-leave-to[data-v-0b3356ea]{ opacity: 0;
}
@media (min-width: 768px){
.sheet-enter-active .panel[data-v-0b3356ea], .sheet-leave-active .panel[data-v-0b3356ea]{ transition: transform .26s ease;
}
.sheet-enter-from .panel[data-v-0b3356ea]{ transform: translateY(10px);
}
.sheet-enter-to   .panel[data-v-0b3356ea]{ transform: translateY(0);
}
.sheet-leave-from .panel[data-v-0b3356ea]{ transform: translateY(0);
}
.sheet-leave-to   .panel[data-v-0b3356ea]{ transform: translateY(10px);
}
}
@media (max-width: 767px){
.overlay[data-v-0b3356ea]{ display:block;
}
.panel[data-v-0b3356ea]{ position:fixed; inset:0; width:100dvw!important; height:100dvh!important; border-radius:12px 12px 0 0; padding:calc(8px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px)); box-shadow:0 20px 50px rgba(0,0,0,.35);
}
.drag-handle[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:center;
}
.title[data-v-0b3356ea]{ font-size:20px;
}
}

/* ===== karty / sekce ===== */
.card[data-v-0b3356ea]{ border:1px solid #e5e7eb; border-radius:14px; background:#fff;
}
.card-head[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-bottom:1px solid #eef2f7;
}
.card-head h3[data-v-0b3356ea]{ margin:0; font-size:16px;
}
.card-body[data-v-0b3356ea]{ padding:10px 12px;
}
.linklike[data-v-0b3356ea]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; text-decoration:underline;
}

/* segmented switch */
.seg-wrap[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px;
}
.seg[data-v-0b3356ea]{ display:inline-flex; background:#f3f4f6; border:1px solid #e5e7eb; border-radius:999px; padding:4px;
}
.seg-btn[data-v-0b3356ea]{ border:none; background:transparent; padding:6px 12px; border-radius:999px; cursor:pointer; font-weight:600; color:#374151;
}
.seg-btn.active[data-v-0b3356ea]{ background:#111827; color:#fff;
}

/* vyhledávání */
.search[data-v-0b3356ea]{ position:relative; display:flex; align-items:center; gap:8px; border:1px solid #e5e7eb; border-radius:12px; padding:6px 10px; background:#fff;
}
.search .ic[data-v-0b3356ea]{ width:18px; height:18px; color:#6b7280; flex:0 0 auto;
}
.search input[data-v-0b3356ea]{ flex:1 1 auto; border:none; outline:none; background:transparent; font-size:14px; color:#111827;
}
.search .clear[data-v-0b3356ea]{ border:none; background:transparent; cursor:pointer; font-size:18px; line-height:1; color:#6b7280; padding:2px 6px; border-radius:8px;
}
.search .clear[data-v-0b3356ea]:hover{ background:#f3f4f6
}

/* toolbar + grid */
.toolbar[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px; margin-top:8px;
}
.sel-info[data-v-0b3356ea]{ color:#374151; font-size:13px;
}
.link[data-v-0b3356ea]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:2px 0;
}
.src-grid[data-v-0b3356ea]{ list-style:none; padding:0; margin:8px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:8px;
}
@media (max-width:640px){
.src-grid[data-v-0b3356ea]{ grid-template-columns:1fr;
}
}
.src-row[data-v-0b3356ea]{ border:1px solid #e5e7eb; border-radius:12px; background:#fff; overflow: auto;}
.src-label[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px; padding:8px 10px;
}
.src-label input[type="checkbox"][data-v-0b3356ea]{ accent-color:#0b63f6;
}
.src-icon[data-v-0b3356ea]{ width:22px; height:22px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9;
}
.src-title[data-v-0b3356ea]{ flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.src-key[data-v-0b3356ea]{ color:#6b7280; font-size:12px;
}
.empty[data-v-0b3356ea]{ grid-column:1/-1; color:#6b7280; font-size:14px; padding:8px 2px; text-align:center;
}

/* seznam blokovaných */
.blocked-list[data-v-0b3356ea]{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px;
}
.blocked-item[data-v-0b3356ea]{ display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #e5e7eb; border-radius:12px; background:#fff; padding:8px 10px;
}
.bi-main[data-v-0b3356ea]{ display:flex; align-items:center; gap:10px; min-width:0;
}
.bi-title[data-v-0b3356ea]{ max-width:44vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.bi-key[data-v-0b3356ea]{ color:#6b7280; font-size:12px; max-width:32vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mini[data-v-0b3356ea]{ padding:6px 10px; border-radius:10px; border:1px solid #0b63f6; background:#fff; color:#0b63f6; cursor:pointer;
}
.mini.danger[data-v-0b3356ea]{ border-color:#ef4444; color:#ef4444;
}
.mini[data-v-0b3356ea]:disabled{ opacity:.6; cursor:not-allowed;
}

/* patička */
.foot[data-v-0b3356ea]{ display:flex; align-items:center; gap:8px; margin-top:4px
}
.btn[data-v-0b3356ea]{ height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.btn.primary[data-v-0b3356ea]{     
    background: #0b63f6;
    color: #fff;
}
.btn.ghost[data-v-0b3356ea]{ 
    background: #eef4ff;
    color: #0b63f6;
}

/* zprávy */
.err[data-v-0b3356ea]{ color:#c0392b; margin:0;
}
.ok[data-v-0b3356ea]{ color:#0f766e; margin:0;
}

/* confirm dialog */
.confirm-overlay[data-v-0b3356ea]{ position:fixed; inset:0; background:rgba(0,0,0,.35); display:grid; place-items:center; z-index:1020;
}
.confirm[data-v-0b3356ea]{ width:min(520px, 92vw); background:#fff; border-radius:14px; padding:14px; box-shadow:0 20px 60px rgba(0,0,0,.28); display:flex; flex-direction:column; gap:12px;
}
.confirm-title[data-v-0b3356ea]{ margin:0; font-size:18px;
}
.confirm-body[data-v-0b3356ea]{ display:flex; flex-direction:column; gap:8px;
}
.select[data-v-0b3356ea]{ height:36px; border:1px solid #e5e7eb; border-radius:10px; padding:0 10px;
}
.other[data-v-0b3356ea]{ height:36px; border:1px solid #e5e7eb; border-radius:10px; padding:0 10px;
}
.confirm-foot[data-v-0b3356ea]{ display:flex; justify-content:flex-end; gap:8px;
}
.card-head.sticky[data-v-0b3356ea]{
  position: sticky;
  top: 0;                     /* sedí pod horním headrem panelu */
  z-index: 5;
  background: #fff;
  border-radius: 14px 14px 0 0;
}
.search.sticky[data-v-0b3356ea]{
  position: sticky;
  top: 42px;                  /* aby držela hned pod sticky .card-head */
  z-index: 4;
  background:#fff;
  margin-top: 8px;
  /* volitelně drobný stín, ať je jasné, že je „na vrchu“ */
  box-shadow: 0 1px 0 #eef2f7;
}
.warn[data-v-0b3356ea]{
  display:flex; gap:10px; align-items:flex-start;
  background: #fff7ed;                 /* orange-50 */
  border: 1px solid #fed7aa;            /* orange-200 */
  color:#7c2d12;                        /* orange-900 */
  padding:10px 12px; border-radius:12px; line-height:1.35;
}
.warn-ic[data-v-0b3356ea]{
  width:20px; height:20px; flex:0 0 auto; margin-top:1px;
  fill:#fbbf24;                          /* amber-400 trojúhelník */
  stroke:#7c2d12;                        /* outline */
  stroke-width:.6;
}
.warn strong[data-v-0b3356ea]{ color:#7c2d12;
}
.warn u[data-v-0b3356ea]{ text-underline-offset: 2px;
}



.wrap[data-v-fe1262b8]{
  display:flex; flex-direction:column; gap:10px;
  min-height: 180px;
}

/* Toolbar */
.toolbar[data-v-fe1262b8]{
  display:flex; gap:8px; align-items:center;
  padding: 0 2px;
}
.search[data-v-fe1262b8]{
  flex:1 1 auto; max-width:100%;
  padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}

/* Loading */
.loading[data-v-fe1262b8]{ display:grid; place-items:center; padding:18px;
}
.spinner[data-v-fe1262b8]{
  width: 26px; height: 26px; border-radius: 50%;
  border: 3px solid #e5e7eb; border-top-color: #0b63f6;
  animation: spin-fe1262b8 .8s linear infinite;
}
@keyframes spin-fe1262b8 {
to { transform: rotate(360deg);
}
}

/* States */
.error[data-v-fe1262b8]{ color:#b91c1c; padding:10px;
}
.empty[data-v-fe1262b8]{ color:#6b7280; font-size:14px; padding:10px; text-align:center;
}

/* Groups */
.groups[data-v-fe1262b8]{ display:flex; flex-direction:column; gap:10px;
}
.group[data-v-fe1262b8]{
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  overflow: visible;  /* menu nesmí být uříznuté */
  position: relative;
}
.ghead[data-v-fe1262b8]{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 12px; cursor:pointer; background:#f8fafc;
  gap:10px;
}

/* body zvlášť – tady můžeme klidně ořezávat */
.gbody[data-v-fe1262b8]{
  overflow:hidden;
  border-radius: 0 0 12px 12px;
}
.gh-left[data-v-fe1262b8]{
  display:flex; align-items:center; gap:8px;
  min-width:0;
  flex: 1 1 auto;
}
.gh-right[data-v-fe1262b8]{
  display:flex; align-items:center; gap:10px;
  flex: 0 0 auto;
  white-space:nowrap;
}
.chev[data-v-fe1262b8]{ width:18px; height:18px; color:#94a3b8; transition: transform .15s ease; flex:0 0 auto;
}
.chev.open[data-v-fe1262b8]{ transform: rotate(90deg);
}
.gtitle[data-v-fe1262b8]{
  margin:0;
  font-size:15px;
  font-weight:700;
  color:#111827;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.count[data-v-fe1262b8]{
  margin-left:6px;
  background:#ef4444; color:#fff; font-weight:800; font-size:12px;
  height:20px; padding:0 8px; border-radius:999px; display:inline-grid; place-items:center;
  flex:0 0 auto;
}
.dog[data-v-fe1262b8]{ font-size:14px; flex:0 0 auto;
}

/* link button */
.linklike[data-v-fe1262b8]{
  border:none; background:transparent; padding:0; margin:0;
  color:#0b63f6; font-weight:700; text-decoration:underline; cursor:pointer;
  display:inline-flex; align-items:center; gap:6px;
}
.linklike[data-v-fe1262b8]:hover{ opacity:.9;
}
.linklike.disabled[data-v-fe1262b8]{ opacity:.55; cursor:not-allowed; text-decoration:none;
}

/* icons inside link/menu items */
.li-ic[data-v-fe1262b8], .mi-ic[data-v-fe1262b8]{
  width:16px; height:16px;
  display:inline-grid; place-items:center;
  flex:0 0 auto;
}
.li-ic svg[data-v-fe1262b8], .mi-ic svg[data-v-fe1262b8]{ width:16px; height:16px;
}

/* Icon-only buttons (⋯, X) */
.iconbtn[data-v-fe1262b8]{
  border:none;
  background:transparent;
  padding:2px;
  margin:0;
  cursor:pointer;
  color:#334155;
  line-height:0;
  display:inline-grid;
  place-items:center;
}
.iconbtn svg[data-v-fe1262b8]{ width:20px; height:20px;
}
.iconbtn[data-v-fe1262b8]:hover{ opacity:.85;
}
.iconbtn.danger[data-v-fe1262b8]{ color:#ef4444;
}
.iconbtn[data-v-fe1262b8]:disabled{ opacity:.45; cursor:not-allowed;
}

/* List */
.list[data-v-fe1262b8]{
  list-style:none; margin:0; padding:8px 8px 10px;
  display:flex; flex-direction:column; gap:8px;
}
.row[data-v-fe1262b8]{
  display:flex; align-items:center; gap:10px;
  border:1px solid #e5e7eb; border-radius:10px; background:#fff;
  padding:8px 10px;
}
.src-ic[data-v-fe1262b8]{
  width:24px; height:24px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.main[data-v-fe1262b8]{ min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:2px; cursor:pointer;
}
.src[data-v-fe1262b8]{ color:#6b7280; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.title[data-v-fe1262b8]{ color:#111827; font-weight:600; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* Empty group text */
.gempty[data-v-fe1262b8]{
  padding:10px 12px;
  color:#6b7280;
  font-size:14px;
  background:#fff;
  border-top:1px solid #eef2f7;
}

/* Responsive actions */
.actions-mobile[data-v-fe1262b8]{ display:none;
}
.actions-desktop[data-v-fe1262b8]{ display:flex;
}
@media (max-width: 560px){
.actions-desktop[data-v-fe1262b8]{ display:none;
}
.actions-mobile[data-v-fe1262b8]{ display:flex;
}
}

/* Mobile menu */
.menu-wrap[data-v-fe1262b8]{ position:relative;
}
.menu[data-v-fe1262b8]{
  position:absolute;
  right:0;
  top: calc(100% + 6px);
  min-width: 220px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 14px 28px rgba(0,0,0,.12);
  padding:6px;
  z-index: 50;
  display: flex;
  flex-direction: column;
}
.menu-item[data-v-fe1262b8]{
  width:100%;
  text-align:left;
  border:none;
  background:transparent;
  padding:10px 10px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
  color:#111827;
  display:flex; align-items:center; gap:8px;
}
.menu-item[data-v-fe1262b8]:hover{ background:#f8fafc;
}
.menu-item.danger[data-v-fe1262b8]{ color:#b91c1c;
}
.menu-item.danger[data-v-fe1262b8]:hover{ background:#fff1f1;
}
.menu-item[data-v-fe1262b8]:disabled{ opacity:.5; cursor:not-allowed;
}

.auth[data-v-e1a743fc]{
  width: 56px;
  display:flex; align-items:center; justify-content: center;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.avatarbtn[data-v-e1a743fc]{
  position: relative;
  display:flex;
  align-items: center;
  border:none; background:transparent; cursor:pointer;
  color:#fff;
}
.avatar[data-v-e1a743fc]{ width:28px; height:28px; border-radius:50%; display:block; object-fit:cover;
}
.avatar.initials[data-v-e1a743fc]{ display:grid; place-items:center; background:#e5edff; color:#0b63f6; font-weight:800;
}
.avatar.big[data-v-e1a743fc]{ width:42px; height:42px;
}
.chev[data-v-e1a743fc]{ width:16px; height:16px; margin-left:6px;
}
.badge[data-v-e1a743fc]{
  position:absolute; top:-10px; right:10px;
  min-width:18px; height:18px; padding:0 4px;
  background:#ef4444; color:#fff; border-radius:999px;
  font-size:11px; font-weight:900; display:inline-grid; place-items:center;
}
.login-icbtn[data-v-e1a743fc]{
  border: none; background: transparent; padding: 6px;
  cursor: pointer; color: #fff; display: inline-grid; place-items: center;
}
.login-icbtn .ic[data-v-e1a743fc]{ width:22px; height:22px; margin:0;
}
.login-icbtn[data-v-e1a743fc]:focus-visible{ outline: 2px solid #0b63f6; outline-offset: 2px; border-radius: 8px;}
.cta-card[data-v-e1a743fc]{
  padding: 12px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(2,8,23,.06);
  border: 1px solid #e5e7eb;
}
.google-cta[data-v-e1a743fc]{
  width: 100%;
  height: 46px;
  display:flex; align-items:center; justify-content:center; gap:10px;
  border: 1px solid #dadce0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  font-weight: 700; color:#111827;
}
.google-cta[data-v-e1a743fc]:hover{ background:#f8fafc;
}
.glogo-wrap[data-v-e1a743fc]{ width:20px; height:20px; display:grid; place-items:center;
}
.glogo-wrap svg[data-v-e1a743fc]{ width:18px; height:18px;
}
.consent[data-v-e1a743fc]{
  margin: 8px 4px 0;
  color:#6b7280; font-size:12px; line-height:1.3;
}
.linklike[data-v-e1a743fc]{
  background:transparent; border:none; padding:0;
  color:#0b63f6; cursor:pointer; text-decoration:underline;
}
.linklike[data-v-e1a743fc]:hover{ opacity:.9;
}
.who[data-v-e1a743fc]{
  display:flex; gap:10px; padding:2px 0 10px 0;
  border-bottom:1px solid #eef2f7; margin-bottom:8px;
}
.meta[data-v-e1a743fc]{ display:flex; flex-direction:column; justify-content:center
}
.name[data-v-e1a743fc]{ font-weight:700; color:#111827
}
.email[data-v-e1a743fc]{ font-size:12px; color:#6b7280
}
.admin-badge[data-v-e1a743fc]{
  display:inline-block;
  margin-left:8px;
  padding:2px 6px;
  border-radius:6px;
  background:#f59e0b;
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.sheet-list[data-v-e1a743fc]{ display:flex; flex-direction:column; gap:6px;
}
.row[data-v-e1a743fc]{
  display:flex; align-items:center; gap:10px;
  width:100%; padding:10px 12px; border-radius:12px;
  border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  text-align:left; color:#111827;
}
.row[data-v-e1a743fc]:hover{ background:#f8fafc;
}
.row svg[data-v-e1a743fc]{ width:18px; height:18px; color:#6b7280;
}
.pill[data-v-e1a743fc]{
  margin-left:auto;
  background:#ef4444; color:#fff;
  padding:0 8px; height:20px; border-radius:999px; font-size:12px; display:inline-grid; place-items:center; font-weight:800;
}
.row.danger[data-v-e1a743fc]{ border-color:#fecaca; color:#b91c1c;
}
.row.danger[data-v-e1a743fc]:hover{ background:#fff1f1;
}

.nf-logo[data-v-fea6e315] {
        max-width: 100%;
        max-height: 100%;
}

/* ---------- TOP ---------- */
.toolbar.top[data-v-9273ffa7]{
  position: fixed; z-index: 30;
  height: 65px;
  width: 100vw;
  background: rgb(11,99,246);
  border-bottom:1px solid #e5e7eb;
  transform: translateY(0); transition: transform .22s ease, opacity .22s ease;
  color: #fff;
}
.toolbar.top.hidden[data-v-9273ffa7]{ transform: translateY(-100%); opacity:.98;
}
.top-inner[data-v-9273ffa7]{
  height:calc(100% - 12px); margin:0 auto; padding:6px 12px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  max-width: 1280px;
}
.brand-wrap[data-v-9273ffa7]{ display:flex; flex-direction:row; align-items:center; gap:.5rem;
}
.brand[data-v-9273ffa7]{
  max-width: 120px; display:flex; align-items:center; gap:2px;
  font-weight:900; letter-spacing:.2px; user-select:none; height: 100%;
  border: none; background: transparent; cursor: pointer; padding: 0;
}
.right-side[data-v-9273ffa7]{ display:flex;
}
.mode-wrap[data-v-9273ffa7]{ position: relative; z-index: 40;
}

/* ----- „válec“ pill ----- */
.mode-pill[data-v-9273ffa7]{
  gap:.6rem;
  padding:8px 12px;
  border: none; background:transparent; cursor:pointer;
  color:#fff; font-weight:800; font-size:15px; line-height:1;
  will-change: transform; touch-action: none;
}
.mode-pill[data-v-9273ffa7]:focus-visible{ outline: 2px solid #cfe0ff; outline-offset: 2px;
}
.mode-pill .chev-ic[data-v-9273ffa7]{ width:14px; height:14px; opacity:.85;
}
.mode-roller[data-v-9273ffa7]{ position: relative; display: inline-block; height: 18px; overflow: hidden;
}
.mode-cur[data-v-9273ffa7], .mode-next[data-v-9273ffa7]{ display:block; height:18px; line-height:18px; transition: transform .22s ease, opacity .22s ease; will-change: transform, opacity;
}
.mode-next[data-v-9273ffa7]{ position: absolute; left:0; right:0; top: 100%; opacity: 0.0;
}
.mode-pill.rolling.rollDown .mode-cur[data-v-9273ffa7]{ transform: translateY(-100%); opacity: .1;
}
.mode-pill.rolling.rollDown .mode-next[data-v-9273ffa7]{ transform: translateY(-100%); opacity: 1;
}
.mode-pill.rolling.rollUp .mode-cur[data-v-9273ffa7]{ transform: translateY(100%); opacity: .1;
}
.mode-pill.rolling.rollUp .mode-next[data-v-9273ffa7]{ transform: translateY(0%); opacity: 1;
}

/* menu */
.mode-menu[data-v-9273ffa7]{
  position:absolute; right:0; top: calc(100% + 8px);
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%);
  border:1px solid #e5e7eb; border-radius:14px; box-shadow:0 12px 28px rgba(2,8,23,.12);
  min-width: 230px; padding:8px; color:#0f172a;
}
.menu-head[data-v-9273ffa7]{ font-size:12px; font-weight:800; letter-spacing:.02em; color:#64748b; padding:4px 8px 8px;
}
.mode-item[data-v-9273ffa7]{
  width:100%; display:flex; align-items:center; gap:10px;
  text-align:left; padding:10px; border-radius:10px; border:none; background:#fff; cursor:pointer; font-weight:600;
}
.mode-item + .mode-item[data-v-9273ffa7]{ margin-top:6px;
}
.mode-item[data-v-9273ffa7]:hover{ background:#f8fafc;
}
.mode-item.active[data-v-9273ffa7]{ background:#eef4ff; color:#0b63f6;
}
.micon[data-v-9273ffa7]{ width:22px; height:22px; display:grid; place-items:center; color: currentColor; opacity:.9
}
.micon svg[data-v-9273ffa7]{ width:18px; height:18px;
}
.mtxt[data-v-9273ffa7]{ display:flex; flex-direction:column; line-height:1.15
}
.mtxt small[data-v-9273ffa7]{ font-weight:600; color:#64748b
}

/* icon buttons */
.iconpill[data-v-9273ffa7]{
  width:42px; height:42px;
  display:inline-flex; align-items:center; justify-content:center;
  border:none; background: transparent; color:#fff; cursor:pointer;
  border-radius: 10px;
}
.iconpill[data-v-9273ffa7]:hover{ background: #f8fafc36;
}
.ic[data-v-9273ffa7]{ display:block
}
.actions-top[data-v-9273ffa7]{ display:flex; align-items:center; gap:4px; margin-right: 4px;
}

/* Aktivní stav v top baru */
.iconpill.active[data-v-9273ffa7],
.iconpill.filter-pill.active[data-v-9273ffa7]{
  background:#eef4ff;
  color:#0b63f6;
}

/* auth mini */
.auth-mini[data-v-9273ffa7]{ margin-left: 4px; width: 56px; color: #fff; display: flex; align-items: center; justify-content: center;
}
.avatarbtn[data-v-9273ffa7] { color: #fff !important;
}

/* ---------- BOTTOM BAR ---------- */
.bottom-toolbar[data-v-9273ffa7]{
  position: fixed; inset: auto 0 0 0; z-index: 30;
  display:flex; align-items:flex-end; justify-content:space-around; gap:.6rem;
  padding:.4rem .6rem calc(.4rem + env(safe-area-inset-bottom));
  background:#fff; border-top:1px solid #e5e7eb;
}

/* NOVÝ LIQUID FILL */
.navbtn[data-v-9273ffa7]{
  --accent: #0b63f6;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px;
  background:transparent; border:none; cursor:pointer; color:#111827;
  min-width: 58px; padding:4px 6px;
}
.icwrap[data-v-9273ffa7]{ width:28px; height:28px; display:grid; place-items:center; position:relative;
}
.label[data-v-9273ffa7]{ font-size: 12px; line-height: 1;
}
.navbtn[data-v-9273ffa7] svg{ width:22px; height:22px;
}

/* vybarvení obrysu při aktivaci */
.navbtn.active[data-v-9273ffa7]{ color: var(--accent);
}
.navbtn.active .label[data-v-9273ffa7]{ color: var(--accent);
}

/* výchozí (neaktivní) stav plnění */
.liquid-ic .liquid[data-v-9273ffa7]{
  --fill-start: 0;
  --fill-dur: 2s;
  --fill-delay: 0s;
  --fill-ease: cubic-bezier(0.02, 0.41, 0.36, 0.74);

  fill: var(--accent);
  transform-box: fill-box;
  transform-origin: 50% 100%;
  transform: scaleY(var(--fill-start));
}

/* aktivace spustí animaci */
.navbtn.active[data-v-9273ffa7] .liquid-ic .liquid{
  animation: liquid-fill-9273ffa7 var(--fill-dur) var(--fill-ease) var(--fill-delay) forwards;
}
@keyframes liquid-fill-9273ffa7{
to { transform: scaleY(1);
}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
.liquid-ic .liquid[data-v-9273ffa7]{ transition: none;
}
}

/* ---------- Viditelnost ---------- */
.only-desktop[data-v-9273ffa7]{ display: none;
}
.only-mobile[data-v-9273ffa7]{ display: flex;
}
@media (min-width: 1024px) and (pointer: fine){
.only-desktop[data-v-9273ffa7]{ display: flex;
}
.only-mobile[data-v-9273ffa7]{ display: none;
}
}
@supports selector(:has(*)) {
.top-inner[data-v-9273ffa7]:has(.actions-top.only-desktop){ padding-right: 12px;
}
}

[data-v-179fd8c8] .panel-sheet__header{
  position: sticky;
  top: 0;
  z-index: 5;
  background:#fff;
}

/* celý obsah může scrollovat (footer je mimo) */
.content-wrap[data-v-179fd8c8]{
  display:flex;
  flex-direction:column;
  height: 100%;
  max-height: 100%;
  overflow: auto;          /* ✅ hlavní scroll */
  gap: 10px;
  padding-bottom: 12px;    /* malý offset nad footer */
}

/* ---------- INFO o režimu ---------- */
.mode-info[data-v-179fd8c8]{
  position: relative;
  display:flex; flex-direction:column; gap:4px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background:#ededed;
  color:#111827;
}
.mode-info .sub[data-v-179fd8c8]{ color:#374151; font-size:13px;
}
.mode-info .close[data-v-179fd8c8]{
  position:absolute; top:6px; right:6px;
  width:24px; height:24px; line-height:22px; text-align:center;
  border:none; background:transparent; color:#6b7280; cursor:pointer; border-radius:8px; font-size:18px;
}
.mode-info .close[data-v-179fd8c8]:hover{ background:#e5e7eb;
}

/* ---------- AKTIVNÍ FILTRY ---------- */
.active-filters[data-v-179fd8c8]{
  padding: 10px 12px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.af-head[data-v-179fd8c8]{ display:flex; align-items:center; justify-content:space-between;
}
.af-actions[data-v-179fd8c8]{ display:flex; align-items:center; gap:12px;
}
.af-summary[data-v-179fd8c8]{ color:#374151; font-size:13px;
}
.af-body[data-v-179fd8c8]{ display:flex; flex-direction:column;
}
.active-filters .chips-scroll[data-v-179fd8c8]{
  max-height: 160px;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}
.chips[data-v-179fd8c8]{ display:flex; flex-wrap:wrap; gap:8px;
}
.chip[data-v-179fd8c8]{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  font-size:13px; color:#111827;
  cursor:pointer;
}
.chip[data-v-179fd8c8]:hover{ background:#f8fafc;
}
.chip.on[data-v-179fd8c8]{ border-color:#cfe0ff; background:#eef5ff; color:#0b63f6;
}
.chip .x[data-v-179fd8c8]{ font-weight:700; margin-left:2px;
}
.chip-ico[data-v-179fd8c8]{ width:16px; height:16px; border-radius:50%; object-fit:cover;
}
.dot[data-v-179fd8c8]{ width:8px; height:8px; border-radius:999px; background:#94a3b8; display:inline-block;
}
.dot-blue[data-v-179fd8c8]{ background:#3b82f6;
}
.dot-amber[data-v-179fd8c8]{ background:#f59e0b;
}
.link[data-v-179fd8c8]{ background:transparent; border:none; color:#0b63f6; cursor:pointer; padding:2px 0;
}
.link[data-v-179fd8c8]:hover{ text-decoration:underline;
}
.link.danger[data-v-179fd8c8]{ color:#ef4444;
}

/* ---------- TÉMATA ---------- */
.topics-sec[data-v-179fd8c8]{
  display:flex; flex-direction:column; gap:8px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background:#fff;
}
.topics-head[data-v-179fd8c8]{
  position: sticky; top: 0; z-index: 2;
  background:#fff;
  display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;
}
.topics-actions[data-v-179fd8c8]{ display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.topics-scroll[data-v-179fd8c8]{
  max-height: clamp(220px, 40vh, 420px);
  overflow:auto;
  overscroll-behavior: contain;
  padding-right:2px;
}

/* grid okruhů */
.main-grid[data-v-179fd8c8]{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-bottom:6px;
}
@media (min-width: 500px){
.main-grid[data-v-179fd8c8]{ grid-template-columns:1fr 1fr 1fr;
}
}
@media (min-width: 760px){
.main-grid[data-v-179fd8c8]{ grid-template-columns:1fr 1fr 1fr 1fr;
}
}
.main-card[data-v-179fd8c8]{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
}
.main-card[data-v-179fd8c8]:hover{ background:#f8fafc;
}
.main-card.active[data-v-179fd8c8]{
  border-color:#0b63f6;
  box-shadow:0 0 0 3px rgba(11,99,246,.08) inset;
  background:#eef4ff;
}
.main-ico[data-v-179fd8c8]{ font-size:18px; line-height:1;
}
.main-name[data-v-179fd8c8]{ font-size:14px; font-weight:600; color:#111827;
}
.main-count[data-v-179fd8c8]{
  font-size:12px; color:#374151;
  padding:2px 6px; border-radius:999px; background:#f1f5f9;
}
.no-main[data-v-179fd8c8]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* Podrobněji */
.subtopics-sec[data-v-179fd8c8]{ display:flex; flex-direction:column; gap:8px; margin-top:4px;
}
.subtopics-head[data-v-179fd8c8]{ display:flex; align-items:center; justify-content:space-between;
}
.subtopics-head h4[data-v-179fd8c8]{ margin:0; font-size:15px;
}
.subtopics-body[data-v-179fd8c8]{
  display:flex; flex-direction:column; gap:8px;
  border:1px solid #e5e7eb; border-radius:12px; padding:8px 10px; background:#fff;
}
.topic-search-wrap[data-v-179fd8c8]{ position:sticky; top:0; background:#fff; padding:2px 0 6px; z-index:2;
}
.topic-search[data-v-179fd8c8]{ width:100%; padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:14px;
}
.chips-scroll[data-v-179fd8c8]{
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}
.topics-scroll-limit[data-v-179fd8c8]{ max-height: clamp(160px, 40vh, 360px);
}
.topics[data-v-179fd8c8]{ display:flex; flex-wrap:wrap; gap:8px; padding-top:6px;
}
.topic-chip[data-v-179fd8c8]{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; cursor:pointer;
  font-size:13px; color:#111827; white-space:nowrap;
}
.topic-chip[data-v-179fd8c8]:hover{ background:#f8fafc;
}
.topic-chip.active[data-v-179fd8c8]{ border-color:#0b63f6; background:#eef4ff; color:#1e40af;
}
.topic-chip.more[data-v-179fd8c8]{ border-style:dashed; color:#374151;
}
.no-topics[data-v-179fd8c8]{ color:#6b7280; font-size:13px; padding:4px 2px;
}

/* ---------- ZDROJE ---------- */
.sources-sec[data-v-179fd8c8]{
  display:flex; flex-direction:column; gap:8px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background:#fff;
}
.src-head[data-v-179fd8c8]{
  position: sticky; top: 0; z-index: 2;
  background:#fff;
  display:flex; align-items:center; justify-content:space-between; margin-bottom:6px;
}
.src-actions[data-v-179fd8c8]{ display:flex; gap:12px;
}
.src-search-wrap[data-v-179fd8c8]{ position:sticky; top:34px; background:#fff; padding:2px 0 6px; z-index:2;
}
.src-search[data-v-179fd8c8]{ width:100%; padding:8px 10px; border:1px solid #e5e7eb; border-radius:10px; font-size:16px;
}
.src-scroll[data-v-179fd8c8]{
  overflow: auto;
  max-height: clamp(280px, 42vh, 520px);
  overscroll-behavior: contain;
  padding-right: 2px;
}
.src-grid[data-v-179fd8c8]{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:8px; width:100%; max-width:100%; box-sizing:border-box;
}
@media (min-width:560px){
.src-grid[data-v-179fd8c8]{ grid-template-columns:1fr 1fr;
}
}
.src-row[data-v-179fd8c8]{ border:1px solid #e5e7eb; border-radius:12px; overflow:hidden;
}
.src-label[data-v-179fd8c8]{ display:flex; align-items:center; gap:10px; padding:8px 10px; cursor:pointer; width:100%;
}
.src-label input[data-v-179fd8c8]{ width:16px; height:16px; flex:0 0 auto;
}
.src-icon[data-v-179fd8c8]{ width:22px; height:22px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #fff, 0 0 0 3px #f1f5f9; flex:0 0 auto;
}
.src-title[data-v-179fd8c8]{ flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.src-empty[data-v-179fd8c8]{ color:#6b7280; font-size:13px; padding:6px 2px;
}

/* ---------- sticky footer (vždy viditelný) ---------- */
.sticky-footer[data-v-179fd8c8]{
  position: sticky;
  bottom: 0;
  background:#fff;
  border-top:1px solid #e5e7eb;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  display:flex; align-items:center; gap:10px;
  z-index: 10;
}
.sticky-footer .spacer[data-v-179fd8c8]{ flex:1;
}
.btn[data-v-179fd8c8]{ padding:8px 12px; border-radius:12px; border:1px solid #0b63f6; background:#0b63f6; color:#fff; cursor:pointer
}
.btn.outline[data-v-179fd8c8]{ background:#fff; color:#0b63f6; border-color:#0b63f6
}
.btn[data-v-179fd8c8]:disabled{ opacity:.55; cursor:default
}
.fade-enter-active[data-v-179fd8c8], .fade-leave-active[data-v-179fd8c8] { transition: opacity .15s ease;
}
.fade-enter-from[data-v-179fd8c8], .fade-leave-to[data-v-179fd8c8] { opacity: 0;
}

.toast[data-v-6ab101e8]{
  position: fixed;
  left: 50%;
  bottom: calc(12px + var(--chrome-bottom, 0px));
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 12px;
  color: #fff;
  background: #111827;               /* info */
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 8px 20px rgba(2,8,23,.18);
  z-index: 2002;
}
.toast.success[data-v-6ab101e8]{ background:#059669;
}
.toast.error[data-v-6ab101e8]  { background:#dc2626;
}
.toast-fade-enter-active[data-v-6ab101e8],
.toast-fade-leave-active[data-v-6ab101e8]{ transition: opacity .18s ease, transform .18s ease;
}
.toast-fade-enter-from[data-v-6ab101e8],
.toast-fade-leave-to[data-v-6ab101e8]{ opacity:0; transform: translateX(-50%) translateY(10px);
}

.mi[data-v-90f156f0] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  border: none;
  background: transparent;
  text-decoration: none;
  color: #111827;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.mi svg[data-v-90f156f0]{
  display:inline-flex; align-items:center; justify-content:center;
}
.mi svg[data-v-90f156f0]:hover{ background:#f8fafc;
}
.mi svg[data-v-90f156f0]:focus-visible{ outline:2px solid #0b63f6; outline-offset:2px;
}
.mi.active[data-v-90f156f0]{ color:#ef4444;
}
.mi-desc[data-v-90f156f0] { color: #111827;
}

.mi[data-v-0c806b2d]{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  border:none;
  background:transparent;
  text-decoration:none;
  color:#111827;
  padding:8px 10px;
  border-radius:8px;
  cursor:pointer;
}
.mi[data-v-0c806b2d]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-0c806b2d]{
  stroke:#111827;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mi[data-v-2ab93777]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.mi[data-v-2ab93777]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-2ab93777]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.mi[data-v-bd7674c2]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.mi[data-v-bd7674c2]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-bd7674c2]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.story-btn[data-v-b034407e]{
  --size: 58px;
  --ring: 3px;     /* tloušťka barevného prstence */
  --pad : 8px;     /* vnitřní padding ikony */
  display:flex; flex-direction:column; align-items:center; gap:6px;
  min-width:72px; background:transparent; border:0; cursor:pointer;
  scroll-snap-align:start;
}
.story-btn.mini[data-v-b034407e]{
  --size: 26px;
  --ring: 2px;
  --pad : 4px;
  min-width:auto;
}
.muted .ring[data-v-b034407e] {
    background: conic-gradient(#9ca3af, #e5e7eb, #9ca3af);
}
.ring[data-v-b034407e]{
  width:var(--size); height:var(--size);
  padding:var(--ring);
  border-radius:999px;
  background: conic-gradient(#5fe3c0, #0b63f6, #5fe3c0);
  display:inline-flex; align-items:center; justify-content:center;
}
.story-btn.no-ring .ring[data-v-b034407e]{ background: transparent; padding:0;
}
.ring img[data-v-b034407e]{
  width:100%; height:100%;
  border-radius:999px;
  background:#fff;
  padding:var(--pad);
  box-sizing:border-box;
  object-fit:cover;
}
.label[data-v-b034407e]{
  font-size:11px; color:#374151; max-width:68px;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}

.mi[data-v-2e9f4dfe]{
  width:100%; display:flex; align-items:center; gap:10px;
  border:none; background:transparent; color:#111827;
  padding:8px 10px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.mi[data-v-2e9f4dfe]:hover{ background:#f3f4f6;
}
.mi-ic[data-v-2e9f4dfe]{
  stroke:#111827; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}

.wrap[data-v-92043476]{ display:flex; flex-direction:column; gap:12px;
}
.txt[data-v-92043476]{ color:#111827; margin:0
}

/* Kontejner drží pevnou výšku řádku => žádné „poskakování“ */
.reactions[data-v-20f3ece9]{
  --row-h: 37px;
  position: relative;
  display: flex;
  justify-content: end;
  width: 100%;
  min-height: var(--row-h);
}

/* Hlavní chip – uložen v normálním flow, překryje ho inline-row */
.chip.main[data-v-20f3ece9]{
  --fg: #0b63f6;
  height: var(--row-h);
  display:inline-flex; align-items:center; gap:8px;
  padding: 0 10px;
  border: 0; background: transparent; color: var(--fg);
  cursor: pointer; border-radius: 999px;
  transition: opacity .22s ease, background .18s ease, transform .06s ease;
}
.chip.main[data-v-20f3ece9]:hover{ background: rgba(15,23,42,.06);
}
.reactions.expanded[data-v-20f3ece9] { width: 100%;
}
.reactions.expanded .chip.main[data-v-20f3ece9]{ opacity: .04;
}
.like-text[data-v-20f3ece9]{ font-weight: 700; font-size: 12px; color:#0f172a;
}
.emoji[data-v-20f3ece9]{ font-size: 16px; line-height: 1; display:inline-block; transform-origin: center;
}

/* Stack uvnitř čipu */
.stack[data-v-20f3ece9]{ display:inline-flex; align-items:center;
}
.stack-emoji[data-v-20f3ece9]{
  display:inline-flex; align-items:center; justify-content:center;
  width: 18px; height: 18px; border-radius: 999px;
  font-size: 13px; line-height: 1;
}
.count[data-v-20f3ece9]{ font-weight: 700; font-size: 12px; color: #0f172a; min-width: 1ch; text-align: right;
}

/* ---------- INLINE ROW OVERLAY ---------- */
.inline-row[data-v-20f3ece9]{
  position: absolute;
  inset: 0;
  height: var(--row-h);
  display: flex;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transform: translateX(24px);
  transition: transform .28s cubic-bezier(.22,1,.36,1), opacity .24s ease;
  will-change: transform, opacity;
}
.inline-row.open[data-v-20f3ece9]{
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* Maska okrajů + decentní rámeček */
.row-mask[data-v-20f3ece9]{
  --fade: 24px;
  height: var(--row-h);
  border: none;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.row-mask[data-v-20f3ece9]::before,
.row-mask[data-v-20f3ece9]::after{
  content:"";
  position:absolute; top:0; bottom:0; width: var(--fade); pointer-events:none;
}
.row-mask[data-v-20f3ece9]::before{
  left:0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.row-mask[data-v-20f3ece9]::after{
  right:0; background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}

/* Horizontální scroller – VŽDY v jedné výšce */
.scroll-row[data-v-20f3ece9]{
  height: var(--row-h);
  display:flex; align-items:center; gap:6px;
  overflow-x:auto; overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  padding: 0 8px;

  /* ⭐ dovol horizontální pan; nepropouštěj „swipe“ výš */
  touch-action: pan-x;
  overscroll-behavior: contain;

  /* viditelný scrollbar na desktopu */
  scrollbar-width: thin;                 
  scrollbar-color: #cbd5e1 transparent;
}
.scroll-row[data-v-20f3ece9]::-webkit-scrollbar{ height: 8px;
}
.scroll-row[data-v-20f3ece9]::-webkit-scrollbar-track{ background: transparent;
}

/* Pilulky */
.pill[data-v-20f3ece9]{
  scroll-snap-align: center;
  display:inline-flex; align-items:center; gap:6px;
  height: 28px; padding: 0 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  cursor: pointer;
  transition: transform .14s cubic-bezier(.22,1,.36,1), background .14s ease, border-color .14s ease, box-shadow .14s ease;
  color:#0f172a;
  white-space: nowrap;
}
.pill[data-v-20f3ece9]:hover{ background:#f8fafc; transform: translateY(-1px);
}
.pill[data-v-20f3ece9]:active{ transform: translateY(0) scale(.98);
}
.pill[data-v-20f3ece9]:focus-visible{ outline: 2px solid #cfe0ff; outline-offset: 2px;
}
.pill.active[data-v-20f3ece9]{
  background: #eef4ff;
  border-color: #cfe0ff;
  box-shadow: inset 0 0 0 1px #cfe0ff;
}
.pill-emoji[data-v-20f3ece9]{ font-size: 18px; line-height:1;
}
.pill-count[data-v-20f3ece9]{ font-size: 12px; font-weight: 700; color:#475569;
}
.pill-label[data-v-20f3ece9]{ font-size: 12px; font-weight: 700; color:#0f172a;
}
.pill-like[data-v-20f3ece9]{ padding: 0 14px;
}

/* Mikroanimace */
@keyframes bounceIn-20f3ece9 {
0%{ transform: scale(.6)
}
60%{ transform: scale(1.15)
}
100%{ transform: scale(1)
}
}
.bounce[data-v-20f3ece9]{ animation: bounceIn-20f3ece9 .18s ease-out;
}

/* Compact varianta */
.reactions.compact[data-v-20f3ece9]{ --row-h: 32px;
}
.reactions.compact .chip.main[data-v-20f3ece9]{ gap: 6px;
}
.reactions.compact .emoji[data-v-20f3ece9]{ font-size: 14px;
}
.reactions.compact .count[data-v-20f3ece9]{ font-size: 11px;
}
.reactions.compact .like-text[data-v-20f3ece9]{ font-size: 11px;
}

.empty-state[data-v-3b8cb485]{ display:flex; align-items:center; gap:12px; padding:14px; margin:10px 12px 0; border:1px solid #e5e7eb; border-radius:12px; background:#fff; flex-direction: column;}
.empty-wrap[data-v-3b8cb485]{ display:flex; gap:12px; padding:14px; justify-content:center; align-items:center;
}
.empty-ic[data-v-3b8cb485]{ width:26px; height:26px; color:#94a3b8; flex:0 0 auto;
}
.empty-text[data-v-3b8cb485]{ display:flex; flex-direction:column; line-height:1.25; text-align:center;
}
.empty-text strong[data-v-3b8cb485]{ color:#111827;
}
.empty-text span[data-v-3b8cb485]{ color:#6b7280; font-size:14px;
}
.btn.clear[data-v-3b8cb485]{ padding:8px 12px; border-radius:12px; border:1px solid #0b63f6; background:#0b63f6; color:#fff;
}

.card.card--ad[data-v-f8d68930]{
  position:relative; flex:0 0 100%; width:100%; height:100%;
  box-sizing:border-box; overflow:hidden; background:#fff;
  display:flex; flex-direction:column; gap:12px;
  box-shadow:0 10px 24px rgba(2,8,23,.06);
  padding: 0;
}
.card-inner[data-v-f8d68930]{ height: 100%;
}
.ad-box[data-v-f8d68930]{
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border: 1px solid #eef2f7;
  overflow: hidden;
  display: grid; place-items: center;
}
@media (min-width: 1024px){
.ad-box[data-v-f8d68930]{ height: 48vh; max-height: 420px;
}
}
.ad-tag[data-v-f8d68930]{
  position:absolute; top:10px; left: 12px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#6b7280;
}
.ad-placeholder[data-v-f8d68930]{ width:min(100%,1240px); height:100%; position:relative; overflow:hidden;
}
.wm-icon[data-v-f8d68930]{ position:absolute; inset:0; display:grid; place-items:center; color:#0b63f6; opacity:.1; pointer-events:none;
}
.wm-icon svg[data-v-f8d68930]{ width:clamp(72px,18vw,140px); height:auto;
}
.ad-link[data-v-f8d68930]{ position:absolute; inset:0; display:block;
}

/* ✅ HOLD CHIP – vpravo nahoře, nad obsahem a vždy viditelný */
.hold-chip[data-v-f8d68930]{
  position:absolute; top:8px; right:8px; z-index: 9;
  display:flex; align-items:center; gap:8px;
  pointer-events:none; /* neblokuje klik na reklamu */
}
.hold-label[data-v-f8d68930]{
  display:inline-block; white-space:nowrap;
  background: rgba(255,255,255,.97);
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px; font-weight: 700; color:#374151;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(2,8,23,.08);
}
.hold-circle[data-v-f8d68930]{
  position: relative; width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,.97);
  border: 1px solid #e5e7eb;
  display:grid; place-items:center;
  box-shadow: 0 4px 12px rgba(2,8,23,.08);
}
.ring[data-v-f8d68930]{ display:block; position:absolute; inset:0; transform: rotate(-90deg);
}
.ring-bg[data-v-f8d68930]{ stroke: #e5e7eb; stroke-width: 3.5;
}
.ring-fg[data-v-f8d68930]{ stroke: #0b63f6; stroke-width: 3.5; transition: stroke-dashoffset .12s linear;
}
.hold-secs[data-v-f8d68930]{
  position:relative; z-index:1;
  font-size: 12px; font-weight: 800; color:#0b63f6; line-height:1;
}
@media (prefers-color-scheme: dark){
.hold-label[data-v-f8d68930]{ background: rgba(17,24,39,.92); color:#e5e7eb; border-color: rgba(255,255,255,.12);
}
.hold-circle[data-v-f8d68930]{ background: rgba(17,24,39,.92); border-color: rgba(255,255,255,.12);
}
.ring-bg[data-v-f8d68930]{ stroke: rgba(255,255,255,.18);
}
.ring-fg[data-v-f8d68930]{ stroke: #8ab4ff;
}
}

/* Základ: netlačí žádnou barvu, dědí (nebo využije tón) */
.live-viewers[data-v-1bc07ec0] {
  display: inline-flex;
  align-items: center;
  gap: .35em;
  font-weight: 600;
  line-height: 1;
  color: inherit;
}
.live-viewers.compact[data-v-1bc07ec0] { font-size: 12px;
}
.ic-eye[data-v-1bc07ec0] { width: 1.15em; height: 1.15em; opacity: .9;
}
.pulse .ic-eye[data-v-1bc07ec0] { animation: lv-pulse-1bc07ec0 1.8s ease-in-out infinite;
}
@keyframes lv-pulse-1bc07ec0 {
0%,100%{ opacity:.9
}
50%{ opacity:.45
}
}

/* schování nuly bez display:none, ať funguje IO */
.is-hidden-zero[data-v-1bc07ec0] { visibility: hidden; pointer-events: none;
}

/* ===== Varianty ===== */
/* inline: čistý text+ikona */
.var-inline[data-v-1bc07ec0] { padding: 0; border: 0;
}

/* chip: decentní pilulka */
.var-chip[data-v-1bc07ec0] {
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.04);
}

/* overlay: badge do rohu obrázku */
.var-overlay[data-v-1bc07ec0] {
  padding: 4px 6px;
  border-radius: 10px;
  background: rgba(17,24,39,.72);     /* slate-900 @ 72% */
  color: #fff;
  backdrop-filter: saturate(1.2) blur(2px);
}

/* ===== Tóny (pro inline/chip) ===== */
.tone-muted[data-v-1bc07ec0] { color: #475569;
}     /* slate-600 */
.tone-muted.var-chip[data-v-1bc07ec0] {
  background: #f1f5f9;              /* slate-100 */
  border-color: #e2e8f0;            /* slate-200 */
}
.tone-accent[data-v-1bc07ec0] { color: #334155;
}    /* slate-700 */
.tone-accent.var-chip[data-v-1bc07ec0] {
  background: #e5e7eb;              /* gray-200 */
  border-color: #d1d5db;            /* gray-300 */
}

/* overlay tón je implicitní: bílé písmo na tmavém pozadí */

/* číslo malinko zvýrazněné vůči ikoně */
.num[data-v-1bc07ec0] { opacity: .95;
}

/* dark mode ladění pro chipy */
@media (prefers-color-scheme: dark){
.tone-muted.var-chip[data-v-1bc07ec0] {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
    color: #e5e7eb;
}
.tone-accent.var-chip[data-v-1bc07ec0] {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.18);
    color: #f1f5f9;
}
}

.when[data-v-0c33d832]{ color:#0b63f6; font-weight:700; display:inline-flex; align-items:center; gap:4px;
}
.when.hot .ic-hot--dot[data-v-0c33d832] { width: 1.2em; height: 1.2em; color: #ef4444;
}
@keyframes pulseOpacity-0c33d832 {
0%   { stroke-opacity: .25;
}
50%  { stroke-opacity: .85;
}
100% { stroke-opacity: .25;
}
}
.when.hot .ic-hot--dot .pulseRing[data-v-0c33d832] { animation: pulseOpacity-0c33d832 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.when.hot .ic-hot--dot .pulseRing[data-v-0c33d832] { animation: none;
}
}

.reactions-wrap[data-v-27d212f9]{ position: relative; z-index: 1003;
}
.empty-overlay[data-v-27d212f9]{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  z-index: 1004;
  background:#fff;
}
.viewport.fullscreen[data-v-27d212f9]{
  position:fixed; inset:0; width:100vw; height:100dvh; max-height:100dvh;
  z-index:1000; background:transparent;
  touch-action:none; overscroll-behavior:contain;
}
.viewport[data-v-27d212f9]{
  position:relative; width:100%;
  height: calc(100dvh - var(--chrome-top,0px) - var(--chrome-bottom,0px));
  max-height: calc(100dvh - var(--chrome-top,0px) - var(--chrome-bottom,0px));
  overflow:hidden; touch-action: pan-y; overscroll-behavior-x: contain;
  --cover-ratio: 4/3;
}
.sheet[data-v-27d212f9]{
  position:absolute; inset:0;
  background:#fff;
  transition: transform .22s ease, border-radius .22s ease, box-shadow .22s ease;
  will-change: transform;
}
.sheet.dragging[data-v-27d212f9]{ transition: none;
}
.segments[data-v-27d212f9]{ position:absolute; left:10px; right:10px; top:25px; display:flex; gap:6px; z-index:1001; pointer-events:none;
}
.seg[data-v-27d212f9]{ flex:1 1 0; height:3.5px; background:#e5e7eb; border-radius:999px; overflow:hidden;
}
.seg-bar[data-v-27d212f9]{ height:100%; width:0%; background:var(--brand,#0b63f6); transition: width .25s linear;
}
.track[data-v-27d212f9]{ height:100%; display:flex; transition: transform .28s ease;
}
.track.dragging[data-v-27d212f9]{ transition:none;
}
.drag-y .card.active[data-v-27d212f9]{ transition:none !important
}
.card[data-v-27d212f9]{
  position:relative;
  flex:0 0 100%;
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  padding:35px 10px calc(14px + var(--top-safe-area));
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 10px 24px rgba(2,8,23,.06);
  min-height:0;
}
.card-inner[data-v-27d212f9]{
  width:100%;
  max-width:500px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:0;
  height:100%;
}
.ad-inner[data-v-27d212f9] { height:100%;
}
.card.ad-card[data-v-27d212f9]{ padding: 35px 10px;
}

/* ✅ drag handle */
.drag-handle[data-v-27d212f9]{
  height: 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  user-select:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.grabber[data-v-27d212f9]{
  width:46px;
  height:4px;
  border-radius:999px;
  background:#d1d5db;
  display:block;
}

/* ✅ scroll uvnitř karty */
.card-scroll[data-v-27d212f9]{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  max-width:100%;
  padding-bottom:12px;
  -webkit-overflow-scrolling: touch;
  z-index: 11;
}
.src[data-v-27d212f9]{ padding: 5px 0; display:flex; align-items:center; justify-content:space-between; gap:8px; color:#6b7280; max-width:100%; z-index: 1003; font-size: 13px;}
.src-left[data-v-27d212f9]{ display:flex; align-items:center; gap:8px; padding: 5px 0;
}
.src-right[data-v-27d212f9]{ display:flex; align-items:center; gap:6px; padding: 5px 0;
}
.follow[data-v-27d212f9]{ padding:6px 10px; font-weight:700; border-radius:999px; border:1px solid #dbe7ff; background:#f3f7ff; color:#0b63f6; cursor:pointer; white-space:nowrap;
}
.close-inline[data-v-27d212f9]{ color: #6b7280; width:32px; height:32px; border-radius: 8px; padding: 0; border:none; background:transparent; font-size:32px; line-height:1; display:grid; place-items:center; cursor:pointer; flex:0 0 auto;
}
.close-inline[data-v-27d212f9]:active, .close-inline[data-v-27d212f9]:hover{  background: #f3f4f6;
}
.cover-box[data-v-27d212f9]{ width:100%; max-width: 500px; max-height: 500px; aspect-ratio: var(--cover-ratio); border-radius:14px; overflow:hidden; flex: 0 0 auto; margin: 0 auto; position:relative;
}
.cover-img[data-v-27d212f9]{ width:100%; height:100%; object-fit:cover; display:block;
}
.cover-ph[data-v-27d212f9]{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#6b7280; background: linear-gradient(90deg, #f1f5f9 0%, #e9edf5 50%, #f1f5f9 100%); background-size:200% 100%; animation: shimmer-27d212f9 1.1s linear infinite;
}
.cover-ph--title[data-v-27d212f9]{ background: rgb(11, 99, 246); color:#fff; display:flex; align-items:center; justify-content:center; text-align:center;
}
.ph-logo[data-v-27d212f9]{ width:44px; height:44px; opacity:.9; margin-bottom:10px;
}
.title[data-v-27d212f9]{ margin:2px 0 0; font-size:22px; line-height:1.25
}
.meta[data-v-27d212f9]{ color:#6b7280; font-size:12px
}
.when[data-v-27d212f9]{ color:#0b63f6; font-weight:700; display:inline-flex; align-items:center; gap:4px;
}
.summary[data-v-27d212f9]{
  color:#374151;
  margin:0;
  line-height: 1.5;
  display:block;
  max-height:none;
  overflow:visible;
  position: relative;
  word-break: break-word;
}
.actions-toolbar[data-v-27d212f9]{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height: var(--top-safe-area);
  background:#fff;
  display:flex;
  justify-content:space-around;
  align-items:center;
  gap:8px;
  z-index: 6;
  border-top: 1px solid #e5e7eb;
}
.toolbar-item[data-v-27d212f9]{ display:flex; flex-direction:column; align-items:center; gap:6px; min-width:64px; width: calc(100% / 5); max-height: 100%;}
.toolbar-item[data-v-27d212f9] button, .toolbar-item[data-v-27d212f9] a{ background:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-direction: column;
}
.toolbar-item[data-v-27d212f9] button:hover, .toolbar-item[data-v-27d212f9] a:hover{ background:#f3f7ff;
}
.toolbar-item[data-v-27d212f9] svg{ width:20px; height:20px;
}
.label[data-v-27d212f9]{ font-size:11px; color:#6b7280; font-weight:600; line-height:1;
}
.dot[data-v-27d212f9]{ color:#cbd5e1; margin:0 2px;
}
.exclusive-badge[data-v-27d212f9]{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; color:#0b63f6;
}
.media-badges[data-v-27d212f9]{
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}
.nav-arrow[data-v-27d212f9]{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(15, 23, 42, .12);
  border-radius:10px;
  background: rgba(255,255,255,.75);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:1002;
  color:#0b63f6;
  transition: background .18s ease, border-color .18s ease, transform .1s ease;
}
.nav-arrow svg[data-v-27d212f9]{ width:22px; height:22px;
}
.nav-arrow[data-v-27d212f9]:hover{ background:#fff; border-color: rgba(15, 23, 42, .2);
}
.nav-arrow[data-v-27d212f9]:active{ transform: translateY(-50%) scale(0.98);
}
.nav-arrow.left[data-v-27d212f9]{  left:12px;
}
.nav-arrow.right[data-v-27d212f9]{ right:12px;
}
.tapzones[data-v-27d212f9]{ position:absolute; inset:0; pointer-events:none; z-index: 0;
}
.tapzones .tap[data-v-27d212f9]{ position:absolute; top:0; bottom:0; width:15%; pointer-events:auto; background: transparent; cursor: pointer;
}
.tapzones .tap.left[data-v-27d212f9] { left:0;
}
.tapzones .tap.right[data-v-27d212f9]{ right:0;
}
.tapzones[data-v-27d212f9], .tapzones .tap[data-v-27d212f9] { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; user-select: none; outline: none;
}
.content-row[data-v-27d212f9] { display: block; position: relative;}
.content-row.landscape.has-cover[data-v-27d212f9] {
  display: grid;
  grid-template-columns: minmax(140px, 40%) 1fr;
  grid-auto-rows: min-content;
  gap: 12px;
  align-items: start;
}
.content-row.landscape[data-v-27d212f9]:not(.has-cover) { display: block;
}
.card-inner.landscape[data-v-27d212f9]{ max-width: inherit;
}
.content-row.landscape.has-cover .cover-box[data-v-27d212f9]{ margin: 0; max-width: 100%; align-self: start;
}
.text-col[data-v-27d212f9]{ display:flex; flex-direction:column; gap:12px;
}

/* ========= Skeleton ========= */
.skeleton-card[data-v-27d212f9]{
  width:100%;
  max-width:500px;
  padding:35px 10px calc(14px + var(--top-safe-area));
  box-sizing:border-box;
}
.sk-row[data-v-27d212f9], .sk-cover[data-v-27d212f9], .sk-title[data-v-27d212f9], .sk-meta[data-v-27d212f9], .sk-line[data-v-27d212f9], .sk-action[data-v-27d212f9]{
  background: linear-gradient(90deg, #f1f5f9 0%, #e9edf5 50%, #f1f5f9 100%);
  background-size:200% 100%;
  animation: shimmer-27d212f9 1.1s linear infinite;
  border-radius:10px;
}
.sk-src[data-v-27d212f9]{ height:28px; width:65%; margin:0 auto 12px auto;
}
.sk-cover[data-v-27d212f9]{ width:100%; aspect-ratio: 4/3; margin:0 auto 14px auto; border-radius:14px;
}
.sk-title[data-v-27d212f9]{ height:24px; width:90%; margin: 8px auto;
}
.sk-meta[data-v-27d212f9]{ height:14px; width:50%; margin: 6px auto 14px auto; border-radius:8px;
}
.sk-lines[data-v-27d212f9]{ display:flex; flex-direction:column; gap:8px; width:100%; max-width:500px; margin:0 auto 18px auto;
}
.sk-line[data-v-27d212f9]{ height:16px; width:100%;
}
.sk-line.short[data-v-27d212f9]{ width:70%;
}
.sk-actions[data-v-27d212f9]{ display:flex; justify-content:space-around; gap:8px; margin-top:6px;
}
.sk-action[data-v-27d212f9]{ height:44px; width:18%; border-radius:12px;
}
@keyframes shimmer-27d212f9 {
0%{ background-position: 0% 0;
}
100%{ background-position: 200% 0;
}
}

[data-v-cc9ee627]:root{ --stories-h:112px;
}
.stories-wrap[data-v-cc9ee627]{ position:relative;
}
.stories-wrap[data-v-cc9ee627]::before,
.stories-wrap[data-v-cc9ee627]::after{
  content:""; position:absolute; top:0; bottom:0; width:28px; z-index:1;
  pointer-events:none; opacity:0; transition:opacity .18s ease;
}
.stories-wrap.can-left[data-v-cc9ee627]::before{ left:0;  background: linear-gradient(to right, #fff, rgba(255,255,255,0)); opacity:1;
}
.stories-wrap.can-right[data-v-cc9ee627]::after{ right:0; background: linear-gradient(to left,  #fff, rgba(255,255,255,0)); opacity:1;
}
.stories[data-v-cc9ee627]{
  height: var(--stories-h);
  box-sizing: border-box;
  display:flex; align-items:flex-start; gap:14px;
  padding:8px 8px 12px;
  overflow-x:auto; scroll-snap-type:x proximity; scroll-padding-left:8px;
  -ms-overflow-style:none; scrollbar-width:none;
  border-bottom:1px solid #eef2f7; background:#fff;
  overflow-anchor: none;
  contain: layout paint;
}
.stories.no-snap[data-v-cc9ee627]{ scroll-snap-type: none !important;
}
.stories[data-v-cc9ee627]::-webkit-scrollbar{ display:none
}
.chev[data-v-cc9ee627]{
  position:absolute; top:50%; transform:translateY(-50%);
  width:32px; height:32px; display:flex; align-items:center; justify-content:center;
  border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827;
  box-shadow:0 6px 14px rgba(15,23,42,.12); z-index:2; cursor:pointer;
}
.chev.left[data-v-cc9ee627]{  left:6px;
}
.chev.right[data-v-cc9ee627]{ right:6px;
}
.chev[data-v-cc9ee627]:active{ transform:translateY(-50%) scale(.98)
}
.story[data-v-cc9ee627]{ width:72px; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:6px;
}
.bubble[data-v-cc9ee627]{ width:61px; height:61px; border-radius:999px; overflow:hidden; display:grid; place-items:center;
}
.bubble--sk[data-v-cc9ee627]{
  background: linear-gradient(90deg, #f3f4f6 0%, #eaeef5 50%, #f3f4f6 100%);
  background-size:200% 100%;
  animation: sk-shimmer-cc9ee627 1.1s linear infinite;
}
.bubble--cta[data-v-cc9ee627]{ background:#f3f7ff; color:#0b63f6; border:1px dashed #cfe0ff;
}
.label[data-v-cc9ee627]{ width:58px; height:10px; border-radius:6px;
}
.label--sk[data-v-cc9ee627]{
  background: linear-gradient(90deg, #f3f4f6 0%, #eaeef5 50%, #f3f4f6 100%);
  background-size:200% 100%;
  animation: sk-shimmer-cc9ee627 1.1s linear infinite;
}
.label--cta[data-v-cc9ee627]{ height:auto; width:auto; color:#0b63f6; font-weight:700; font-size:11px;
}
@keyframes sk-shimmer-cc9ee627{
0%{ background-position:0% 0
}
100%{ background-position:200% 0
}
}

/* Sticky „bez CLS“ – slot se přirozeně zastaví, jakmile je celý nad spodní lištou */
.ad-box[data-v-0c43344f]{
  --ad-h: 480px;
  position: sticky;
  top: calc(100vh - var(--top-safe-area,72px) - var(--ad-h));
  width: 100%;
  height: var(--ad-h); max-height: var(--ad-h);
  background: linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border-top: 1px solid #eef2f7;
  border-bottom: 1px solid #eef2f7;
  display: grid; place-items: center; overflow: hidden;
}
@media (min-width:1024px){
.ad-box[data-v-0c43344f]{ --ad-h: 250px; height: 250px; max-height: 250px;
}
}

/* label + watermark */
.ad-tag[data-v-0c43344f]{
  position:absolute; top:10px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#6b7280;
}
.ad-placeholder[data-v-0c43344f]{ width:min(100%,1240px); height:100%; position:relative; overflow:hidden;
}
.wm-icon[data-v-0c43344f]{ position:absolute; inset:0; display:grid; place-items:center; color:#0b63f6; opacity:.10; pointer-events:none;
}
.wm-icon svg[data-v-0c43344f]{ width:clamp(72px,18vw,140px); height:auto;
}

.list[data-v-a0b1b3d0]{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;
}
.list-skel[data-v-a0b1b3d0]{
}
.sk[data-v-a0b1b3d0]{
  background:linear-gradient(90deg,#f1f5f9 0%,#e9edf5 50%,#f1f5f9 100%);
  background-size:200% 100%; animation: shimmer-a0b1b3d0 1.1s linear infinite;
  border-radius:8px;
}
@keyframes shimmer-a0b1b3d0{
0%{ background-position:0 0
}
100%{ background-position:200% 0
}
}
.sk-thumb[data-v-a0b1b3d0]{ width:100%; aspect-ratio: 16 / 10; border-radius:12px;
}
.sk-avatar[data-v-a0b1b3d0]{ width:22px; height:22px; border-radius:50%; flex:0 0 auto;
}
.sk-src[data-v-a0b1b3d0]{ width:min(38vw, 180px); max-width:260px; height:14px; border-radius:6px;
}
.sk-btn[data-v-a0b1b3d0]{ width:84px; height:26px; border-radius:999px;
}
.sk-title[data-v-a0b1b3d0]{ width:90%; max-width:720px; height:20px; border-radius:8px;
}
.list-skel .title .sk-title[data-v-a0b1b3d0]::after{
  content:''; display:block; width:72%; height:16px; margin-top:8px;
  border-radius:8px; background:inherit; animation: inherit;
}
.sk-meta[data-v-a0b1b3d0]{ width:220px; max-width:60%; height:12px; border-radius:6px;
}
.sk-reactions[data-v-a0b1b3d0]{ width:140px; height:28px; border-radius:999px;
}
.story-btn[data-v-a0b1b3d0] { padding: 0;
}
.row[data-v-a0b1b3d0]{
  display:flex; flex-direction: column; gap:12px; align-items:flex-start;
  padding:12px; background:#fff; cursor:pointer;
  content-visibility:auto; contain-intrinsic-size:320px 640px;
}
.article[data-v-a0b1b3d0]{ display:flex; flex-direction:column; gap:12px; width:100%;
}
.article-main[data-v-a0b1b3d0]{ display:flex; flex-direction:column-reverse; gap:12px;
}
.media[data-v-a0b1b3d0]{ flex:0 0 auto;
}
.thumb-box[data-v-a0b1b3d0]{
  width:100%;
  position: relative;
  border-radius:12px; overflow:hidden; cursor:pointer;
  max-width: 560px; max-height: 420px;
}
.thumb-sizer[data-v-a0b1b3d0]{ width:100%; aspect-ratio: 16 / 10;
}
.thumb-img[data-v-a0b1b3d0]{
  position:absolute; inset:0;
  width:100%; height:100%;
  display:block; object-fit:cover;
}
.media-badges[data-v-a0b1b3d0]{
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  gap: 6px;
  align-items: center;
  pointer-events: none;
  z-index: 2;
}
.body[data-v-a0b1b3d0]{ display:flex; flex-direction:column; gap:6px; flex:1 1 auto; min-width:0;
}
.title[data-v-a0b1b3d0]{ margin: 2px 0;
}
.title-link[data-v-a0b1b3d0]{ all: unset; color:#111827; font-weight:600; font-size:18px; line-height:1.25; cursor:pointer;
}

/* Summary: 1 řádek + "Zobrazit více" */
.summary[data-v-a0b1b3d0]{
  display:flex;
  align-items:baseline;
  gap:.35em;
  color:#374151;
  font-size:14px;
  line-height:1.35;
  margin-top: -2px;
  min-width:0;
}
.summary-text[data-v-a0b1b3d0]{
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* "Zobrazit více" jako FB */
.more[data-v-a0b1b3d0]{
  flex:0 0 auto;
  padding:0;
  border:0;
  background:none;
  font-weight:800;
  color:inherit;
  cursor:pointer;
  white-space:nowrap;
}
.more[data-v-a0b1b3d0]:hover{ text-decoration: underline;
}
.meta[data-v-a0b1b3d0] { color:#6b7280; font-size:12px; margin:6px 0; display:flex; align-items:center; gap:4px; flex-wrap:wrap
}
.src-name[data-v-a0b1b3d0]{ color:#6b7280
}
.when[data-v-a0b1b3d0]{ color:#0b63f6; font-weight:700; display:inline-flex; align-items:center; gap:4px;
}
.when.hot .ic-hot--dot[data-v-a0b1b3d0] { width: 1.2em; height: 1.2em; color: #ef4444;
}
@keyframes pulseOpacity-a0b1b3d0 {
0%{stroke-opacity:.25}
50%{stroke-opacity:.85}
100%{stroke-opacity:.25}
}
.when.hot .ic-hot--dot .pulseRing[data-v-a0b1b3d0] { animation: pulseOpacity-a0b1b3d0 1.6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.when.hot .ic-hot--dot .pulseRing[data-v-a0b1b3d0] { animation: none;
}
}
.src[data-v-a0b1b3d0] { display:flex; align-items:center; justify-content: space-between; gap:8px; color:#6b7280; padding: 5px 0; min-height: 30px; font-size: 13px;}
.src-left[data-v-a0b1b3d0]{ display:flex; align-items:center; gap:8px; padding: 5px 0;
}
.src-actions[data-v-a0b1b3d0]{ display:flex; align-items:center; gap:10px; height: 30px;}
.src-actions button[data-v-a0b1b3d0]{ height: 100%;}
.exclusive-badge[data-v-a0b1b3d0]{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; color:#0b63f6;
}
.follow[data-v-a0b1b3d0]{ padding:6px 10px; font-weight:700; border-radius:999px; border:1px solid #dbe7ff; background:#f3f7ff; color:#0b63f6; cursor:pointer; white-space:nowrap;
}
.reactions-row[data-v-a0b1b3d0]{
  align-self: stretch; width:100%; display:flex; justify-content:flex-end;
  min-height: 30px;
}
.sentinel[data-v-a0b1b3d0]{ height: 1px;
}
.ad-row[data-v-a0b1b3d0]{ padding: 0; background: transparent;
}
.ad-bleed[data-v-a0b1b3d0]{ width: 100%;}
.ad-floater[data-v-a0b1b3d0]{
  position: fixed; left: 0; right: 0; z-index: 10000;
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding: 10px 12px; background:#ffffff; color:#6b7280;
  border-top: 1px solid #eef2f7; box-shadow: 0 - 6px 14px rgba(2,8,23,.06);
  pointer-events: none;
}
.ad-floater-spinner[data-v-a0b1b3d0]{
  width: 20px; height: 20px; border-radius: 50%;
  border: 3px solid #e5e7eb; border-top-color: #0b63f6; animation: spin-a0b1b3d0 .8s linear infinite;
}
@keyframes spin-a0b1b3d0 {
to { transform: rotate(360deg);
}
}
@media (min-width: 1024px), (orientation: landscape) and (min-width: 640px){
.article-main[data-v-a0b1b3d0]{
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}
.media[data-v-a0b1b3d0]{
    order: 1;
    flex: 0 0 clamp(220px, 28vw, 340px);
}
.media .thumb-box[data-v-a0b1b3d0]{
    width: 100%;
    max-width: none;
    max-height: none;
}
.body[data-v-a0b1b3d0]{
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
}
.title-link[data-v-a0b1b3d0]{ font-size:20px;
}
.summary[data-v-a0b1b3d0]{ font-size:15px;
}
}
@media (min-width: 1360px){
.media[data-v-a0b1b3d0]{ flex-basis: clamp(260px, 28vw, 380px);
}
.thumb-box[data-v-a0b1b3d0]{ border-radius:14px;
}
}

/* overlay */
.wd-overlay[data-v-0656b839]{
  position: fixed;
  inset: 0;
  z-index: 800;
  background: rgba(2,8,23,.55);
  display: grid;
  place-items: center;
  padding:
    max(12px, env(safe-area-inset-top))
    12px
    max(12px, env(safe-area-inset-bottom));
}

/* modal */
.wd-modal[data-v-0656b839]{
  width: min(820px, calc(100vw - 24px));
  max-height: min(86vh, calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
  background: #fff;
  border-radius: 18px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 22px 58px rgba(2,8,23,.24);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* hero */
.wd-hero[data-v-0656b839]{
  position: relative;
  padding: 16px 16px 14px;
  border-bottom: 1px solid #eef2f7;
  background:
    radial-gradient(900px 300px at 10% 0%, rgba(11,99,246,.14), transparent 60%),
    radial-gradient(700px 260px at 100% 40%, rgba(99,102,241,.12), transparent 55%),
    #ffffff;
}
.wd-hero-left[data-v-0656b839]{ max-width: 620px;
}
.wd-badge[data-v-0656b839]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  color: #0b63f6;
  background: #eef4ff;
  border: 1px solid #dbe7ff;
}
.wd-title[data-v-0656b839]{
  margin: 10px 0 6px;
  font-size: 20px;
  font-weight: 1000;
  letter-spacing: .1px;
  color: #0f172a;
}
.wd-sub[data-v-0656b839]{
  margin: 0;
  color:#475569;
  font-size: 14px;
  line-height: 1.35;
}
.wd-hero-actions[data-v-0656b839]{
  display: flex;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.wd-x[data-v-0656b839]{
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  font-size: 18px;
  line-height: 1;
  color: #0f172a;
}
.wd-x[data-v-0656b839]:hover{ background: rgba(15,23,42,.06);
}

/* body */
.wd-body[data-v-0656b839]{
  padding: 14px 16px 16px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* grid */
.wd-grid[data-v-0656b839]{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 720px){
.wd-grid[data-v-0656b839]{ grid-template-columns: 1fr;
}
.wd-title[data-v-0656b839]{ font-size: 18px;
}
}

/* cards */
.wd-card[data-v-0656b839]{
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 10px 22px rgba(2,8,23,.04);
}
.wd-card-top[data-v-0656b839]{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.wd-ic[data-v-0656b839]{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  color: #0b63f6;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.wd-ic svg[data-v-0656b839]{ width: 18px; height: 18px;
}
.wd-card h3[data-v-0656b839]{
  margin: 0;
  font-size: 14px;
  font-weight: 950;
  color: #0f172a;
}
.wd-card p[data-v-0656b839]{
  margin: 0 0 10px;
  color:#334155;
  font-size: 13px;
  line-height: 1.35;
}
.wd-hint[data-v-0656b839]{
  font-size: 12px;
  color: #64748b;
  background: #f8fafc;
  border: 1px dashed #e2e8f0;
  padding: 8px 10px;
  border-radius: 12px;
  margin: 0 0 10px;
}
.wd-mini[data-v-0656b839]{
  font-size: 12px;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid #eef2f7;
  padding: 8px 10px;
  border-radius: 12px;
}
.wd-bottom[data-v-0656b839]{ margin-top: 12px;
}
.wd-note[data-v-0656b839]{
  font-size: 13px;
  color:#334155;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 10px 12px;
}

/* footer */
.wd-footer[data-v-0656b839]{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}

/* buttons */
.wd-btn[data-v-0656b839]{
  height: 42px;
  border-radius: 12px;
  font-weight: 950;
  cursor: pointer;
  padding: 0 14px;
  border: 1px solid transparent;
}
.wd-btn-primary[data-v-0656b839]{
  background: #0b63f6;
  border-color: #0b63f6;
  color: #fff;
}
.wd-btn-primary[data-v-0656b839]:hover{ filter: brightness(0.98);
}
.wd-btn-ghost[data-v-0656b839]{
  background: #fff;
  color: #0f172a;
  border-color: #e5e7eb;
}
.wd-btn-ghost[data-v-0656b839]:hover{ background:#f8fafc;
}

/* “soft” action inside cards */
.wd-btn-soft[data-v-0656b839]{
  width: 100%;
  background: #eef4ff;
  color: #0b63f6;
  border-color: #dbe7ff;
}
.wd-btn-soft[data-v-0656b839]:hover{ background:#e8f0ff;
}

/* transition */
.wd-enter-active[data-v-0656b839], .wd-leave-active[data-v-0656b839]{ transition: opacity .18s ease;
}
.wd-enter-from[data-v-0656b839], .wd-leave-to[data-v-0656b839]{ opacity: 0;
}

:root{
  --bottom-safe-area: 0px;
  --top-safe-area: 72px;
  --actions-h: 72px;
  scrollbar-gutter: stable both-edges;
}
:focus-visible { outline:none;
}
@media (max-width: 1023px){
:root{
    --bottom-safe-area: calc(68px + env(safe-area-inset-bottom, 0px));
    --top-safe-area: 72px;
    --actions-h: 72px;
}
}
html,body,#app{
  height:100%;
  background:#f6f7fb;
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif
}
.more{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid #d1d5db;
  background:#fff;
  cursor:pointer
}
.more:disabled{ opacity:.6; cursor:default
}
.content{
  padding-top: 65px;
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  min-height: calc(100vh - 0px);
}
.content-wrap{
  will-change: transform;
  margin: auto;
  max-width: 1280px;
  width: 100%;
}
* { -webkit-tap-highlight-color: transparent;
}
html, body { -webkit-user-select: text; user-select: text;
}
.tapzones, .tapzones .tap, .nav-arrow, header.toolbar, .bottom-toolbar, button, a, [role="button"] {
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;
}
input, textarea, select, [contenteditable], .article, .summary, .content, .allow-select {
  -webkit-user-select: text !important; user-select: text !important;
}
.tapzones .tap:active, .nav-arrow:active { background: transparent !important;
}
.empty-state{
  display:flex; align-items:center; gap:12px; padding:14px; margin:10px 12px 0;
  border:1px solid #e5e7eb; border-radius:12px; background:#fff; flex-direction: column;
}
.empty-wrap { display: flex; gap: 12px; padding: 14px; justify-content: center; align-items: center;
}
.empty-ic{ width:26px; height:26px; color:#94a3b8; flex:0 0 auto;
}
.empty-text{ display:flex; flex-direction:column; line-height:1.25;
}
.empty-text strong{ color:#111827;
}
.empty-text span{ color:#6b7280; font-size:14px;
}
.empty-state button {
  padding: 8px 12px; border-radius: 12px; border: 1px solid #0b63f6; background: #0b63f6; color: #fff;
}

/* LOGIN GATE styles */
.login-gate{
  min-height: 100vh; display: grid; place-items: center;
  padding: 24px; background: #f6f7fb;
}
.gate-card{
  width: 100%; max-width: 420px; padding: 18px 16px 16px;
  border-radius: 14px; background: #fff; border: 1px solid #e5e7eb;
  box-shadow: 0 6px 18px rgba(2,8,23,.06); text-align: center;
}
.gate-card h1{ margin: 6px 0 6px; font-size: 20px;
}
.gate-card p{ margin: 0 0 12px; color:#6b7280;
}
.google-cta{
  width: 100%; height: 46px; display:flex; align-items:center; justify-content:center; gap:10px;
  border: 1px solid #dadce0; border-radius: 10px; background: #fff; cursor: pointer;
  font-weight: 700; color:#111827;
}
.google-cta:hover{ background:#f8fafc;
}
.glogo-wrap{ width:20px; height:20px; display:grid; place-items:center;
}
.glogo-wrap svg{ width:18px; height:18px;
}