/* Home polish — panel utama "Alur belajar" jadi etalase, taskbar jadi pil kaca melayang.
   Hanya menimpa tampilan; struktur DOM & data-testid tidak berubah. */

/* ---- Etalase alur belajar (Today Plan + Tutor + undangan duel) ---- */
#app .learner-flow-launcher{grid-template-columns:1.35fr 1fr;gap:14px;margin:6px 0 10px}
#app .learner-flow-launcher .launch-card{min-height:168px;padding:22px 24px;border-radius:calc(var(--radius-lg) + 4px);border:0;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;text-align:left;
  transition:transform var(--dur-m) var(--ease-spring),box-shadow var(--dur-m) var(--ease)}
#app .learner-flow-launcher .launch-card::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.55),transparent 55%)}
#app .learner-flow-launcher .launch-card::after{content:"";position:absolute;right:-28px;bottom:-40px;width:170px;height:170px;border-radius:50%;z-index:-1;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5),transparent 62%);opacity:.9;transition:transform var(--dur-l) var(--ease)}
#app .learner-flow-launcher .launch-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(36,26,17,.45)}
#app .learner-flow-launcher .launch-card:hover::after{transform:scale(1.25) translate(-8px,-8px)}
#app .learner-flow-launcher .launch-card>span:nth-child(2){display:flex;flex-direction:column-reverse;gap:6px;align-self:end}
#app .learner-flow-launcher .launch-card b{font-size:1.35rem;letter-spacing:-.02em;line-height:1.1}
#app .learner-flow-launcher .launch-card small{font-size:.86rem;line-height:1.45;opacity:.82}
#app .learner-flow-launcher .launch-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.55);backdrop-filter:blur(10px);align-self:start;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
#app .learner-flow-launcher .launch-card [data-lucide]{width:22px;height:22px;opacity:.7;align-self:end}
#app .learner-flow-launcher .learn-launch{background:linear-gradient(135deg,var(--yellow-soft) 0%,#FFE9B3 55%,#FFD97A 100%);color:var(--ink)}
#app .learner-flow-launcher .tutor-launch{background:linear-gradient(135deg,#FFF5F2 0%,#FDE8E1 55%,#F8D5C8 100%);color:var(--ink);border:1px solid rgba(155,58,74,.15)}
#app .learner-flow-launcher .tutor-launch .launch-icon{background:rgba(255,255,255,.8);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(155,58,74,.18)}
#app .learner-flow-launcher .tutor-launch small{color:var(--muted);opacity:1}
#app .learner-flow-launcher .duel-invite-card{grid-column:1/-1;min-height:112px;background:linear-gradient(135deg,var(--good-soft),#DDF5E6);color:var(--ink);outline:2px dashed var(--good);outline-offset:-8px}
@media (max-width:720px){#app .learner-flow-launcher{grid-template-columns:1fr}#app .learner-flow-launcher .launch-card{min-height:140px;padding:18px 20px}#app .learner-flow-launcher .launch-card b{font-size:1.15rem}}

/* ---- Taskbar: DIPINDAH (m025-266). Pil kaca + penanda aktif yang dulu ada di sini adalah
   satu dari sembilan definisi .bottomnav yang saling menimpa di empat berkas; blur-nya juga
   melanggar keputusan baterai m025-81 yang gerbang ui-structure jaga (tetapi hanya di
   style.css). Satu-satunya definisi rupa tab bar kini di style.css, "Tab bar — satu
   definisi, bukan enam". ---- */
@media (prefers-reduced-motion:reduce){#app .learner-flow-launcher .launch-card{transition:none}}
#app .learner-flow-launcher{background:transparent;padding:0;border:0;box-shadow:none}
#app .learner-flow-launcher .tutor-launch b,#app .learner-flow-launcher .tutor-launch>span{color:var(--ink)}
#app .learner-flow-launcher .tutor-launch [data-lucide]{color:var(--accent);opacity:.9}
#app .learner-flow-launcher .learn-launch b,#app .learner-flow-launcher .learn-launch>span{color:var(--ink)}