.ucx-chip{border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink-2);border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.ucx-hero-media{padding:0 0 28px;position:relative}.ucx-hero-photo{aspect-ratio:3/2;object-fit:cover;border-radius:28px;width:100%;height:auto;box-shadow:0 30px 70px -36px #14223b73}.ucx-float{background:var(--color-panel);border:1px solid var(--color-line);border-radius:16px;align-items:center;gap:10px;display:flex;position:absolute;box-shadow:0 20px 44px -22px #14223b66}.ucx-float-tool{max-width:78%;color:var(--color-ink);padding:9px 13px;font-size:12.5px;top:18px;left:-14px}.ucx-float-proof{align-items:flex-start;width:min(300px,82%);padding:12px 14px;bottom:0;right:18px}.ucx-float-check{background:var(--color-ok);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:inline-flex}@media (prefers-reduced-motion:no-preference){.ucx-float-tool{animation:6s ease-in-out infinite ucx-bob}.ucx-float-proof{animation:6s ease-in-out -3s infinite ucx-bob}}@keyframes ucx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:639px){.ucx-float-tool{left:10px}}.ucx-problem{border-radius:var(--radius-card);background:var(--color-signal-soft);border:1px solid color-mix(in srgb, var(--color-signal) 22%, transparent);padding:26px 28px}.ucx-rail{gap:18px;display:grid;position:relative}.ucx-rail:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-line));width:2px;position:absolute;top:10px;bottom:10px;left:19px}.ucx-rail li{align-items:flex-start;gap:16px;display:flex}.ucx-player{border:1px solid var(--color-line);background:var(--color-ground);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -40px #14223b73}.ucx-player-head{border-bottom:1px solid var(--color-line);background:var(--color-panel-2);align-items:center;gap:12px;padding:11px 16px;display:flex}.ucx-dots{gap:5px;display:inline-flex}.ucx-dots i{background:var(--color-line);border-radius:50%;width:9px;height:9px}.ucx-live{background:var(--color-accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 18%, transparent);border-radius:50%;flex-shrink:0;margin-left:auto}.ucx-live.is-done{background:var(--color-ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-ok) 18%, transparent)}.ucx-progress{background:var(--color-panel-2);border-radius:99px;height:4px;margin-top:14px;overflow:hidden}.ucx-progress span{background:var(--color-accent);transform-origin:0;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.ucx-step{border-radius:14px;align-items:flex-start;gap:12px;padding:10px 12px;transition:background-color .35s,opacity .35s;display:flex}.ucx-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;transition:background-color .35s,color .35s,border-color .35s;display:inline-flex}.ucx-step.is-next{opacity:.5}.ucx-step.is-next .ucx-step-dot{border:1.5px solid var(--color-line);color:var(--color-muted)}.ucx-step.is-now{background:var(--color-accent-soft)}.ucx-step.is-now .ucx-step-dot{background:var(--color-accent);color:var(--color-ground)}.ucx-step.is-now span:last-child{color:var(--color-ink);font-weight:550}.ucx-step.is-done .ucx-step-dot{background:color-mix(in srgb, var(--color-ok) 16%, transparent);color:var(--color-ok)}.ucx-step.is-done span:last-child{color:var(--color-ink-2)}.ucx-outcome{border:1px dashed var(--color-line);color:var(--color-muted);border-radius:14px;align-items:flex-start;gap:10px;margin-top:14px;padding:13px 14px;font-size:14.5px;font-weight:600;transition:background-color .4s,color .4s,border-color .4s;display:flex}.ucx-outcome-icon{background:var(--color-panel-2);width:22px;height:22px;color:var(--color-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:inherit;display:inline-flex}.ucx-outcome.is-on{border-style:solid;border-color:color-mix(in srgb, var(--color-ok) 40%, transparent);background:color-mix(in srgb, var(--color-ok) 9%, var(--color-panel));color:var(--color-ink)}.ucx-outcome.is-on .ucx-outcome-icon{background:var(--color-ok);color:#fff}@media (prefers-reduced-motion:reduce){.ucx-progress span,.ucx-step,.ucx-step-dot,.ucx-outcome{transition:none}}