:root { color-scheme: light only; }
    body {
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
      background:
        radial-gradient(1200px 600px at -10% -10%, #ffffff 0%, #fafafa 45%, transparent 70%),
        radial-gradient(900px 500px at 110% -10%, #ffffff 10%, #f7f8fb 55%, transparent 80%),
        linear-gradient(180deg, #ffffff 0%, #f6f7f9 100%);
      color:#0f172a;
    }
    .glass { background: rgba(255,255,255,.78); backdrop-filter: blur(14px); }
    .fade-scroll {
      overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth;
      -webkit-mask-image: linear-gradient(to right, transparent, #fff 10%, #fff 90%, transparent);
      mask-image: linear-gradient(to right, transparent, #fff 10%, #fff 90%, transparent);
    }
    .progress-rail { height: 6px; background: rgba(15,23,42,.08); border-radius: 999px; overflow: hidden; }
    .progress-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #ffdf70, #ffc000); transition: width .25s ease; }
    .chip { display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .6rem; border-radius:999px; border:1px solid rgb(226 232 240); font-size:.8rem; background:#fff; }
    .fade-enter { opacity: 0; transform: translateY(8px); }
    .fade-enter-active { opacity: 1; transform: translateY(0); transition: all .28s ease; }