@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");.scf-scene{--c-accent:#3b82f6;--c-accent-dark:#2563eb;--c-accent-soft:#eff5ff;--c-track:#e5e9f0;--c-ink:#0f172a;--c-muted:#64748b;--c-subtle:#94a3b8;--c-success:#16a34a;--c-white:#fff;--c-card:#f8fafc;--c-border:#e8edf3;--c-shadow:rgba(15,23,42,.08);--c-shadow-soft:rgba(15,23,42,.05);--ease-soft:cubic-bezier(0.65,0,0.35,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--t-hover:150ms;--t-screen:700ms;--t-pulse:600ms;position:relative;width:100%;max-width:760px;margin:0 auto;aspect-ratio:760/500;border-radius:8px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0,#fff 0,#f4f7fb 100%);border:1px solid var(--c-border);box-shadow:0 1px 0 hsla(0,0%,100%,.9) inset,0 18px 48px var(--c-shadow);font-family:DM Sans,system-ui,-apple-system,sans-serif;color:var(--c-ink)}@keyframes scf-notifIn{0%{opacity:0;transform:translate(18px,-14px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes scf-notifOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(18px,-10px) scale(.97)}}@keyframes scf-crPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.45);opacity:.35}}@keyframes scf-crClick{0%{transform:scale(1)}40%{transform:scale(.6)}to{transform:scale(1.6);opacity:0}}@keyframes scf-milestonePulse{0%{transform:scale(1);opacity:.45}to{transform:scale(1.9);opacity:0}}@keyframes scf-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scf-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--t-screen) var(--ease-soft),transform var(--t-screen) var(--ease-out);will-change:opacity,transform}.scf-stage--in{opacity:1;transform:scale(1)}.scf-stage--out{opacity:0;transform:scale(1.04)}.scf-screen-svg{width:100%;height:100%;display:block}.scf-screen-svg text{font-family:DM Sans,system-ui,sans-serif}.scf-d-brand{font-size:14px;font-weight:700;letter-spacing:1px;fill:var(--c-ink)}.scf-d-nav{font-size:12.5px;font-weight:500;fill:var(--c-muted)}.scf-d-nav--active{fill:var(--c-accent);font-weight:600}.scf-d-title{font-size:17px;font-weight:700;letter-spacing:.2px;fill:var(--c-ink)}.scf-d-avatar{font-size:12px;font-weight:700;fill:var(--c-accent)}.scf-d-pill{font-size:11.5px;font-weight:600;fill:var(--c-accent)}.scf-d-stat-label{font-size:11.5px;font-weight:500;fill:var(--c-subtle)}.scf-d-stat-val{font-size:22px;font-weight:700;fill:var(--c-ink)}.scf-d-stat-val--accent{fill:var(--c-accent)}.scf-d-card-title{font-size:13px}.scf-d-card-title,.scf-d-item-id{font-weight:600;fill:var(--c-ink)}.scf-d-item-id{font-size:11.5px}.scf-d-item-meta{font-size:10.5px;font-weight:500;fill:var(--c-subtle)}.scf-d-greeting{font-size:19px;font-weight:700;fill:var(--c-ink)}.scf-d-sub{font-size:12.5px;font-weight:500;fill:var(--c-muted)}.scf-d-status{font-size:10.5px;font-weight:600}.scf-d-status--live{fill:var(--c-accent)}.scf-d-status--done{fill:var(--c-success)}.scf-d-step{font-size:10.5px;font-weight:500;fill:var(--c-subtle)}.scf-d-step--on{fill:var(--c-ink);font-weight:600}.scf-notif{position:absolute;top:22px;right:22px;width:300px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:16px;background:var(--c-white);border:1px solid var(--c-border);border-radius:16px;box-shadow:0 12px 36px var(--c-shadow),0 2px 6px var(--c-shadow-soft);z-index:30;opacity:0;pointer-events:none;transform:translate(18px,-14px) scale(.96);animation:scf-notifOut var(--t-screen) var(--ease-soft) forwards}.scf-notif--visible{opacity:1;pointer-events:auto;animation:scf-notifIn .5s var(--ease-spring) forwards}.scf-notif-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--c-accent-soft);color:var(--c-accent);display:flex;align-items:center;justify-content:center}.scf-notif-text{flex:1 1;min-width:0}.scf-notif-title{font-size:13.5px;font-weight:600;color:var(--c-ink);letter-spacing:.1px;margin-bottom:4px}.scf-notif-body{font-size:12px;line-height:1.5;color:var(--c-muted)}.scf-notif-btn{width:100%;margin-top:4px;padding:9px 14px;border:none;border-radius:10px;background:var(--c-accent);color:var(--c-white);font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 2px 10px rgba(59,130,246,.32);transition:transform var(--t-hover) var(--ease-out),background var(--t-hover) ease,box-shadow var(--t-hover) ease}.scf-notif-btn--hovered{background:var(--c-accent-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,130,246,.4)}.scf-tracking{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px;animation:scf-fadeUp var(--t-screen) var(--ease-out)}.scf-tracking-head{text-align:center;margin-bottom:8px}.scf-tracking-title{font-size:18px;font-weight:700;color:var(--c-ink);letter-spacing:.2px}.scf-tracking-sub{margin-top:4px;font-size:12px;font-weight:500;color:var(--c-subtle);letter-spacing:.3px}.scf-rail-svg{width:100%;max-width:680px;height:auto}.scf-m-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;fill:var(--c-subtle);transition:fill var(--t-screen) var(--ease-soft)}.scf-m-title--on{fill:var(--c-ink)}.scf-m-status{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;fill:transparent;opacity:0;transition:opacity var(--t-screen) var(--ease-out)}.scf-m-status--on{fill:var(--c-accent);opacity:1}.scf-milestone-pulse{transform-box:fill-box;transform-origin:center;animation:scf-milestonePulse var(--t-pulse) var(--ease-out) forwards}.scf-truck{opacity:0;transition:opacity var(--t-screen) var(--ease-out),transform 1.2s var(--ease-soft)}.scf-truck--on{opacity:1}.scf-success{display:flex;align-items:center;gap:10px;margin-top:6px;padding:9px 18px;border-radius:24px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.22);opacity:0;transform:translateY(8px) scale(.96);transition:opacity var(--t-pulse) var(--ease-out),transform var(--t-pulse) var(--ease-spring)}.scf-success--on{opacity:1;transform:translateY(0) scale(1)}.scf-success-icon{width:34px;height:34px;border-radius:50%;background:var(--c-white);border:1.5px solid rgba(22,163,74,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(22,163,74,.18)}.scf-success-msg{font-size:13px;font-weight:600;color:var(--c-success);letter-spacing:.2px}.scf-cursor{position:absolute;z-index:50;pointer-events:none;width:22px;height:22px}.scf-cursor-ring{position:absolute;border-radius:50%}.scf-cursor-outer{width:22px;height:22px;top:0;left:0;border:1.5px solid var(--c-accent);animation:scf-crPulse 2.2s ease-in-out infinite}.scf-cursor-outer--clicking{animation:scf-crClick .28s ease forwards}.scf-cursor-inner{width:8px;height:8px;top:7px;left:7px;background:var(--c-accent);box-shadow:0 0 6px var(--c-accent)}@media (max-width:600px){.scf-scene{border-radius:8px}.scf-notif{width:calc(100% - 32px);right:16px;top:16px}.scf-tracking-title{font-size:16px}.scf-m-title{font-size:12px}.scf-m-status{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.scf-cursor-outer,.scf-notif,.scf-notif-btn,.scf-stage,.scf-success,.scf-truck{transition:none;animation:none}}