/* ---------- TODAY ---------- */
  .today-top{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-bottom:22px}
  .hello h1{font-weight:900;font-size:1.8rem;letter-spacing:-.02em}
  .hello p{color:var(--muted-2);font-size:.95rem;margin-top:2px}
  .flame-box{display:flex;align-items:center;gap:12px;background:var(--orange-light);border:2px solid #ffd699;
    border-radius:16px;padding:14px 20px}
  .flame-box svg{color:var(--orange)}
  .flame-box .n{font-weight:900;font-size:1.6rem;color:var(--orange-dark);line-height:1}
  .flame-box .l{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#c97b0a}
  .quest{border:2px solid var(--line);border-bottom-width:4px;border-radius:22px;overflow:hidden;margin-bottom:20px}
  .quest-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;
    background:linear-gradient(100deg,var(--green) 0%,#6fdd1a 100%);color:#fff}
  .quest-head h2{font-weight:900;font-size:1.25rem;letter-spacing:-.01em}
  .quest-head .sub{font-size:.82rem;font-weight:700;opacity:.9}
  .quest-bar{height:14px;background:#e9f7dd;position:relative}
  .quest-bar i{position:absolute;inset:0;width:0%;background:var(--gold);border-radius:0 8px 8px 0;transition:width .5s cubic-bezier(.2,.7,.3,1)}
  .task{display:flex;align-items:center;gap:16px;padding:18px 24px;border-top:2px solid var(--line);background:var(--card)}
  .task .tk-ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
  .task .tk-ic.c1{background:var(--blue)} .task .tk-ic.c2{background:var(--purple)} .task .tk-ic.c3{background:var(--orange)}
  .task.done .tk-ic{background:var(--green)}
  .task .tk-t{font-weight:800;font-size:1rem}
  .task .tk-s{font-size:.8rem;color:var(--muted-2);font-weight:600}
  .task .tk-mid{flex:1;min-width:0}
  .task .tk-prog{font-size:.78rem;font-weight:800;color:var(--blue-dark);margin-top:3px}
  .task.done .tk-t{color:var(--green-dark)}
  .task.done .tk-btn{visibility:hidden}
  .task-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}
  .task.done .task-check{background:var(--green);border-color:var(--green)}
  .quest-done{padding:22px 24px;border-top:2px solid var(--line);background:var(--gold-light);text-align:center}
  .quest-done .big{font-weight:900;font-size:1.2rem;color:#b8860b}
  .quest-done p{font-size:.85rem;color:#8a6d1a;font-weight:600;margin-top:2px}
  .today-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
  .votd{padding:24px;cursor:pointer;transition:transform .15s;border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;background:var(--card);position:relative;overflow:hidden}
  .votd::before,.votd::after{content:'';position:absolute;width:74px;height:74px;pointer-events:none;
    background:url(ornament/corner.webp) center/contain no-repeat;opacity:.85}
  .votd::before{top:6px;right:6px;transform:scaleX(-1)}
  .votd::after{bottom:6px;left:6px;transform:scaleY(-1)}
  .votd:hover{transform:translateY(-2px)}
  .votd .k{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;text-transform:uppercase;
    letter-spacing:.1em;color:var(--purple-dark);margin-bottom:14px}
  .votd .k svg{color:var(--purple)}
  .votd .ar{font-family:var(--quran);font-size:1.55rem;line-height:2.05;direction:rtl;text-align:right;color:var(--text)}
  .votd .tr{font-size:.88rem;color:var(--muted-2);margin-top:10px;font-weight:600}
  .votd .ref{font-size:.76rem;color:var(--purple-dark);margin-top:8px;font-weight:800}
  .today-side{display:flex;flex-direction:column;gap:16px}
  .continue-card{display:flex;align-items:center;gap:15px;background:var(--card);border:2px solid var(--line);
    border-bottom-width:4px;border-radius:16px;padding:18px 20px;cursor:pointer;transition:transform .15s;text-align:left;width:100%}
  .continue-card:hover{transform:translateY(-2px)}
  .cc-play{flex:0 0 48px;height:48px;border-radius:50%;background:var(--green);color:#fff;
    display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 var(--green-dark)}
  .continue-card .k{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--green-dark)}
  .continue-card .t{font-weight:800;font-size:1rem;margin-top:1px}
  .continue-card .s{font-size:.78rem;color:var(--muted-2);font-weight:600}
  .stat-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .stat{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:14px 16px}
  .stat .v{font-weight:900;font-size:1.4rem;line-height:1.1}
  .stat .l{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);margin-top:2px}
  .stat .v.c-blue{color:var(--blue-dark)} .stat .v.c-green{color:var(--green-dark)}
  .stat .v.c-orange{color:var(--orange-dark)} .stat .v.c-purple{color:var(--purple-dark)}